Тенденции пользовательского интерфейса 2020: что в магазине?

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

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

Тенденции пользовательского интерфейса 2020 года будут включать в себя рассказывание историй в дизайне пользовательского интерфейса (вместо того, чтобы думать о проекте исключительно с точки зрения UX), 3D-графику и анимацию, уникальные микровзаимодействия, темные темы, простоту, голосовое взаимодействие и многое другое.

Рассказывание историй

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

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

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

3D-графика и анимация

Трехмерная графика и анимация не являются новичками в дизайне пользовательского интерфейса. Их частота увеличилась в последние годы в нескольких категориях продуктов. Приложения VR и AR, в частности, использовали эти элементы для таких вещей, как просмотр мебели в реальной комнате. Другим распространенным примером является 360-градусный просмотр продукта, который стал популярным на сайтах электронной коммерции.

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

Уникальные микровзаимодействия

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

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

Темные темы

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

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

Одним из последних значительных приложений для обработки темной темы является Gmail, который начал внедрять эту опцию еще в сентябре. Теперь, когда все три крупных технологических гиганта (Apple, Google и даже мобильное приложение Facebook) подхватили темную тему, эта тенденция вряд ли исчезнет в ближайшем будущем.

Простота

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

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

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

Голосовое взаимодействие

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

Голосовое взаимодействие не ново, но ранние версии были неуклюжими и часто не работали должным образом. За последние пару лет голосовое взаимодействие превратилось (обычно с помощью искусственного интеллекта) в практичный способ общения с приложением. Поскольку голосовое управление улучшается еще больше, эта тенденция вряд ли исчезнет. Google объявила о значительных обновлениях своей функции Google Assistant на I/O 2019, что, по мнению некоторых, может стать началом почти полной замены сенсорного взаимодействия голосовым взаимодействием.

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

Тенденции дизайна пользовательского интерфейса в типографике

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

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

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

Кажется, что главный текст с каждым годом становится все больше и больше, часто занимая все пространство «в верхней части страницы» на веб-сайте. Это изменилось в 2019 году: текст меньшего размера (хотя все еще заметный) использовался поверх изображений главного экрана и заголовков. Это долгожданное изменение, которое вновь делает пустое пространство важной частью дизайна героя.

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

Глядя вперед на тренды пользовательского интерфейса 2020

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

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

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

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

• • •

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

• Взгляд в будущее – тенденции дизайна 2020 года
• Блог Toptal Design Цвет 2020 года
• Ретроспектива тенденций UX-дизайна 2019
• Все ли тренды того стоят? 5 самых распространенных ошибок UX, которые допускают веб-дизайнеры
• Следуя тенденциям: дань уважения против дизайн-плагиата