Главное Свежее Вакансии Образование
😼
Выбор
редакции
2 962 1 В избр. Сохранено
Авторизуйтесь
Вход с паролем

20 трендов в UX-дизайне интернет-магазинов в 2020 году

Люди вынуждены сидеть в карантине, поэтому услуги интернет-магазинов востребованы как никогда. Какие тренды в UX-дизайне интернет-магазинов будут актуальны в 2020 году и будут развиваться в ближайшие 5 лет? В этой статье мы собрали все самое горячее и интересное на эту тему.

Успех интернет-магазина — это не только хороший ассортимент и конкурентный уровень цен. Все важнее становится качество взаимодействия интерфейса с клиентом. Чем лучше продуман и спроектирован пользовательский опыт клиента (UX — User Experience), тем меньше брошенных корзин и разочарованных людей , тем выше конверсия и лояльность покупателей. Именно о трендах в User Experience мы рассказываем в этой статье.

Визуальный поиск


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

Например, сервис frisbuy умеет подбирать одежду по фотографии. Визуальный поиск применим для магазинов одежды и обуви, сумок, декора, мебели, beauty и hand-made.


Визуальный поиск от сервиса frisbuy подбирает похожие товары по фотографии

Что будет дальше?

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

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

Похожие товары


Чаще всего блоки «Похожие товары» подбираются вручную или собираются автоматически из той же категории, с учетом одного/двух параметров. И тот и другой вариант не идеальны. В первом случае уйдет много сил, а во втором подборка будет далека от совершенства. Здесь снова могут помочь новые технологии и искусственный интеллект. Тот же визуальный поиск может сделать качественные подборки похожих товаров.


Блок с похожими товарами, сформированный с помощью визуального поиска

Что будет дальше?

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

Виртуальные примерочные


Как примерить одежду из онлайн-магазина, не дожидаясь курьера? Прогрессивные интернет-магазины открывают «виртуальные примерочные». Например, в приложении Lamoda уже сегодня можно померить кроссовки.


Виртуальная примерочная в мобильном приложении Lamoda для iPhone

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

Быстрее всего в «примерке вещей» освоятся крупные магазины и агрегаторы, а люди будут совершать всё больше онлайн-покупок.

Виртуальный макияж


Мартин Скорсезе омолаживает Аль Пачино и Де Ниро в фильме «Ирландец», а рядовые пользователи Instagram отращивают уши и превращаются в инопланетян с помощью масок в Stories.


Маски для stories в Instagram

Магазины косметики не отстают и предлагают пользователям сделать виртуальный макияж, подобрав подходящие средства декоративной косметики. Такие сервисы уже предлагают Mary Kay, NYX и другие.


Сервис «Виртуальный макияж» на сайте NYX

Что будет дальше?

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

Сенсорный шоппинг


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

Alibaba сразу взял TR на вооружение, применив его в онлайн-шоппинге. Программа Refinity симулирует проекцию товара в объеме и позволяет ее потрогать.


Программа Refinity

Что дальше?

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

Доставка товаров дронами


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

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


Доставка заказа дроном

Что дальше?

Мировая ситуация будет катализатором для развития доставки дронами. Скоро такими устройствами обзаведутся многие компании.

Голосовое управление


Голосовые интерфейсы все больше проникают в нашу жизнь. «Алиса» от Яндекса управляет умным домом, Alexa от Amazon помогает шопиться через интернет, Google assistant командует телефоном и делает покупки в онлайн-магазинах.


Реклама Alexa от Amazon

Что будет дальше?

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

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

Омниканальность — мультиканальность — customer journey


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

Переход с одного устройства на другое должен быть как можно более комфортным. Здесь не нужны лишние авторизации. Система должна помнить пользователя и то, где он остановился в прошлый раз. Для проектирования непрерывного процесса переключения между устройствами создают СJM (Customer Journey Map, Карта пути клиента).


Пример CJM-карты. Слева — персонаж, в столбцах расположены задачи и этапы взаимодействия с компанией, в строках — основные разделы CJM, например, «Точка взаимодействия онлайн», «Точка взаимодействия офлайн», «Цель», «Критерий успеха», «Барьеры и проблемы»

Карта пути клиента (CJM) не только показывает переключения покупателя между устройствами, но и отражает другие каналы взаимодействия с компанией/продуктом, включая телефон, email, торговые точки, доставку и прочее. При построении CJM отдельно рассматривают, исследуют, проектируют чувства и мысли пользователя и выявляют барьеры на пути следования от одной точки в другую.

CJM используют для проектирования комфортного взаимодействия между клиентом и компанией, а также для устранения барьеров на пути к успешной покупке.

Что будет дальше?

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

Видеоканалы, видеоотзывы и видеообзоры


Если посмотреть на поисковую выдачу Google, можно заметить, что иногда видео ранжируются значительно лучше сайтов. Например, у вас есть интернет-магазин кроссовок и видеоканал на Youtube, в котором вы выкладываете видеообзоры. По одному из запросов ваш сайт может быть на 4 странице результатов, а видео, напротив, окажется вверху первой страницы. Эта история связана с тем, что Google предпочитает ставить свои сервисы в результатах поиска выше других сайтов. Этим нужно пользоваться с умом.

По данным Cisco к 2022 году IP-видеотрафик займет 82 % всего IP-трафика, пользователи все чаще будут предпочитать видеоконтент. А это означает, что покупатели будут смотреть видеообзоры и видеоотзывы о товарах, прежде чем сделать покупку.

Размещение видеоролика о товаре на Youtube будет полезно и для пользователей, и для seo. Поставьте под роликом ссылку на страницу товара, а сам ролик внедрите на странице сайта, это повысит шанс покупки.

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


Сайт детских товаров. Видеообзор от магазина на странице товара

Что будет дальше?

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

Персонализация сайта под пользователя


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

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


Возможная персонализация для владельцев кошек

Персонализация главной страницы под влед

Что будет дальше?

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

Просмотр товаров в 3D


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


Пример 3D просмотра iPhone сделанного из видеоролика

Что будет дальше?

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

Семейные аккаунты


Крупные игроки рынка: Google, Yandex, Netflix поняли, что людям удобно пользоваться сервисами всей семьей. У Netflix в одном аккаунте есть несколько профилей, где у каждого свои любимые фильмы, своя главная страница, свои рекомендации.

Яндекс предлагает сделать семейный аккаунт для Яндекс.такси, чтобы родственники могли пользоваться одной банковской картой для оплаты. Google позволяет настроить семейный доступ к Youtube. Такие практики начинают внедрять и интернет-магазины.

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


Пример семейного аккаунта в магазине товаров для животных. На сайте добавлено несколько покупателей (имя, телефон, email), а также несколько адресов для доставки

Что будет дальше?

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

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

Отзывы реальных клиентов


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

Как они понимают, что отзыв написал настоящий клиент магазина? Наш опрос показал, что для этого вывода покупатели обращают внимание на следующие сведения об отзыве:

  • Наличие фотографии реального использования товара клиентом (59%)
  • Ссылка на профиль клиента в социальной сети (57%)
  • Дата отзыва (42%) и имя клиента (42%)

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

Хорошим пример отзывов можно найти на Wildberries. Здесь пользователи загружают фотографии, отмечают свои параметры (рост, вес, размеры и т. п.). Можно кликнуть на пользователя и посмотреть подробную информацию о нем. Таким отзывам невозможно не верить.


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

Что будет дальше?

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

Социальное подтверждение


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


В каталоге товаров на сайте ioptima есть ярлык «Выбор блогера»

Некоторые интернет-магазины делают рекламу через блогеров, а также заказывают им видео- и текстовые обзоры товаров, а также обучающие видео. Далее размещают их в социальных сетях, Youtube и в интернет-магазинах.

Другие магазины ставят на сайте фотографии из соцсетей, на которых люди используют их товары. Например, магазин New balance размещал на карточках товаров фотографии пользователей Instagram, обутых в их кроссовки. Это повысило конверсию на 8% и время сессии на сайте на 17%.


Сайт New balance: на карточке товара был размещен блок с подборкой фотографий этого товара из Instagram

Что будет дальше?

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

Адаптивный дизацн


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

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


Пример адаптивного сайта юзабилити-рейтинга рунета «ЗОК100 — Забота о клиенте 100%» . Слева сайт на десктопе, справа на мобильном телефоне

Что будет дальше?

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

Сторителлинг


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

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

Важно показать отличие своего интернет-магазина от других, придать ему индивидуальность.

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


Магазин постельного белья Au lit fine linens рассказывает историю создания компании на странице Our story в формате сторителлинг, используя разные виды контента — текст, видео, фотографии

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

Что будет дальше?

Сторителлинг продолжит развиваться и активно использоваться в интернет-магазинах, в пиаре, в социальных сетях.

Инфостиль


Копирайтинг также претерпевает изменения. Поисковые машины поднимают в поиске только те материалы, которые написаны для людей. Статьи, созданные для SEO и наполненные «водой» никому не интересны, и они все дальше падают в результатах выдачи.

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


Слева оригинал текста, справа текст переписанный в инфостиле

Что будет дальше?

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

Экология


Среди наиболее острых проблем современности респонденты ВЦИОМ в 2019 году назвали загрязнение воздуха, мусорные свалки, грязные реки и озера. На Бали запретили использование одноразового пластика. Проблемы с загрязнением планеты становятся все серьезнее.

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

Например, Yves Rocher разрабатывает более экологичные упаковки, а также ежегодно перечисляет средства на восстановление лесов по всему миру.


Магазин Yves Roche рассказывает на сайте о своих экологических инициативах

Что будет дальше?

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

Высокий уровень сервиса


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

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


Компания Servermall подробно и искренне рассказывает о клиентском сервисе на странице «О компании»

Что будет дальше?

Качество клиентского сервиса становится одним из важнейших инструментов в конкурентной борьбе. В будущем качество сервиса в России начнет приближаться к европейскому уровню. Доволен клиент — довольна и компания.

Повышение роли UX-дизайна


UX-дизайн (проектирование опыта взаимодействия с клиентами) из элитного вида услуг превращается в рабочий инструмент, необходимый как для крупного, так и для среднего и даже малого бизнеса.

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

Для менеджеров продуктов и проектов появляется требование по базовыми знаниями в области юзабилити. По данным ежегодного исследования «The skills companies need most» (Навыки, которые больше всего нужны работодателям) от LinkedIn Learning в 2019, второй год в пятерку самых востребованных hard skills, которые больше всего нужны работодателям, входит навык UX-дизайна.

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

Что будет дальше?

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

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

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

Профессионалы в области юзабилити будут все больше углубляться в специализации:

  • UX-исследователь (исследователь пользовательского взаимодействия) исследует пользователей, выявляет их потребности и особенности поведения во взаимодействии с интерфейсом
  • Юзабилити-специалист оценивает удобство интерфейса для конечных пользователей и продумывает сценарии идеального взаимодействия клиентов с продуктом
  • UI-дизайнер (проектировщик пользовательского интерфейса) создает макеты пользовательских интерфейсов, совмещая решение задач бизнеса с пользовательскими сценариями
  • UX-писатель создает тексты для интерфейса, рассылок, справочных материалов на простом и понятном языке

Выводы


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

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

Первоначально статья была опубликована нами на Текстерра, но с тех пор в мире произошли существенные изменения, поэтому мы дополнили статью двумя трендами, и изменили часть текста. https://texterra.ru/blog/trendy-v-ux-dizayne-internet-magazinov-v-godu.html

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Ю-эксперт
Юзабилити-консалтинг, экспертиза, исследования, проектирование и дизайн
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

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