„Тъкмо започваме да мислим първо мобилно, после десктоп за много от продуктите ни“ – Кейт Ароновиц, Design Director, Facebook
По традиция дигиталните агенции проектират първо десктоп версията, а мобилната оставят за после. Дори при responsive подхода много дизайнери тръгват „от голямото към малкото“.
Все по-често обаче процесът се обръща и мобилният дизайн става приоритет. Ето защо.
Какво е mobile-first?
Когато изграждате дигитално присъствие за хора в движение, започвате от най-малкия екран и надграждате нагоре. Този подход ражда отлични responsive кампании и изживявания.
Защо mobile-first?
Мобилният интерфейс е най-натоварената част от сайта, затова трябва да е номер едно. Малкият екран ви принуждава да сведете всичко до най-важното послание и най-необходимите функции – сърцето на UX.
Mobile-First = Content-First = User-First
Обем и влияние
Ако сайтът ви изглежда отлично на телефон, стигате до милиони потребители „в движение“. Половината световен трафик идва от мобилни устройства, а алгоритмите на Google вече фаворизират мобилните версии.
Мобилни потребители в числа:
- 10+ милиарда мобилни потребители в света
- В САЩ 25% сърфират само през телефон
Търговия:
- Amazon: над 136 млрд. $ мобилни продажби за година
- eBay: 9,5 млрд. $ мобилни продажби през 2016 г.
- Best Buy: броят на мобилните потребители се удвоява ежегодно
Социални мрежи:
- Twitter: 80 % от активните потребители са мобилни
- Instagram: 40 млрд. споделени снимки
- Snapchat: 166 млн. дневни потребители
- Facebook: 1,15 млрд. дневни мобилни потребители
UX, който „се усеща страхотно“
Mobile-first означава да махнете рекламния шум и да покажете съдържанието възможно най-директно.
Цели:
- Минимум стъпки между потребителя и съдържанието
- Интуитивен, предвидим и реактивен интерфейс
- Директна манипулация – плъзгане, почукване, скрол с палец
- Максимум контрол в ръцете на потребителя
Продуктите онлайн = mobile-first
Телефонът често изисква различно съдържание: най-популярните продукти, един ясен CTA, променен път на потребителя през сайта. Помнете, че посетителят скролва с един палец и гледа набързо.
Смарт възможности
- GPS и ориентация
- Камера, микрофон, сензори за движение
- NFC и Bluetooth връзки
- Мултитъч и 360° жироскоп
Защо работи mobile-first?
Стартът от най-малкия екран гарантира, че покривате всички устройства. После добавяте анимации, скриптове и медия за по-големите дисплеи.
Вашият сайт мобилен ли е? Да подобрим онлайн имиджа и продажбите ви заедно. Пишете ни на info@edesign.bg.