5 советов по улучшению UX мобильного приложения

3-летнее исследование Google выявило, что в среднем у пользователя на телефоне установлено около 36 приложений, при этом он ежедневно использует только девять из них. По статистике, только четыре процента приложений будут использоваться дольше года.

Более удобное в использовании приложение ориентировано на пользователей и снижает вероятность его удаления.

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

1. Юзабилити и пользовательские цели

Вы застряли на улице в новом для себя городе, и идет сильный дождь. Вы запускаете приложение для вызова такси (по рекомендации друга). Как пользователь, на что вы надеетесь при запуске приложения? Надеетесь, что такси приедет к вам как можно скорее. [caption id="attachment_45764" align="aligncenter" width="1400"] Какова основная цель пользователя?[/caption] Если ваши пользователи могут столкнуться с такой ситуацией, разработайте мобильное приложение для таких пользователей и их целей. Создайте UX сценарий, который позволит им забронировать такси максимально быстро и всего за несколько шагов. Никаких уловок – простота, оправдывающая ожидания пользователя! [caption id="attachment_45765" align="aligncenter" width="1400"] Вы сначала хотите оценить водителя или заказать такси?[/caption] Почему, как только вы откроете приложение, оно просит вас оценить водителя с предыдущего заказа? Или почему приложение напоминает вам о недостатке средств только тогда, когда оно должно искать и находить такси поблизости от вас? Давайте не будем заставлять пользователя в первую очередь совершать действия, которые не связаны с их главной проблемой.

Простой дизайн легко не заметить, но он действительно эффективен, если реализован правильно. ~ Химаншу Ханна

2. Четко определите кнопку действия

Также известная как CTA (призыв к действию), эта кнопка гарантирует, что пользователь в приведенном выше примере закажет такси. [caption id="attachment_45766" align="aligncenter" width="1400"] Какая кнопка действия лучше объясняет цель?[/caption] Вот несколько вещей, на которые стоит обратить внимание при определении кнопки действия. Во-первых, она должна четко определять действие. В приложении вызова такси кнопка действия может быть «заказать такси», а не просто «отправить». Это лучше объяснит цель. Во-вторых, кнопка действия должна быть легко заметной и доступной. Правше трудно добраться до верхнего левого угла экрана мобильного устройства, не используя обе руки. Держите мобильный телефон в руке и обратите внимание на область экрана, до которой может легко дотянуться большой палец. Это может быть область для размещения вашей кнопки действий.

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

Есть два такси, которые пользователь может заказать из приложения, упомянутого в примере выше. Оба варианта размещены горизонтально рядом друг с другом в нижней части экрана, как разные кнопки действий. И у пользователя, использующего это приложение, очень толстый большой палец. Он нажимает на Вариант 2, в то время, как он хотел выбрать Вариант 1. Однако, ему сложно нажать и выбрать Вариант 1. Это расстраивает! [caption id="attachment_45767" align="aligncenter" width="1000"] Поможет увеличение размера кнопок действия и расстояния между ними[/caption] Если бы кнопки действий были достаточно большими (не гигантскими), этой ошибки и разочарования можно было бы избежать. Создавайте большие кнопки действий и размещайте их на достаточном расстоянии друг от друга, чтобы упростить навигацию приложения.

4. Помните о дороговизне мобильного трафика

Еще одним сдерживающим фактором для мобильных пользователей является большой объем трафика. Ограничьте информацию для загрузки на ходу. Фоновые службы потребляют большое количество интернет трафика. Создавайте повторно используемые графические ресурсы для различных задач в приложении, например, иконку такси, чтобы обозначить перемещение такси по городу на карте. Запросите выбор пользователя за пределами раздела для дальнейшей загрузки информации, графических ресурсов, изображений и видео. Оптимизируйте шрифты, изображения и видео для мобильных устройств. Давайте не будем делать заказ такси еще дороже!

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

В ноябре 2018 года Google на Android Dev Summit, рассказали о том, как смартфон расходует заряд батареи. Они признали, что основной фактор в потреблении заряда батареи – яркость и цвет экрана.

Google признали, что допустили небольшую ошибку. С тех пор, как началась инициатива Google Material Design, они поощряли дизайнеров использовать белый в качестве основного цвета для всех приложений и интерфейсов.

[caption id="attachment_45768" align="aligncenter" width="1000"] Каждый цвет по-разному разряжает батарею устройства

[/caption] [caption id="attachment_45770" align="aligncenter" width="1000"] Google, вероятно, продолжат выпускать Dark Mode в своих приложениях[/caption] Если приложение перегружено вычислениями или сложной навигацией, скорость разряжения батареи смартфона выше. Фоновые службы, такие как определение местоположения, также потребляют много энергии. Последнее, что нужно пользователю под сильным дождем в новом для него городе, это разрядка аккумулятора его смартфона. Сделайте пользовательский интерфейс простым с более темными цветами, более короткой навигацией и ограниченными фоновыми сервисами. Надеемся, что эти советы помогут вам улучшить UX вашего мобильного приложения и увеличат коэффициент удержания пользователей. Если вам понравилась статья, вам есть, что сказать или вы хотите обсудить с нами эту тему, пишите нам в Twitter!

---

Перевод статьи Sparklin