Тренды дизайна цифровых продуктов: как им соответствовать

Тренды дизайна цифровых продуктов: как им соответствовать
Никита
Head of design e-Legion

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

Дизайн в классическом своем представлении — это деятельность по проектированию объекта с учетом технических возможностей и эстетики. Если мы добавим сюда пользовательский опыт и рынок, который формируется из потребностей покупателей, — то получим те самые тренды дизайна.

Все подборки трендов дизайна на год так или иначе рассказывают об одной или нескольких из этих групп трендов:

  • Визуальные
  • Технологические
  • Тренды рынка
  • Тренды пользовательского опыта
Тренды дизайна цифровых продуктов: как им соответствовать

Итак, давайте попробуем разобрать их по отдельности.

Пункт 1. Визуальные тренды

Если после 5 лет жизни на необитаемом острове меня спросят: какие сейчас тренды дизайна — я отвечу минимализм и акцентная типографика.

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

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

Тренды дизайна цифровых продуктов: как им соответствовать

Погоня за трендами делает продукты очень схожими визуально. Например, сейчас в моде 3D иллюстрации: ниже 4 картинки из интернета, демонстрирующие иллюстративный стиль разных банков с использованием 3D. Опять же всё очень близко.

Тренды дизайна цифровых продуктов: как им соответствовать

Возникает вопрос: как отличаться? Можно, например, коммуникационным дизайном, можно классными паттернами взаимодействия или моушеном.

Прекрасный пример продукта, который смог отстроиться от всех — Рокетбанк. Ребята смогли сделать продукт действительно отличным от всего, что есть на рынке. В общении со мной дизайнеры до сих пор на вопрос «какая дизайн команда, на твой взгляд, очень крута на российском рынке» отвечают: «Рокетбанк».

Кстати, про визуальные тренды есть ироничная лекция Александра Ковальского из Creativepeople на Design Prosmotr. Если интересна эта тема, найдите на ютубе, он очень хорошо раскрыл тему.

Как соответствовать

Нанять талантливых людей в свою команду или привлечь талантливое агентство. Есть куча примеров коллабораций, результатами которых стал очень мощный визуальный язык: Сбер со Щукой, Яндекс с ONY, Кухня на районе и White Russian.

Ищите своё, будьте смелее и работайте с талантливыми людьми.

Пункт 2. Технологические тренды

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

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

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

Из конкретных трендов я бы выделил:

AR, VR, MR

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

Тренды дизайна цифровых продуктов: как им соответствовать

Голосовые интерфейсы

Уже существуют «Siri Shortcuts», позволяющие интегрировать часть функций сервисов в голосовой помощник. Кроме того, все вы знаете Алису от Яндекса, с которой можно вести разговоры о погоде и попросить включить музыку.

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

Тренды дизайна цифровых продуктов: как им соответствовать

Internet of Things

Абсолютно такая же история, как и с голосовыми помощниками. Все больше появляются IT компаний на рынке, которые развивают хардварные подразделения.

Например, SberDevices недавно получили Red Dot Design Award за СберПортал — абсолютно прекраснейший продукт, в который уже сейчас встраиваются другие сервисы. К примеру, через девайс ребенок может проходить задания с дополненной реальностью от Skyeng. Сервисы интегрируются, используя возможности и функциональности друг друга. Вы только посмотрите, как это круто.

Тренды дизайна цифровых продуктов: как им соответствовать

Развитая технологическая база

Это несколько абстрактный пункт, здесь я имею в виду появление новых технологий, которые откроют новые паттерны в дизайне продуктов. Например, 5G, eSIM, биометрическая идентификация.

Как соответствовать

Отслеживать основные технологические конференции, развивать технологическое партнерство. Звучит банально, знаю, но лучше способа не найти. Смотрите или посещайте конференции Facebook F8, WWDC, AWS re:Invent, Google i/o, YaC, SmartDev и др., чтобы держать руку на пульсе. Отслеживайте конкурентов, изменения на рынке, сотрудничайте с игроками из своего сегмента бизнеса, только так можно поспеть за быстро развивающимися технологиями.

Пункт 3. Тренды рынка

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

Высокая скорость разработки

Time to market сегодня важен, как никогда. Темп внедрения новых функций и запуска продуктов очень высокий.

Время от времени мы у себя в компании делаем исследование и сравнительный анализ конкурентов и неоднократно сталкивались с тем, что за 1,5 месяца, пока шло исследование и подготовка отчета, продукт значительно менялся.

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

Экосистемы и супераппы

Здесь достаточно очевидные примеры: Яндекс.Go, ВКонтакте, Тинькофф. Но кроме них на рынке есть еще ряд компаний развивающих или планирующих развитие экосистем: МТС, ВТБ, Магнит, Сбер, и т.д. Этот список будет только пополняться.

Тренды дизайна цифровых продуктов: как им соответствовать

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

Интеграции и партнерства

Чем-то похоже на развитие экосистем, но тут скорее то, о чем я говорил в технологических трендах. Продукты будут встраиваться через какие-то API в другие продукты.

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

Вся жизнь CRM, а мы в ней просто чьи-то лиды ©

Тренды дизайна цифровых продуктов: как им соответствовать

Как соответствовать

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

Пункт 4. Тренды пользовательского опыта

Здесь я также выделяю несколько факторов, определяющих последние тренды:

Технологическое совершенство

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

Сервисы должны работать быстро с минимальным количеством ошибок и поддерживать все современные технологии, чтобы оставаться востребовательными на рынке. Если ваше приложение работает медленнее, чем у конкурентов, пользователь не будет им пользоваться.

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

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

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

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

Тинькофф-банк. На основе моих трат сервис предлагает мне открыть их Инвест копилку. То есть анализируя моё поведение, он предлагает мне свой продукт, который может быть мне полезен. И, что важно, делает это через персональную коммуникацию, используя данные, как reason to believe.

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

Тренды дизайна цифровых продуктов: как им соответствовать

Инклюзивность

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

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

Тренды дизайна цифровых продуктов: как им соответствовать

Устойчивое развитие (экономика + экология + социальная сфера)

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

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

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

Тренды дизайна цифровых продуктов: как им соответствовать

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

Тренды дизайна цифровых продуктов: как им соответствовать

Забота о пользователях

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

Инстаграм. Сейчас существует определенный тренд на осознанное времяпрепровождение в digital-пространстве. Уже устраивали себе digital-detox? Инстаграм реагирует на этот запрос от пользователя: приложение позволяет отследить, сколько времени я провожу в нем, установить лимиты на день/неделю, помогает регулировать и планировать свое время.

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

Тренды дизайна цифровых продуктов: как им соответствовать

Основная идея, думаю, кристально ясна — чем внимательнее вы к пользователю, тем лояльнее он относится к вам. Даже если появится просадка каких-то метрик, как в примере с Инстаграмом, где пользователь может начать сознательно ограничивать свое время в приложении, метрика NPS пойдет вверх. Ведь получается, что сервису важнее забота о своем клиенте, нежели значения MAU/DAU.

Как соответствовать

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

Подводя итог

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

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

2323
3 комментария

Никита, спасибо, интересно и легко читается, пишите еще :)

3

Нравится ваша компания по подаче, но не нравится долгозагружающийся сайт у вас. 
Три уязвимости средней степени в Bootstrap@4.1.0 и jQuery@3.3.1. 
PWA не валидный до конца.
Картинки по 1.7 мегабайта это вообще топ история для исправления.
Вы можете, я верю. 

p.s. продолжайте писать.

1

Спасибо за информацию! Прочитала на одном дыхании. Теперь пойду смотреть видео-лекции из статьи)

1