29.07.2019

Тренды дизайна мобильного 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

Что еще почитать

Краткий обзор конструкторов сайтов от специалиста

Краткий обзор конструкторов сайтов от специалиста

Внедрение XRM-систем: расширяя возможности управления взаимоотношениями

#Бизнес
#Проекты
#Стратегия
Внедрение XRM-систем: расширяя возможности управления взаимоотношениями

Технологические тренды в разработке веб-проектов 2024 года

#Бизнес
#Проекты
Технологические тренды в разработке веб-проектов 2024 года

Как выбрать CRM-систему для вашего бизнеса?

#Бизнес
Как выбрать CRM-систему для вашего бизнеса?

Новое видео: Кастомная разрботка сайтов на Битрикс

Новое видео: Кастомная разрботка сайтов на Битрикс

Будущее цифровых ивентов: тренды и технологии для виртуальных мероприятий

#Мероприятия
Будущее цифровых ивентов: тренды и технологии для виртуальных мероприятий

Экологичный дизайн: как зеленые инициативы влияют на брендинг и упаковку

#Бизнес
#Стратегия
Экологичный дизайн: как зеленые инициативы влияют на брендинг и упаковку

Геймификация в маркетинге: увеличиваем вовлеченность и лояльность клиентов

#Бизнес
#Маркетинг
#Стратегия
Геймификация в маркетинге: увеличиваем вовлеченность и лояльность клиентов

Влияние веб-дизайна на цифровой мир: от прошлого к будущему

Влияние веб-дизайна на цифровой мир: от прошлого к будущему

Новое видео: Готовые решения или индивидуальная разработка на 1С-Битрикс

#Бизнес
Новое видео: Готовые решения или индивидуальная разработка на 1С-Битрикс

AI и маркетинговые стратегии в 2024 году

#Маркетинг
AI и маркетинговые стратегии в 2024 году

Создание здорового рабочего пространства: стратегии по улучшению благополучия сотрудников в 2024 году

#Бизнес
#Инфраструктура
#Стратегия
Создание здорового рабочего пространства: стратегии по улучшению благополучия сотрудников в 2024 году

IT- конференция

#Мероприятия
#События
IT- конференция

Влияние технологий на общество: вызовы и возможности в 2024 году

#Стратегия
Влияние технологий на общество: вызовы и возможности в 2024 году

Цифровой маркетинг в 2024 году: тренды, которые формируют будущее

#Маркетинг
Цифровой маркетинг в 2024 году: тренды, которые формируют будущее

Инновационные стратегии для роста бизнеса в 2024 году

#Бизнес
#Стратегия
Инновационные стратегии для роста бизнеса в 2024 году

Продакт-плейсмент в кино: стратегия, оживляющая бренды и истории

#Реклама
Продакт-плейсмент в кино: стратегия, оживляющая бренды и истории

Навыки будущего: как подготовиться к изменениям на рынке труда

#Бизнес
#Стратегия
Навыки будущего: как подготовиться к изменениям на рынке труда

Новая специализация: сертифицированный партнер по внедрению голосовых ассистентов с искусственным интеллектом

#Бизнес
#События
Новая специализация: сертифицированный партнер по внедрению голосовых ассистентов с искусственным интеллектом

Модульные сайты и их преимущество перед разработкой сайтов с нуля

#Бизнес
#Маркетинг
#Проекты
#Стратегия
Модульные сайты и их преимущество перед разработкой сайтов с нуля