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

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

Концепт дизайн сайта для ХК "Торпедо".

Посмотреть проект
Концепт дизайн сайта для ХК "Торпедо".

Air Sports. Спортивные авиалинии мира

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

Посмотреть проект
Air Sports. Спортивные авиалинии мира

Бегущий человек

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

Посмотреть проект
Бегущий человек

Великие фан-противостояния. Пражское дерби

Столицы стран бывшего соцлагеря славятся своими фанатскими движениями. Что Москва, что Белград, что Варшава. Сегодня мы перемещаемся в Прагу, где столкновения болельщиков двух непримиримых соперников – «Спарты» и «Славии» - начались еще больше 100 лет назад.

Посмотреть проект
Великие фан-противостояния. Пражское дерби

Сборные-разборные

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

Посмотреть проект
Сборные-разборные

Великие фан-противостояния. «Old Firm» из Глазго

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

Посмотреть проект
Великие фан-противостояния. «Old Firm» из Глазго

Логотип «Джетс»: создано новое лицо «хоккейных» ВВС Канады

В ряду команд НХЛ этим летом произошло пополнение: вместо «Атланты Трешерз» в Лигу вернулся «Виннипег Джетс». Команда уже представила на суд болельщиков новую форму и новый логотип. Выбирать было из чего...

Посмотреть проект
Логотип «Джетс»: создано новое лицо «хоккейных» ВВС Канады

Великие фан-противостояния. «Восточный фронт»: Делие vs Гробари

Великое сербское противостояние. Красно-белые против черно-белых. «Клуб власти» против «Народной команды» - так в разные времена называли, пожалуй, самое горячее дерби Балкан: матчи «Црвены Звезды» против «Партизана».

Посмотреть проект
Великие фан-противостояния. «Восточный фронт»: Делие vs Гробари

Человек, которому футбол заменил семью

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

Посмотреть проект
Человек, которому футбол заменил семью

Легендарный розовый JUVE

Принято считать, что цвета своей формы «Ювентус» позаимствовал в более продвинутой в футбольном смысле в начале 20 века Англии – например, у «Ньюкасла». На самом же деле итальянские «черно-белые» стали таковыми в результате… ошибки.

Посмотреть проект
Легендарный розовый JUVE

Экономика мини-футбола. Слагаемые успеха МФК «Волга»

Для справки: МФК «Волга»: основана в 2007 году в г.Казань. Обладатель Кубка Татарстана-2010 г., бронзовых медалей чемпионата РТ 2011 г.. Айрат Сахиев признан «лучшим клубным футбольным менеджером в Татарстане в 2010 году»

Посмотреть проект
Экономика мини-футбола. Слагаемые успеха МФК «Волга»

От «Оленей» до «Ракет»: история названий команд НБА

«Как Вы яхту назовете, так она и поплывет». Руководствуясь этим не бесспорным правилом, руководители команд в сильнейших коммерческих лигах мира тщательно подбирают названия для своих детищ. Вашему вниманию опыт НБА в выборе названия команд.

Посмотреть проект
От «Оленей» до «Ракет»: история названий команд НБА

Великие фан-противостояния. Каирское дерби

Это дерби называют едва ли не самым жестоким в мире. А в день его проведения Каир превращается в город-призрак. Вывеска «Аль-Ахли»-«Замалек» долгое время держит пальму первенства по накалу страстей среди всех спортивных действ Северной Африки.

Посмотреть проект
Великие фан-противостояния. Каирское дерби

Группы поддержки команд КХЛ

Редкий зритель мужского пола не взглянет на этих красоток с интересом. Еще бы: полуобнаженные тела и стройные ноги сегодня в цене как никогда. В нашей сегодняшней подборке – группы поддержки или «черлидеры» команд КХЛ. Одна из самых быстроразвивающихся спортивных лиг в мире не экономит на красоте…

Посмотреть проект
Группы поддержки команд КХЛ

Новые технологии приучат зрителя к стадионам

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

Посмотреть проект
Новые технологии приучат зрителя к стадионам

Британский футбольный дизайн. Тенденции десятилетия

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

Посмотреть проект
Британский футбольный дизайн. Тенденции десятилетия

От «Сибири» до «Реала». Рейтинг популярности команд в России.

«Ротор» и «Зенит», «Кубань» и «Челси» оказались в одном рейтинге популярности футбольных клубов России, составленном исследовательской компанией Nielsen. Здесь представлена почти вся география Евразии: от Лондона до Новосибирска. Вместе с уже практически несуществующими командами сюда попали и ведущие футбольные клубы страны и мира.

Посмотреть проект
От «Сибири» до «Реала». Рейтинг популярности команд в России.

За кого болеть дороже?

Высокая цена формы любимой команды редко останавливает болельщиков перед ее покупкой. Но сколько же стоит одеть семью перед матчем в «фирменные цвета»? Для сравнения мы изучили рынок предложений Англии и России.

Посмотреть проект
За кого болеть дороже?

Модный футбол

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

Посмотреть проект
Модный футбол

ЮАР после Мундиаля: пустые трибуны и стадионы-гиганты

Возможно, Россию после Чемпионата мира 2018 года ждет нынешняя футбольная судьба Южноафриканской республики: пустые арены, низкий зрительский и спонсорский интерес к внутреннему первенству, не оправдавшиеся ожидания. Тем не менее в этой развитой по африканским меркам стране не спешат хоронить свой футбол. Ее пример – другим наука.

Посмотреть проект
ЮАР после Мундиаля: пустые трибуны и стадионы-гиганты