Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

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

Для удобства разделили фишки на следующие группы:

  • Персонализация контента и упрощение поиска
  • Общение
  • Оформление заказов

Персонализация контента и упрощение поиска

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

  1. Визуальный поиск или поиск по изображениям. Пользователь не всегда помнит название товара или может даже не знать его, поэтому фотография помогает быстрее найти необходимый товар. Идеальный инструмент, если вы работаете в узкой тематике или у вас огромный выбор товаров. Примеры визуального поиска в Aliexpress и Pinterest:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Основные рекомендации:

    • Лучше всего внедрять визуальный поиск в мобильную версию, так как чаще пользователи ищут по фотографии, которую сделали со смартфона или планшета.
    • Создавать систему с нуля наиболее дорогостоящее решение, более доступный вариант — использовать API готовых решений. Например, Vision API Product Search от Google, API Поиск по Яндекс.Картинкам от Яндекса, Frisbuy и др.
    • И не забываем оптимизировать изображения для поисковых систем, чтобы привлекать дополнительный трафик на сайт.
  2. Видеоконсультация подойдет как магазинам, так и сайтам услуг, так как часто пользователю нужно посмотреть/показать что-либо. Также видео вызывает больше доверия и упрощает процесс принятия решения. Например, видеоконсультации стали популярны в продаже недвижимости, так как экономят время и позволяют выбирать объекты в других городах/странах. Пандемия также сыграла не последнюю роль.

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Советы по внедрению:

    • Это самый бюджетный тренд, так как вы можете связываться с клиентами в WhatsApp, Telegram, Skype и других мессенджерах, где есть видеосвязь.
    • Информацию об услуге следует разместить на главной странице и страницах услуг, чтобы больше пользователей узнало о ней.
    • Дополнительно можно проанонсировать новую услугу в соцсетях и email-рассылке.
  3. Виртуальные примерочные. Тренд на VR/AR-технологии позволил использовать дополненную реальность для упрощения поиска товаров. Пользователь не всегда понимает по фотографии, как будет смотреться товар, например, в интерьере или на нем. Такой инструмент пока частично, но решает эту проблему. IKEA уже несколько лет предлагает пользователям «примерить» мебель к интерьеру клиента:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Или пример выбора лака с помощью VR-примерочной:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Советы по внедрению:

    • По аналогии с визуальным поиском рекомендуем начинать с готовых решений: AstraFIT, Goodstyle, Magic Quick и др.
    • Начинайте с популярных товаров/услуг, чтобы больше пользователей могло протестировать новинку.
    • Более бюджетный вариант использования vr-технологий — использование масок в Instagram, здесь, наоборот, лучше разрабатывать маски для новинок для дополнительного продвижения продукта.
  4. Динамическое ценообразование. В результате появления маркетплейсов и сайтов-агрегаторов пользователю легко сравнивать цены на товары, и многие компании вступают в демпинговую войну. Чтобы ее предотвратить, появились сервисы, которые помогают определить лучшую цену для товаров как для пользователей, так и для владельцев бизнеса. Пример интерфейса сервиса uXprice:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Рекомендации:

    • Рекомендуем воспользоваться услугами сервиса для экономии времени и средств. Например, uXprice, Competera, AllRival.
    • Стоит попробовать решение хотя бы для одной группы товаров, чтобы оценить его эффективность и не потратить большой бюджет на инструмент.
  5. Помощь в подборе. Из-за большого разнообразия товаров и услуг пользователей часто отталкивает выбор товаров, поэтому рекомендации, формирование наборов товаров/услуг и запоминание параметров от пользователя приветствуется.

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

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Или для постоянных клиентов помощь с выбором размера от Lamoda на основе истории заказов:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    С чего начать:

    • Для новых пользователей стоит продумать комплекты товаров/услуг на основе популярных заказов.
    • Для постоянных клиентов без личного кабинета не обойтись. Именно он поможет собирать точную информацию о пользователе и адаптировать под него контент.
    • Дополнительно можно попробовать такие сервисы, как Yagla, для подмены контента в зависимости от целевой аудитории и более заточенные на персонализацию контента — Monoloop, Vero, Persuasion API и др.
  6. Подписочная модель для заказов. У каждого из нас есть набор товаров или услуг, которые мы заказываем регулярно, и логичное решение — автоматизация этого процесса. Позволяет не только снять с пользователя рутинные задачи, но и получить постоянного клиента. Например, у Petshop автозаказ позволяет настроить регулярную доставку товаров:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Как внедрить:

    • Для начала можно добавить на страницу возможность повторного заказа предыдущей покупки.
    • А в дальнейшем стоит продумать регулярные доставки для постоянных клиентов. Ориентируйтесь на популярные товары/услуги.

    Общение

    Фишки, которые помогут упростить общение с клиентами.

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

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Советы по внедрению:

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

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Рекомендации:

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

    Оформление заказа

    И несколько трендов в оформлении заказов.

  9. Мобильные способы оплаты. Если раньше пользователи в основном доставали банковскую карту, то теперь чаще используют Apple Pay, Google Pay и оплату по QR-коду. Пример данной услуги от Сбербанка:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Что нужно сделать:

    • Изучите трафик на ваш сайт, чтобы понять, какой процент пользователей заходит с мобильных устройств. Если более 10-15%, стоит задуматься о подключении мобильных способов оплаты.
    • Большинство банков предлагают подключить данную услугу, поэтому достаточно зайти на их сайты и следовать инструкциям.
  10. Доставка за 1 день или час. Никого уже не удивляет обилие доставщиков на улицах. На рынке много компаний, которые помогут организовать доставку даже небольшому бизнесу. Пример предложения от Яндекс.Доставки:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Основная рекомендация:

    • Для начала пообщайтесь с клиентами, насколько востребована среди них данная услуга. Только потом можно пробовать различные сервисы (Яндекс.Доставка, Самокат, DPD, СДЭК, Ситимобил и др) или нанять доставщиков в штат.
  11. Электронная подпись. Удаленное оформление документов — давно не новость, но тренд набирает обороты, многие компании перешли на ЭДО (Электронный документооборот) и стали использовать электронную подпись.

    Пример соответствующей услуги от Контура:

    Как сделать интерфейс сайта удобнее: 10 современных фишек и трендов юзабилити 

    Аналогичная с предыдущим пунктом рекомендация:

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

Итоги

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

Если же понадобится помощь или возникнут вопросы — пишите, подскажем, какой сервис выбрать или воплотим сами.

Просмотров:

Добавить комментарий