Порадуйте пользователей этими рекомендациями по дизайну мобильных приложений

Мобильное приложение — это набор подключенных функций. Работа дизайнера состоит в том, чтобы сделать эти впечатления связными и бесконфликтными. Это непростая задача. Шаблоны и компоненты пользовательского интерфейса должны выглядеть и вести себя одинаково на всех экранах. Взаимодействия должны быть интуитивно понятными и согласовываться с желаемыми пользователями результатами. Все приложение должно включать рекомендации по доступности.

Исследование пользователей и тестирование — лучший способ выявить нюансы, необходимые для того, чтобы приложение достигло устойчивого успеха. Тем не менее, существуют широко применимые передовые практики, которые могут помочь вам разработать мобильные приложения, которые будут радовать пользователей и удерживать их в течение длительного времени.

Упростите и оптимизируйте процесс адаптации

Исследования показывают, что пользователи, которые знакомятся с обучающими материалами по адаптации, как правило, воспринимают задачи как более сложные по сравнению с теми, кто не знакомится с обучающими программами. В определенных ситуациях вступительные экраны и всплывающие подсказки могут быть эффективными способами представить ключевые функции приложения и побудить пользователей взаимодействовать с приложением в рамках своей рутины. Тем не менее, просить пользователей просматривать более трех или четырех экранов или читать слишком много информации заранее может быть неприятно; пользователи часто предпочли бы разобраться во всем сами.

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

Предлагайте одинаковые функции в версиях для приложений и настольных компьютеров

С ростом мобильного веб-трафика большинство пользователей ожидают, что смогут выполнять на своих мобильных устройствах те же задачи, что и на настольных компьютерах. В то время как одно исследование показывает, что большинство пользователей по-прежнему предпочитают выполнять сложные задачи на своих настольных компьютерах, исследование Pew показало, что 15% взрослых американцев используют смартфоны в качестве единственного средства доступа в Интернет. Например, отсутствие доступа ко всем функциям мобильного банковского приложения может стать источником разочарования, которое в конечном итоге приведет пользователей к тому, чтобы заняться своим бизнесом в другом месте.

Управление ожиданиями развертывания функций может быть разницей между хорошим обзором приложения и плохим обзором приложения. Если вам нужно запустить приложение перед реализацией его полного набора функций, не ограничивайтесь публикацией экрана «Скоро» и создайте общедоступную дорожную карту функций, чтобы определить точные ожидания.

Используйте уведомления с умом

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

Когда вы отображаете уведомление, держите его в контексте; например, запрашивать разрешение на доступ к камере, когда пользователи пытаются сделать снимок. Добавьте подробные настройки уведомлений, к которым легко получить доступ, чтобы пользователи могли настраивать уведомления в соответствии со своими потребностями. Кроме того, воздержитесь от просьб пользователей разрешить уведомления до тех пор, пока они не в третий или четвертый раз взаимодействуют с вашим продуктом, после того как у них будет возможность испытать ваше приложение и его ценность.

Держите ваши веб-просмотры без разочарований

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

Веб-просмотры также приносят пользу пользователям. Например, они упрощают доступ приложения к оборудованию устройства, например к камере. Кроме того, многие приложения используют веб-представления для аутентификации пользователей, которые могут войти в систему с помощью своего менеджера паролей, а затем беспрепятственно перенаправляться обратно в приложение.

Однако пользователи не потерпят трений, когда дело доходит до переключения контекста между родным приложением и веб-представлениями. Необходимость переключаться между приложением и браузером для выполнения задачи — плохой пользовательский опыт.

Оптимизируйте свое приложение для плохой связи

Любое приложение, которое не оптимизировано для выполнения наиболее важных задач при плохой связи, не соответствует требованиям. Например, если пользователи бронируют планы поездок или совершают платежи в электронной торговле, убедитесь, что их действия сохраняются, а затем выполняются, как только соединение восстанавливается.

Если вашему приложению постоянно требуется подключение, сообщите пользователям, что им нужно подключение для продолжения работы, вместо того, чтобы показывать им бесконечный счетчик или, что еще хуже, ничего. Пользователи, которые боятся двойной оплаты, потеряют доверие и в конечном итоге откажутся от вашего приложения.

Сохраняйте согласованность шаблонов и компонентов

Визуальная согласованность является обязательным условием, когда речь идет о цифровых продуктах. Несоблюдение и несоблюдение визуальных рекомендаций свидетельствует о непрофессионализме и может подорвать доверие пользователей. Не менее важна эмпирическая сплоченность. Например, компоненты и шаблоны, такие как кнопки, формы, меню и информационные панели, должны не только иметь одинаковый стиль, но и вести себя одинаково во всем приложении, независимо от типа страницы.

Как разработчик мобильных приложений, вы создаете больше, чем набор представлений; вы дизайнер систем пользовательского интерфейса. Чтобы обеспечить последовательность при запуске нового проекта, поэкспериментируйте с различными системами дизайна, такими как Apple Human Interface Guidelines и Google Material Design, чтобы определить, какая из них наиболее подходит для устройств ваших пользователей.

Уменьшите шум в вашем пользовательском интерфейсе

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

Тем не менее, некоторые вспомогательные структуры необходимы, чтобы помочь пользователям понять визуальную иерархию страницы. Хотя волшебной формулы не существует, ошибайтесь в сторону меньшего и экономно используйте вспомогательные структуры, такие как линии, сплошной фон и тени. Если использовать обдуманно, отступы могут обеспечить такое же четкое различие, как и линия, при условии, что в композиции достаточно места.

Сделайте ваше приложение полностью доступным

Неоморфизм — это тенденция дизайна, при которой компоненты интерфейса визуализируются с использованием тонких теней, градиентных наложений и монохроматических цветов. Нейморфные компоненты должны казаться тактильными и побуждать к взаимодействию, но их зависимость от монохроматических цветов и низкой контрастности может затруднить их четкое рассмотрение. Неоморфизм также в значительной степени недоступен для пользователей с нарушениями зрения, что противоречит растущему спросу на инклюзивные цифровые продукты.

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

Стремитесь к непрерывному обучению

Чтобы придерживаться лучших практик дизайна мобильных приложений, необходимо постоянно учиться: читать сайты и статьи о дизайне, обмениваться советами и рекомендациями с другими дизайнерами и быть в курсе новых инструментов и процессов. Это также означает, что нужно решать проблемы, связанные с новыми устройствами и платформами, и понимать, когда вы полагаетесь на удобные шаблоны и методы, а не разрабатываете то, что действительно лучше всего подходит для пользователей прямо сейчас.

Примечание редактора: спасибо члену сети Toptal Дамиру Которичу за то, что он поделился идеями дизайна для этой истории.

Дальнейшее чтение в блоге Toptal:

• Принципы мобильного UX-дизайна
• Принципы информационной архитектуры для мобильных устройств (с инфографикой)
• Эвристические принципы для мобильных интерфейсов
• Ограничения мобильного UX-дизайна, лучшие практики и работа с разработчиками