Пользователи ожидают от приложений намного больше, чем от мобильной версии сайта. Им нужен настоящий помощник, готовый круглосуточно выполнять их поручения: от покупок и заказа еды до оказания услуг. Исследование Fortune говорит, что три четверти приложений открываются всего один раз. Если раньше мы рассматривали, как создать удобный сайт, то в этой статье мы разберемся, как привлечь внимание пользователей с помощью мобильного UX дизайна.
Что подразумевается под UX дизайном и в чем его особенности
Термин UX (user experience) переводится как пользовательский опыт. Дать точное описание этому понятию очень сложно, но не стоит его недооценивать. Именно UX создает первое впечатление, которое останется у пользователя при контакте с приложением.
Если UX правильно проработан, все компоненты программы будут работать должным образом. Интерфейс интуитивно понятный и оставляет только приятные впечатления. Неудачный UX дизайн не станет преградой для решения задачи, но все выглядит как бег с препятствиями. Пользователю неудобно и неприятно.
Приложения нужны, чтобы всегда быть рядом со своими потенциальными клиентами. Скажете, а что же делает сайт, какой смысл программы? Сайт предназначается для широкой аудитории, в то время как приложение всегда рядом, за обедом или дороге на работу.
Актуальные данные о распределении трафика между компьютерами и смартфонами можно узнать на Яндекс.Радаре. Еще в 2016 году объем мобильного трафика впервые в истории составил 51% и превысил трафик с ПК. С каждым годом доля мобильных устройств растет. Это значит, что интернет-предприниматели не могут игнорировать приложения для смартфонов, ведь можно потерять половину потенциальных клиентов.
Актуальные UX тренды в 2021 году
Мы собрали 13 ключевых трендов UX дизайна, которые нужны для создания хорошего пользовательского опыта.
1. Суперприложения
Долгие годы приложение на смартфоне имело лишь одну цель. Но с ростом популярности мобильных устройств индустрия начала переходить от узкоспециализированных программ до суперприложений. То есть разрабатываются многоцелевые приложения, они способны выполнять сразу несколько задач в пределах одной экосистемы. Пользователи ценят комфорт и скорость, если приложение способно заменить сразу несколько и решить все проблемы – его выберут почти гарантированно.
Тенденция возникла в Азии. Одна из ярких иллюстраций этого тренда – WeChat. В нем отлично сочетаются социальные сети, мессенджер и мобильные платежи. В 2021 году суперприложения набирают обороты. Например, американское приложение Natural AI уже стало революционным способом взаимодействия людей со смартфонами. Оно включает доставку еды, шопинг и другие сервисы, которыми пользуются регулярно.
Если смотреть на суперприложения с точки зрения UX дизайна, то у них достаточно сложная структура. Может быть нелегко объединить все функции, соблюдая удобную навигацию.
2. Взаимодействие с помощью видео
Пандемия изменила привычный ритм. В 2021 году началась массовая вакцинация, а значит люди постепенно возвращаются к привычной жизни. Несмотря на это, коронавирус повлиял на способ общения и работу, а значит программы для видеосвязи все еще на пике популярности.
За время вынужденной изоляции мы осознали, что многие вещи можно делать дистанционно. COVID даже медицину перенес в онлайн. По окончании пандемии вопросы здоровья тоже частично можно будет решить онлайн. Также пандемия заставила людей пересмотреть свое отношение к шоппингу. Покупки с помощью видео позволяют взаимодействовать с продавцами, яркий пример такого приложения – DROPD. В нем объединены стримы и интернет-магазин.
3. 3D графика с функциональным применением
Трехмерный дизайн используется в приложениях и на сайтах далеко не первый год. Назвать его трендовым отчасти неправильно. Но роль 3D дизайна меняется – это больше не украшение, теперь он служит функционально. Новое программное обеспечение мобильных позволяет использовать графические объекты разного уровня сложности. Это перемещает 3D дизайн в центр приложений.
Трехмерная графика первым делом повышает вовлеченность. А заодно создает вау-эффект. К примеру, использование объемной модели авто, с которой можно взаимодействовать для управления настройками настоящей машины.
Отдельно стоит отметить, что 3D графика отлично вовлекает аудиторию, ведь возможность осмотреть объект со всех сторон. Особенно, если речь идет о товарах.
4. Борьба с дезинформацией и фейками
Манипуляции и ложные данные – огромная проблема современных средств массовой информации. 2020 можно назвать годом фейковых новостей. Пандемия породила множество мифов. Контент в соцсетях вводит заблуждение, а массовое распространение неправдивых данных охватывает широкую аудиторию. К тому же не всегда у пользователя есть время и возможность проверять достоверность информации, особенно при использовании смартфона.
Все больше приложений вводят алгоритмы, которые тщательно анализируют контент и ищут первоисточник. Таким образом они борются с фейками.
5. Продвинутый голосовой помощник
Голосовые помощники сложно назвать новым трендом: Сири, Алекса, Гугл ассистент и другие стали привычными и уже не вызывают восторга. Они нацелены на выполнение конкретных действий. А как насчет помощников на базе искусственного интеллекта? Цель разработчиков – технология, способная глубоко анализировать запросы и выдавать актуальную информацию, помогающую принимать решения.
В новом поколении помощник с искусственным интеллектом сможет выполнять сложные действия:
-
Персонализация. Ассистент на базе ИИ будет адаптироваться под своего «хозяина». Они научатся узнавать голос и лицо пользователя.
-
Бесконтактное взаимодействие. Голосовые интерфейсы помогут пользователям быстро получить нужное. Они будут продвинуты до такой степени, что достаточно будет сказать «закажи пиццу» и помощник сделает это, еще и оплатит покупку.
-
Анализ настроения. Ассистент будет анализировать речь, чтобы определить настроение и предложить соответствующую музыку или помочь советом.
Это кажется чем-то с разряда фантастики, но специалисты уже активно работают над созданием и внедрением таких технологий. Еще 10 лет назад разговоры с телефоном казались странными, а сейчас многие не представляют жизни без Сири или Алексы.
6. Курс на оптимизацию кроссплатформенных приложений
Презентация чипа М1 от Apple поможет нивелировать границы между мобильными и стационарными устройствами. М1 позволяет запускать приложения на macOS. А это значит, что пора оптимизировать программы под разные устройства.
Это позволит захватить более широкую аудиторию и создать удобный переход между разными платформами. Больше никаких ограничений, пользователи сами решают, что удобнее в конкретный момент.
7. Визуализация данных
Визуальная подача информации – отличный вариант упростить восприятие. Такой способ взаимодействия превратит цифры в реальные истории, способные вызывать эмоции.
Визуализация данных пригодится в любом приложении, от доставки еды до здравоохранения. При этом никогда нельзя игнорировать цели информации. Картинка ради картинки не имеет смысла. Подайте данные в новой форме. Чтобы достичь успеха – нужно на сто процентов понимать целевую аудиторию и ее запросы.
8. Разборчивый текст
Позаботьтесь, чтобы у пользователя не возникло проблем с читаемостью текста. На маленьком экране нужно вместить много информации, что не всегда возможно. Лучше сократить ее количество, но сделать текст понятным. Минимальный размер 11 – это одно из первых правил в мобильном дизайне. Улучшить разборчивость можно за счет увеличения высоты строк и расстояния между буквами. Все что трансформируется в схемы и графики обязательно превращаются в визуальный контент. Так информация лучше воспринимается и выглядит куда эффектнее белого пространства. Но тут тоже важно не перестараться. Элементы должно гармонично сочетаться между собой.
9. Удобное управление одним пальцем
Если понаблюдать за людьми со смартфонами в руках, можно заметить, что они используют лишь одну руку, а значит многие задачи решаются с помощью большого пальца. При разработке приложения планируется размещение всех элементов. Самые важные и часто используемые кнопки должны быть доступны для нажатия одной рукой.
10. Никакого беспорядка
Внимание – самый ценный ресурс. Позаботьтесь о комфорте. Лишние элементы перегрузят пользователя, каждая новая кнопка или строка текста усложняет интерфейс. При разработке мобильного приложения надо убрать все, что можно отодвинуть, на задний план. Чем меньше элементов тем лучше. Каждое действие на экране должно выполнять одну задачу.
В качестве примера рассмотрим популярную службу такси Uber после редизнайна. Больше приложении нет ничего лишнего, ведь разработчики четко понимали, что будут искать пользователи. В нем не надо выполнять никаких лишних действий, все делается автоматически. Достаточно указать место встречи с водителем.
11. Изящные детали
Отчасти в 2021 году интерфейсы в минималистическом стиле считаются эталонными. Это своего рода стандарт. Чтобы добавить свежести и выделиться на фоне конкурентов, стоит отойти от плоского дизайна и включить мощные визуальные эффекты.
Красивые детали, яркие рисунки, градиенты – все это способно оживить интерфейс. Но не стоит полностью воспроизводить неоморфный дизайн. Важно создавать приложение в минималистическом стиле, но украсить его необычными деталями.
Выше изображен популярный плеер. В дизайне можно видеть псевдотрехмерные кнопки. Такие, казалось бы, незначительные мелочи могут выделить ваш продукт на фоне конкурентов. Реалистичные текстуры создают ощущение полного погружения в среду приложения.
12. Безопасность и конфиденциальность
Большинство пользователей беспокоит, что крупные ИТ-компании следят за их действиями. Отчасти это из-за массовых утечек информации. Люди не слишком охотно делятся личными данными. При разработке приложений нужно гарантировать пользователям безопасность.
Яркий пример – функция Apple Sign in with Apple. Здесь подразумевается приватный способ входа в приложения и сайты. Кнопка Вход с Apple в вашей программе поможет повысить доверие к бренду. Люди смогут попадать в систему в одно касание с помощью идентификатора. При запросе почты и имени, люди смогут делиться уникальным случайным адресом электронной почты, который будет пересылать сообщения в их личный почтовый ящик. Это очень перспективный тренд, гарантия безопасности – один из ключевых факторов для среднестатистического пользователя.
5 советов, как сделать приложение привлекательным
Предлагаем ознакомиться с частыми недоработками в приложения, которые раздражают. Если не допускать таких ошибок, ваша аудитория станет более лояльной.
-
Маленькая область нажатия. Для Андроид она должна быть не менее 48 dp в ширину и высоту, для iOS не менее 44 points. Если у вас маленькая картинка, оставьте ее без изменений, но увеличьте область касания. Интерфейс останется гармоничным, но ни у кого не будет проблем с выбором нужного элемента.
-
Реакция на нажатие. Все кликабельные элементы должны реагировать на тапы. Иначе создастся впечатление, что приложение зависло. Это может быть подсветка или вибрация. Отсутствие реакции оставит юзера с чувством замешательства, и отобьет желание запускать программу снова.
-
Автоматическое появление клавиатуры. При открытии диалога или экрана поиска способ ввода должен появляться автоматически. В большинстве случаев человек все равно нажмет на поле ввода, чтобы вызвать клавиатура. Такая казалось бы мелочь, поможет продемонстрировать заботу о своей аудитории. Конечно, если интерфейс достаточно сложный и пользователь должен видеть весь экран, то лучше отказаться от автоматического появления клавиатуры. В целом приложение надо тщательно тестировать со стороны среднестатистического пользователя.
-
Наличие аналога Enter. При заполнении нескольких полей надо создать кнопку для быстрого перемещения в следующее. Этот момент не критический, но пользователям так будет куда удобнее вносить данные.
-
Индикатор прогресса. Допустим, во время заполнения полей для регистрации появился какой-то индикатор. Позаботьтесь, чтобы он указывал время ожидания, например загрузка в процентах или заполнение емкости. Неопределенность раздражает, ведь важно знать сколько еще осталось.
Это лишь малая часть рекомендаций, способных повысить лояльность к вашему приложению. В любом случае новую программу тщательно тестируют. Оно должно стать удобным для пользователя. Учитывая, что 75% приложений открывают всего один раз сразу после установки – есть над чем работать. Главная задача – создать программу, которую захочется открывать снова и снова. А в таком случае любая мелочь играет важную роль.
Тестирование приложения
Мобильные приложения разрабатываются на большом экране и для своего создателя выглядят замечательно. Но при просмотре на смартфоне все кажется совсем другим. Даже хорошо продуманный UX будет содержать массу мелких дефектов, которые испортят всю картинку.
Вот поэтому и важно тестировать приложения. Понадобится выполнить все действия с которыми столкнуться реальные пользователи. В ходе изучения придется внести сотни правок, чтобы достичь идеального эффекта. Также нельзя игнорировать обратную связь с пользователями. Даже при тщательном тестировании можно что-то упустить.
Не менее важные данные с аналитики. Так вы узнаете сколько в среднем времени проводит пользователь в вашей программе, какой процент запускает приложение регулярно и многое другое. На основании этих данных можно найти подскажи для совершенствования. Только постоянная работа над ошибками и изучение целевой аудитории принесет нужный результат и заставит пользователей полюбить приложение, а вместе с ним и вашу компанию.
Мобильное приложение больше не роскошь и не дополнительная фича, теперь – это необходимость. Даже самая хорошо проработанная мобильная версия сайта не заменит программу на смартфоне. Чтобы понравиться ЦА – нельзя сковывать действия, лучше дайте новые возможности. В статье мы предложили общие рекомендации, основанные на опыте последнего года.
Мобильный дизайн – это сложная система, где каждая мелочь играет свою роль. Даже недостаточно проработанная кнопка способна напрочь испортить первое впечатление. Сделайте все, чтобы понравиться пользователям и дать им максимум пользы. В погоне за дизайном не забывайте, что в первую очередь ищет не красивую визуальную составляющую, а решение реальных задач.