Тренды дизайна мобильного UX в 2019 году

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

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

1. Упрощение навигации

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

Линейный пользовательский поток

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

Процесс заказа такси в Uber является примером линейного пользовательского потока.

Прогрессивное раскрытие

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

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

2. Контент прежде всего

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

Визуальная структура

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

Контрастный цвет используется для основной кнопки призыва к действию. Изображение предоставлено Google

3. Адаптация под полноэкранный режим

С выпуском Huawei P20 Lite, iPhone X и других моделей безрамочных смартфонов бескаркасный дизайн стал трендом. Появилось больше доступного места на экране, и пользователи ожидают увидеть все приложения в полноэкранном режиме.

HD изображения и видео

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

4. Яркие цвета

Цвет – один из самых мощных инструментов дизайнера. Цвет может привлечь внимание, изменить настроение, повлиять на эмоции и действия пользователей. Интерфейс мобильных приложений должен состоять из ярких и сочных цветов.

Цвет как функциональный элемент

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

Пример разделения категорий настроек с помощью цветных фонов. Концепт приложения от Раниса Галиева

5. Использование эмоций

Эмоциональный интеллект (ЭИ) сегодня – это не просто анимированные эффекты, появляющиеся при определенных действиях пользователя. ЭИ – это мощный инструмент взаимодействия с потребителем.

Лучший способ выразить эмоции

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

Animoji от Apple

Мимические эмоции в интерфейсе

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

Приложение имитирует человеческие реакции при предоставлении ответа на ввод пользователя. Изображение предоставлено: Adip Nayak

6. Видеоконтент становится более популярным

Начиная с 2017 года фиксируется значительный рост популярности контента в видеоформате. По данным сервисов аналитики, 78% пользователей интернета смотрят видео в режиме онлайн каждую неделю, а 55% смотрят его каждый день.

Адаптация видео под короткий диапазон внимания

Средняя продолжительность просмотра видео составляла 12 секунд в 2000 году. В 2015 году средняя продолжительность просмотра видео упала до 8 сек. Для увеличения вовлеченности потребителя разрабатываются все новые и новые форматы, такие как 360-градусные видео и Live. В 2019 году все больше брендов будут использовать эти форматы для показа своих продуктов.

Facebook Живое видео. Изображение предоставлено: Buzzfeed

7. голосовые помощники

Графические пользовательские интерфейсы – не единственный способ взаимодействия с приложениями сегодня. Такие голосовые технологии как “Алиса” от “Яндекса” и гугл-ассистент внесли значительный вклад в обработку естественного языка, а вычислительные мощности позволили использовать интерфейс другого типа – голосовой. Легко догадаться, что последующие голосовые интерфейсы будут занимать свои позиции быстро и решительно. Действия, активируемые голосом, повышают удобство использования приложения.

Важность копирайтинга и сценария

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

8. Персонализация

Персонализированный UX будет востребован как минимум в ближайшие годы.

Предоставлять контент на основе местоположения пользователя

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

Персонализированное приветствие пользователя в мобильном приложении Сбербанка

Индивидуальный пользовательский интерфейс

Персонализация в дизайне пользовательского интерфейса – это не только контент. Все пользователи разные: у одних плохое зрение, у других может быть дальтонизм. Так почему же приложения должны иметь одинаковый интерфейс для всех? Персонализация также касается адаптации дизайнерского макета к человеку. Этого можно достичь, используя информацию, уже предоставленную пользователем, и используя датчики устройства (отслеживая, как пользователи взаимодействуют с приложением и с какими проблемами они сталкиваются). Основываясь на этой информации, приложения могут определить, требуется ли больший размер шрифта или нужно ли сделать звук погромче при воспроизведении видео.

9. Безналичные платежи

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

Интерфейс приложения Samsung Pay