Казалось бы, чего проще: взять концепцию, втиснуть ее в маленький экран, сохранив все функции, и – вуаля! – теперь у вас готовое мобильное приложение. К сожалению, это так не работает. Тут главное не “уместить всё”, а эргономика, скорость и интуитивность.
Вот 7 ошибок мобильного дизайна, которые разрушают пользовательский опыт и убивают конверсию в приложениях.
1. Непродуманная навигация
Чтобы добраться до кнопки с ключевым действием, требуется прогуляться по многим экранам? Потом оказывается, что кнопка была на предыдущем экране, но пользователь ее не увидел, потому что ее поместили вне зоны большого пальца? Найдя-таки желанную кнопку, клиент снова разочаровывается, потому что попасть в нее не получается с первого раза. И со второго. Не рассчитывайте, что клиент подумает, будто это он такой неискушенный юзер. Он решит, что его здесь не ждут, и удалит приложение.
2. Медленная загрузка и «тяжелый» интерфейс
Приложение открывается долго и постоянно тормозит на старых устройствах? Вряд ли вам удастся убедить своего клиента заменить смартфон: скорее всего, он заменит магазин – найдет тот, приложение которого оптимизировано для любых устройств, в том числе и для его гаджета.
3. Формы, из-за которых хочется всё бросить
Ввод данных на смартфоне — одно из самых нелюбимых большинством людей действий. И с каждым новым полем мысль бросить эту затею кажется всё более соблазнительной. Помогите своим клиентам пройти этот нелегкий путь: сократите поля до абсолютного минимума, используйте автозаполнение и умные подсказки.
4. Игнорирование мобильного контекста и жестов
Главная прелесть мобильности – все нужное всегда под рукой. Но что толку, если телефон под рукой, а нужным приложением одной рукой пользоваться неудобно? Если вы рассчитываете, что ваши клиенты сядут за стол и десятью пальцами начнут работать с приложением, то вы разочаруетесь: они загрузят другое приложение. Так что проектируйте с учетом этого и используйте стандартные жесты и управление голосом.
5. Критически важный контент, перекрываемый нативными элементами
Кнопка «Далее» оказывается под всплывающей клавиатурой? И как же пользователь нажмет эту кнопку? Или вы надеетесь, что он будет искать обходные пути пройти «далее», решив, что это забавный квест? Нет, конечно. В лучшем случае пользователь напишет в поддержку, в худшем – уйдет к другим. А ведь всего-то лишь надо было тщательно протестировать свое приложение на всех устройствах и устранить эту ошибку еще до запуска!
6. Отсутствие персонализации и «лишние» шаги для постоянных пользователей
Каждый раз при входе приложение требует логин и пароль, а после входа предлагает еще раз ознакомиться с основными функциями? Вы действительно считаете, что ваш постоянный клиент забыл, где корзина? Используйте аутентификацию по биометрии и сегментацию пользователей на новых и постоянных.
7. Слабые или агрессивные призывы к действию (CTA)
Непонятные кнопки («Отправить» вместо «Заказать звонок»), визуально сливающиеся с фоном, или, наоборот, навязчивые поп-апы, блокирующие весь интерфейс. На маленьком экране каждый элемент на вес золота. CTA должен быть абсолютно ясным и визуально выделяться, но при этом не мешать пользователю.
Не адаптированный, а адаптивный
Адаптивный – не значит адаптированный. Нужно не адаптировать под мобильные, а проектировать для мобильных, учитывая физические ограничения устройства, поведенческие паттерны пользователя и ситуационный контекст. Проводите A/B-тесты, анализируйте карты касаний (touch heatmaps) и карты прокрутки, читайте обратную связь. Только так можно создать мобильный опыт, который будет увеличивать конверсию, привлекая новых пользователей.