Digital студия Бюро Невозможного Москва | Тренды в веб-дизайне и юзабилити сайтов в 2023 году. Как быть в ногу со временем и не упустить новые возможности?

Тренды в веб-дизайне и юзабилити сайтов в 2023 году. Как быть в ногу со временем и не упустить новые возможности?

Blog image

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

  • тренды юзабилити, превратившиеся в привычные реалии;
  • расширяющие популярность новейшие UX-тренды;
  • тренды юзабилити, не теряющие актуальность.

Мессенджеры

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

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

 

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

Разместите ссылки на чаты в верхней части страницы сайта, например, вот так:

кнопка мессенджера для сайта

Во время телефонного разговора с клиентом предложите переслать информацию в мессенджер для более удобного ознакомления. При наличии каталога товаров, услуг в WhatsApp добавляйте активную функцию «Магазин» и давайте ссылку на него. Более подробно об этой функции можно узнать в официальной справке мессенджера.

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

Индивидуальные предложения клиентам

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

Последние просмотренные товары на сайте

Как можно поступить

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

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

Актуальные предложения для магазина

Фото без обработки

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

Фото товара в интернет магазине

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

Длиной в один шаг

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

Легкая форма входа на сайте

Что необходимо сделать?

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

Маркетплейсы и агрегаторы

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

Как пользоваться этим трендом?

Начните продажи на маркетплейсах. О правилах выбора сервиса и первых шагах успешных продаж читайте здесь.

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

Покупки в социальных сетях

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

Магазин в Инстаграм

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

Наши советы по ведению бизнеса в соцсетях ВК и Facebook:

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

UX-копирайтинг

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

Каковы первые шаги для вас?

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

Минимализм в дизайне и текстовом наполнении

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

Минимализм на сайте

Как достичь минимализма?

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

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

После этого можно заняться изменением дизайна. Обращайтесь к нам или делайте онлайн самостоятельно. Главный принцип минималистичного дизайна: одна идея — один экран, 1-2 вида шрифта в сумме. Используем однородные оттенки, исключаем любые украшательства и делаем значительные отступы, разделяя смысловые блоки.

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

Синхронизация нескольких устройств

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

Совершенствуется web-аналитика  — необходимые отчеты формируются сервисами Google Analytics и Яндекс.Метрика. В них присутствуют данные о пользователях, посещающих ресурс с нескольких устройств.

Как оставаться в тренде:

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

Очень хорошо, если на сайте можно оплатить посредством платежных инструментов Google Pay/Apple Pay/Samsung Pay, а также электронными кошельками.

Технологии искусственного интеллекта и машинного обучения

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

Наши советы:

 Желаете глубже познакомиться с этим направлением — советуем почитать про ML-разработку. Предупреждаем на старте — его реализация довольно затратна и следует хорошо подумать, чтобы все издержки в будущем окупились. В качестве примеров успешных решений, работающих на бизнес создателей, приведем Сбербанк, Яндекс, Amazon, Mail.ru, HPE.

Юзабилити и тренды с растущей популярностью

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

Ссылки в виде сторис как в Инстаграм

При этом включение в контент смайлов, мемов не всегда будет к месту.

А вот пример онлайн трансляций, как в соц.сетях:

Онлайн трансляции на сайте

Видеоотзывы

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

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

Голосовые ассистенты

Появление голосового помощника Алиса от Яндекса серьезно изменило отношение к этой технологии. Ее стали применять в быту для управления домашней техникой.

Как поступить:

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

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