Ретроспектива тенденций UX-дизайна 2019

«Творчество требует мужества». – Анри Матисс

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

Через эту бурю — миллионы отвлекающих факторов, конкурирующих за наше внимание — дизайнерские тенденции появляются благодаря инновациям и экспериментам. Тенденции обычно формируются, потому что творческий ум что-то придумал, создал, это понравилось людям, и это распространилось. У одних трендов короткая жизнь, у других дольше, а некоторые перерабатываются через несколько десятилетий — например, возвращение моды 60-х и виниловых пластинок с поколением Z. Тенденции проявляются во многих областях и дисциплинах: от моды до прически, от еды до автомобилей. от архитектуры до дизайна и даже политики.

Тенденции рождаются из творчества и смелых экспериментов. В 1960 году, когда Маргарет Винчи, чемпионка по парикмахерскому искусству, была вдохновлена ​​редактором журнала Modern Beauty Salon сделать «что-то действительно необычное», что определило грядущее десятилетие, она придумала прическу «улей». Он распространился со скоростью лесного пожара и стал горячей тенденцией на протяжении 60-х годов. Улей Одри Хепберн, который она прекрасно продемонстрировала в классическом фильме «Завтрак у Тиффани», является одним из самых знаковых примеров, как и взлохмаченный образ Бриджит Бардо.

Как и в случае со многими инновациями, дизайнеры выставляют напоказ свои новоиспеченные и тщательно созданные творения в различных средствах массовой информации, чтобы протестировать их и продемонстрировать. Некоторые UX-проекты — это настоящие попытки улучшить внешний вид и работу. Некоторые из них представляют собой тщеславные проекты, призванные превознести дизайнера и объявить его полубогами дизайна с 10 000 лайков на Dribbble — даже если это всего лишь короткая вспышка на радаре.

В хаотичном изобилии вариантов некоторые дизайны отбрасываются, а некоторые сохраняются и перерастают в тенденцию дизайна UX — не только с потребителями, но и с коллегами. Сверстники отвечают поднятым или опущенным большим пальцем: Оооо, мне это нравится. Это выглядит здорово. Это заставляет вещи работать лучше. Мне нравится этот стиль. Или , хм, у меня не работает… Иногда, преодолевая симптомы FOMO (страха упустить что-то), другие дизайнеры присоединяются к победе, транслируя: Смотри, я модный, современный и современный! а я в ногу со временем, зацените, это самое последнее.

Подражание — самая искренняя форма лести, которой посредственность может расплачиваться с величием. Оскар Уальд

Некоторые дизайнеры UX могут сопротивляться тенденциям дизайна, потому что они не хотят, чтобы их считали последователями. Некоторые категорически отвергают дизайнерские тенденции, считая их мимолетными причудами, и придерживаются принципов хорошего дизайна. Возьмите «вечных минималистов», заклятых врагов всего максималистского. Но несогласные дизайнеры должны понимать, что у каждого стиля и направления есть свое место в мире. Когда неправильная тенденция используется в неподходящее время, в неправильных средствах массовой информации, в неправильном контексте, возникает хаос, и люди съеживаются.

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

Давайте оглянемся на тенденции UX-дизайна 2019 года и выделим дюжину важных.

UX-тренд 2019 года: иллюстрации повсюду

В последние пару лет причудливые иллюстрации просачивались в мир цифрового дизайна, но в 2019 году они вышли на первый план. Тенденция обусловлена ​​стремлением к органической чувственности визуальных эффектов и отходом от холодного, цифрового». техничный вид». Это движение объединяет усилия с недавним возвращением аналоговых носителей — виниловых пластинок, винтажной одежды, высокой печати — вещей, сделанных из настоящего сырья. Люди стремятся к осязаемому — вещам естественным, органичным и разумным.

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

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

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

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

Let's Go Dark: темный режим / темные темы

Из-за растущей популярности темных тем все больше и больше цифровых дизайнов переходят на «темную сторону». Крутой новый темный режим захватил различные платформы: операционные системы, телевизоры, мобильные устройства и Интернет. Apple подпитывала повальное увлечение темным режимом своим телевизионным пользовательским интерфейсом, затем Mac OS Mojave и, наконец, iOS 13 и новой iPadOS. Пользовательские интерфейсы с темной темой имеют несколько преимуществ: они приятны для глаз, могут быть более стильными и элегантными, а также экономят заряд батареи.

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

Минимализм/Максимализм

Отличные продукты позволяют достичь большего с меньшими затратами. Минимализм как тенденция дизайна UX популярен, о чем свидетельствуют последние тенденции дизайна веб-приложений и мобильных приложений. Являясь образцом минимализма, Apple была его самым влиятельным и могущественным сторонником. Отдавая должное идеологии иконы дизайна Дитера Рамса и силе «выдающегося дизайна», аппаратные и программные разработки Apple, основанные на минимализме, являются не чем иным, как исключительными. Взяв за основу руководство Apple, UX-дизайнеры уже давно подчеркивают важность сокращения цифрового дизайна до минимума, предоставляя людям только самое необходимое для выполнения задачи.

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

«Креативность — это способность идти на риск. На самом деле поставить себя на кон и рисковать насмешками, быть пригвожденным к позорному столбу, критике, что угодно. Но… ты должен пойти на этот риск. - Стинг

Антитеза скудного, холодного минимализма, максимализма — это движение с высоким риском и высокой наградой, которое требует приверженности и прыжка веры. Подрывные, бунтующие UX-дизайнеры — контркультурные «дизайнерские хиппи» — обращаются к максимализму, чтобы стать большим, громким и произвести впечатление. Но стремление выделиться на фоне конформистских минималистов не лишено рисков. Максимализм может нанести удар, но может и иметь неприятные последствия. Это только для дерзких смелых, которые готовы рискнуть всем и иногда сгореть.

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

Неоморфизм

Дизайнеры придумали неоморфизм из-за желания остаться с минималистской чувствительностью, но объединить лучшее из скевоморфизма и материального дизайна. Скевоморфизма было слишком много — попытка имитировать объекты в реальном мире — и материальный дизайн был слишком плоским. Неоморфизм находится где-то посередине. Однако, как бы захватывающе это ни выглядело на первый взгляд, по мнению некоторых недоброжелателей, эта тенденция дизайна UX может быть недолгой.

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

Значимые микровзаимодействия

«Детали не детали. Они делают дизайн». – Чарльз Имс.

Именно мелкие детали превращают хороший цифровой продукт в отличный. Дэн Саффер, автор книги «Микровзаимодействия», определяет микровзаимодействия как «содержащие моменты продукта, которые вращаются вокруг одного варианта использования — у них есть одна основная задача». Помимо эстетики, хорошо выполненные, плавные микровзаимодействия могут вызывать у людей восхищение в моменты взаимодействия. Микровзаимодействия связаны с важными деталями, которые отличают дружественный опыт от разочаровывающего.

Микровзаимодействия предназначены не только для мобильных приложений; они также могут быть разработаны для веб-сайтов, настольных приложений и веб-приложений (SaaS). Однако дизайнеры должны быть осторожны, как и в случае с тенденцией темной темы, действуйте осторожно. Слишком много в неправильном месте может иметь неприятные последствия и испортить пользовательский опыт; поэтому жизненно важно тщательно продумать, в каком количестве и в каком контексте его предоставлять.

Больше жестов на мобильных устройствах

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

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

3D-визуализация придает продуктам ощущение реального мира

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

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

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

Получая все большее признание среди мейнстрима, мы общаемся с цифровыми голосовыми помощниками Alexa, Cortana, Google Assistant и Siri, чтобы получать информацию о путешествиях и погоде, делать покупки и заказывать поездку. Наряду с популярными голосовыми помощниками возможность использования голосовых взаимодействий все чаще встраивается в различные устройства и приложения. Недавний опрос показал, что причина, по которой людям нравится использовать свой голос для взаимодействия, заключается в том, что это быстро, точно и не требует набора текста; другими словами, это уменьшает трение и обеспечивает лучший UX.

Разговорные интерфейсы и чат-боты

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

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

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

Анимации, запускаемые прокруткой, рассказывают истории, продают товары и услуги

Сверхкрупный 3D-рендеринг продуктов высокого класса становится все более популярным, когда дело доходит до продажи продуктов в Интернете. Анимации, ориентированные на маркетинг образа жизни, запускаемые прокруткой, рассказывают убедительные кинематографические истории с яркими визуальными эффектами. Часто сочетая покадровую анимацию, фотографию и видео с элегантной типографикой, они предназначены для привлечения и привлечения людей.

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

Смешанные мультимедийные сайты с сильной типографикой

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

Электронная коммерция оживает благодаря 3D, AR и Motion

Покупки в физическом мире — это тактильный опыт. Исследования показали, что видео или 3D-анимация на страницах продуктов сайта электронной коммерции, как правило, продают больше товаров, потому что люди могут лучше понять их. Продукты, внедренные в реальную жизнь с помощью дополненной реальности (AR), также имеют тенденцию работать лучше, потому что люди могут «примерить» их или поместить продукты в реальную среду. По мере увеличения скорости подключения к Интернету и улучшения работы браузеров с отображением всех видов мультимедийного контента эти тенденции UX электронной коммерции будут продолжаться.

Выберите тренды UX-дизайна, чтобы остаться

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

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

• • •

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

• Взгляд в будущее – тенденции дизайна 2020 года
• Проверенные и верные законы UX (с инфографикой)
• Овладейте горячими тенденциями дизайна с помощью этих уроков по Photoshop
• Выдающиеся тенденции электронной коммерции и их влияние на дизайн (с инфографикой)
• Все ли тренды того стоят? 5 самых распространенных ошибок UX, которые допускают веб-дизайнеры