Як покращити UX дизайн мобільного додатку: 5 простих секретів

Якщо ви хочете, щоб ваш жив довго, треба створювати ефективний UX! Як це зробити? Пропонуємо вам дізнатися про це у дуже цікавому матеріалі від Sparklin – в адаптованому перекладі українською мовою DesignTalk.club.

скріншот мобільного додатку

3-річне дослідження Google виявило, що в середньому у користувача на телефоні встановлено близько 36 додатків, при цьому він щодня використовує тільки дев’ять з них. За статистикою, тільки чотири відсотки додатків будуть використовуватися довше року.

У даному дослідженні представлені переконливі аргументи для розробки кращих мобільних додатків і використання базових принципів UX дизайну. Більш зручний у використанні додаток, орієнтований на користувачів, знижує ймовірність його видалення.

Поліпшення UX з підвищеним рівнем утримання користувачів також є однією з головних причин євангелізації додатків. Зрештою, існує 52-процентна вірогідність, що користувач дізнається про ваш від одного з членів сім’ї або колег, а не в магазині додатків.

Ось п’ять порад щодо поліпшення UX мобільних додатків.

1. Юзабіліті та зорієнтовані на користувача цілі

Ви застрягли на вулиці в новому для себе місті, і йде сильний дощ. Ви запускаєте для виклику таксі. Як користувач, на що ви сподіваєтеся під час запуску програми?

Сподіваєтеся, що таксі приїде до вас якомога швидше.

Яка основна мета користувача?

Якщо ваші користувачі можуть зіткнутися з такою ситуацією, розробіть мобільний для таких користувачів та їхніх цілей. Створіть UX сценарій, який дозволить їм забронювати таксі максимально швидко і всього за кілька кроків. Ніяких хитрощів – простота, що виправдує очікування користувача!

Ви спочатку хочете оцінити водія або замовити таксі?

Чому як тільки ви відкриєте додаток, він просить вас оцінити водія з попереднього замовлення? Або чому нагадує вам про нестачу коштів лише тоді, коли він має шукати і знаходити таксі поблизу від вас? Давайте не будемо змушувати користувача в першу чергу здійснювати дії, які не пов’язані з головною проблемою.

2. Чітко визначте кнопку дії

Також відома як CTA (заклик до дії), ця кнопка гарантує, що користувач у наведеному вище прикладі замовить таксі.

UX дизайн мобільного додатку
Яка кнопка дії краще пояснює мету?

Ось кілька речей, на які варто звернути увагу при визначенні кнопки дії. По-перше, вона повинна чітко визначати дію. У додатку виклику таксі кнопка дії може бути «замовити таксі», а не просто «відправити». Це краще пояснить мету.

По-друге, кнопка дії повинна бути легко помітною і доступною. Правші важко дістатися до верхнього лівого кута екрану мобільного пристрою, не використовуючи обидві руки. Тримайте мобільний телефон у руці і зверніть увагу на область екрану, до якої може легко дотягнутися великий палець. Це може бути зоною для розміщення вашої кнопки дій.

3. Дизайн для товстих пальців

Є два таксі, які користувач може замовити з програми, згаданої у прикладі вище. Обидва варіанти розміщені горизонтально поруч один з одним у нижній частині екрана, як різні кнопки дій. Користувач, що використовує цей додаток, має дуже товстий великий палець. Він натискає на Варіант 2, у той час, як він хотів вибрати Варіант 1. Однак йому складно натиснути і вибрати Варіант 1. Це засмучує!

Допоможе збільшення розміру кнопок дії і відстані між ними

Якби кнопки дій були досить великими (НЕ гігантськими), цієї помилки й розчарування можна було б уникнути. Створюйте великі кнопки дій і розміщуйте їх на достатній відстані одна від одної, щоб спростити навігацію додатка.

4. Пам’ятайте про ціну мобільного трафіку

Ще одним стримуючим фактором для мобільних користувачів є великий обсяг трафіку. Обмежте інформацію для завантаження. Фонові служби споживають велику кількість інтернет-трафіку.

Створюйте повторно використовувані графічні ресурси для різних завдань у додатку, наприклад, іконку таксі, щоб позначити переміщення таксі по місту на карті. Запитайте вибір користувача за межами розділу для подальшого завантаження інформації, графічних ресурсів, зображень і відео.

Оптимізуйте шрифти, зображення та відео для мобільних пристроїв. Давайте не будемо робити замовлення таксі ще дорожчим!

5. Не розряджайте батарею

Декілька років тому, у Google на Dev Summit розповіли про те, як смартфон витрачає заряд батареї. Вони визнали, що основний фактор у споживанні заряду батареї – яскравість і екрану.

Кожен по-різному розряджає батарею пристрою

UX дизайн мобільного додатку

Якщо перевантажено обчисленнями або складною навігацією, швидкість розрядження батареї смартфона вище. Фонові служби, такі як визначення місця розташування, також споживають багато енергії.

Останнє, що потрібно користувачеві під сильним дощем у новому для нього місті, це розрядка акумулятора його смартфона. Зробіть користувацький простим із більш темними кольорами, коротшою навігацією і обмеженими фоновими сервісами.

Сподіваємося, що ці поради допоможуть вам поліпшити UX вашого мобільного додатка і збільшать коефіцієнт утримання користувачів.

ДУЖЕ РАДИМО ПОЧИТАТИ:

Що таке аніматик і чому/як його потрібно використовувати

Як робити UI кнопки правильно: розміщення, розміри та пріоритет

Короткий екскурс у історію веб-дизайну: “темні віки”, “золотий вік” + інше