Обзор UX от Wayfair: ориентированный на пользователя дизайн на практике

Статьи по дизайну

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

Как удалить учетную запись пользователя в Windows 11

Прочие тематики

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

год типографики, ориентированной на пользователя / Тренды / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Статьи по дизайну

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

год типографики, ориентированной на пользователя / Тренды / Сайты и биржи фриланса. Обзоры фриланс бирж. Новости. Советы. Фриланс для начинающих. FREELANCE.TODAY

Статьи по дизайну

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

Опыт заказчика ≠ Опыт пользователя

Статьи по дизайну

Статьи 2 мин на чтение 251 Недавно я столкнулся с интересной ситуацией. Меня вызывает CEO и показывает примерно такую картину: На его столе стоит большой 27-ми дюймовый монитор и новый Макбук Про. И там, и тут запущен личный кабинет нашего сервиса. – Айдар, а почему вот здесь (на ноутбуке) выглядит хорошо, а здесь (на мониторе)…

Управление вниманием пользователя

Статьи по дизайну

Метафорично, внимание — это луч света, который освещает только интересующий его объект. Как только луч переходит к другому объекту, предыдущий виден уже не так отчётливо и ясно. Есть несколько способов управления вниманием пользователя за счёт контраста: Контраст цвета — когда отдельные элементы сайта выделяются на фоне основного цвета; это могут быть элементы СТА Контраст формы:…

Персонализация в электронной торговле: индивидуальный подход для каждого пользователя

Статьи по дизайну

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

Иллюстрация персонализации в приложении электронной коммерции "width =" 700 "height =" 410 "/> <figcaption> Иллюстрация OrangeCrush </figcaption></figure> <p> Самый простой (и наиболее заметный) пример персонализированного маркетинг — это когда вы видите в Facebook рекламу того, скажем, увлажнителя, который вы собирались купить, но еще не решили. Возможно, он уже некоторое время находится в вашей тележке. Возможно, вы также смотрели другие увлажнители, но затем вернулся к этому. Может быть, вы не уверены в цене или в том, легко ли его чистить, и провели небольшое исследование по этому поводу. </p> <p> Хотя это один из наиболее заметных и часто считающихся наиболее «жутким» примеров, открытая персонализация — важный способ наладить более тесные связи с потребителями. </p> <p> Персонализация в электронной торговле позволяет продавцам предлагать то, что они извлекли, чтобы быть актуальным для каждого отдельного покупателя, таким образом, чтобы это было полезно и интересно для них. Это, в свою очередь, улучшает впечатления от покупок и создает постоянных клиентов. Давайте посмотрим на больший объем преимуществ. </p> <h2> Почему бренды используют персонализацию в электронной торговле? <br /> — </h2> <p> Каким бы недавним ни казался этот феномен, преимущества персонализации в электронной торговле тщательно отслеживаются и разделяются компаниями в течение нескольких десятилетий. Amazon считается пионером в этой практике, и их работа над этим может быть датирована 1998 годом. Но помимо значительного и зарегистрированного увеличения продаж, связанных с персонализированным маркетингом, в чем привлекательность применения этих методов? </p> <h3> Создание индивидуального интерфейса для каждого пользователя </h3> <p> Персонализация — это способ электронной коммерции имитировать личный покупательский опыт. </p> <figure data-id= иллюстрации экранов людей "width =" 2040 "height =" 2040 "/> <figcaption> Персонализация помогает организовать индивидуальный подход для всех клиентов от Ordnassela </figcaption></figure> <div class='code-block code-block-3 ai-viewport-1 ai-viewport-2' style='margin: 8px 0; clear: both;'> <!-- Yandex.RTB R-A-268541-2 --> <div id=

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

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

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

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

Повышает осведомленность об опыте клиентов

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

Как можно успешно интегрировать персонализацию клиентов в свой веб-сайт электронной коммерции или дизайн?
—

Прозрачность и сотрудничество с клиентами — ключ к этой практике. Клиенты больше реагируют на персонализацию, которая носит описательный и открытый характер. Согласно исследованию Гарвардской школы бизнеса, опубликованному в Journal of Consumer Research, «когда они показывали людям сообщения рядом с рекламой, в которых говорилось что-то вроде« рекомендовано на основе ваших кликов на нашем сайте », они с большей вероятностью нажали и совершили покупки, чем если бы сообщения не было. присутствовал »

люди говорят иллюстрации вверху image "width =" 1862 "height =" 806 "/> <figcaption> Успешная персонализация ставит пользовательский опыт выше всего остального, автор Spoon Lancer </figcaption></figure> <p> Кроме того, Эксперименты, раскрытые Harvard Business Review, показали, что «когда потребители понимают, что их личная информация передается не так, как им нравится, покупательский интерес снижается». Персонализация оказывается эффективной, когда она ставит во главу угла улучшение взаимодействия с пользователем и укрепление доверия с пользователями. </p> <p> Вы все еще можете спрашивать себя, как это практикуется? Уравнение состоит из двух частей: для сбора данных и их персонализации. Это делается несколькими способами: </p> <h3> Поведенческий таргетинг </h3> <p> Здесь описывается сбор данных о том, как пользователь вел себя на определенном веб-сайте. Как они обычно просматривают? Они переходят сразу к категории продуктов или смотрят на новинки? Что они покупали в прошлом? Психография играет большую роль в поведенческом таргетинге, понимая интересы, ценности, эмоции пользователей и т. Д. </p> <h3> Демография </h3> <p> Проще говоря, пользователи распределяются по категориям по возрасту, полу и доходу. Практика может стать намного более тонкой, как вы можете увидеть в нашем посте о создании пользовательских образов. </p> <h3> AI (искусственный интеллект) </h3> <p> Машинное обучение — незаменимый инструмент для персонализации. Все, что <em> могло </em> рассматриваться для персонализированного маркетинга, бесконечно. ИИ принимает данные, выходящие за рамки конкретных, и переводит их в реальные шаги персонализации. И он может делать это, пока пользователь взаимодействует с веб-сайтом, и тут же давать им предложения. </p> <h2> 7 советов по совершенствованию персонализированного маркетинга <br /> — </h2> <p> Чтобы лучше понять эти концепции и придумать стратегию персонализации, невероятно полезно взглянуть на различные способы ее использования в электронной торговле. </p> <p> Приведенные ниже примеры выделяют стратегии персонализации в различных средах — приложениях, настольном компьютере и маркетинге по электронной почте, а также затрагивают то, как они взаимодействуют друг с другом. </p> <h3> 1. Персонализированные домашние страницы </h3> <p> Домашние страницы — отличный пример персонализации. Это возможность сразу перейти к делу и представить клиентам контент, который может их заинтересовать, исходя из их привычек просмотра, покупательских тенденций, местоположения — этот список можно продолжать и продолжать. </p> <figure data-id= Домашняя страница netflix "width =" 1434 "height =" 666 "/> <figcaption> Netflix персонализирует домашнюю страницу, чтобы все необходимое было в одном месте. Через Netflix </figcaption></figure> <p> Домашняя страница персонализация, очевидно, является отличным выбором для потоковых сервисов. Это похоже на гораздо более удобный поворот в разделе «Руководство» поставщиков кабельных услуг. Персонализированные домашние страницы позволяют просто перейти на домашнюю страницу и использовать ее в качестве основы. Что мне делать Скажем, я что-то просматриваю или что-то обдумываю, но всегда возвращаюсь на главную страницу, где есть все, что мне нужно. Таким образом, этот метод особенно полезен для сайтов электронной коммерции с одним типом продукта (потоковое видео, социальные сети, сайты подписки на сводки новостей) </p> <p> На главной странице Netflix есть практически все, что вы можете искать. Группы по жанрам, рекомендации, основанные на моей истории просмотров, шоу, которые наиболее популярны в мире и где я сейчас нахожусь. Возможность «Продолжить просмотр». Мне действительно кажется, что я попал в своего рода дом; это слишком личное, чтобы делать снимок экрана. </p> <h3> 2. Недавно просмотренная функция </h3> <p> «Недавно просмотренные» — это способ восстановить связь с клиентами и дать им возможность продолжить с того места, на котором вы остановились. Бывают случаи, когда я собираюсь что-то купить, но беспокоюсь о цене, или я просто отвлекаюсь, прежде чем завершу транзакцию, или я хочу вернуться к альбому, который слушал. Упрощение возврата к этим взаимодействиям выгодно как для сайта электронной торговли, так и для пользователя. </p> <figure data-id= Ало перемещает прыжок назад в "width =" 1413 "height =" 504 "/> <figcaption> Я наконец могу закончить начатую тренировку. Via Alo Moves </figcaption></figure> <p> Это Раздел «недавно просмотренные» привносит преемственность в отношения электронной коммерции. Я мог видеть то, что я собираюсь купить, или мне также могут показать пару джинсов, на которые я смотрю, и подумать: «О чем я думал? Я рад, что я не купил это. " Эта функция персонализации отлично подходит практически для любого бизнеса электронной коммерции. </p> <p> В приведенном выше примере показано, как инструмент персонализации истории просмотров действительно полезен для онлайн-обучения или тренировок. Alo Moves — это веб-сайт бренда Alo Yoga и служба подписки, посвященная онлайн-тренировкам. Раздел «Вернуться назад» чрезвычайно полезен, он дает пользователю возможность закончить начатые классы или вернуться к уже пройденным и, возможно, понравившимся занятиям. Эту страницу можно дополнительно персонализировать в зависимости от уровня интереса. Например, вы можете сначала представить продукты (в данном случае классы), которые я посещал больше всего. </p> <h3> 3. Географическое наведение </h3> <figure data-id= Airbnb исследуйте поблизости "width =" 1371 "height =" 704 "/> <figcaption> Airbnb дает вам рекомендации в зависимости от того, где вы находитесь. Через Airbnb </figcaption></figure> <p> Где вы сейчас находитесь местоположение влияет на то, что вы ищете. Геолокация определенно более актуальна для определенных сайтов электронной коммерции, чем для других, но это определенно очень полезный инструмент. Приведенный выше пример взят от Airbnb. Если я планирую побег, это определенно полезно исследовать то, что находится рядом со мной, прежде чем рисковать очень далеко. Но это не единственный полезный элемент геотаргетинга. </p> <p> С помощью файлов cookie веб-сайты могут заранее определить, где вы находитесь, настроить валюту и варианты доставки, а также автоматически настроить то, что вам доступно. Представьте, если бы Netflix показал вам кучу фильмов, которые вы не смогли бы посмотреть из-за вашего местоположения, это было бы совсем не очень приятно. </p> <figure data-id= Сообщение о геолокации Manduka "width =" 1421 "height =" 742 "/> <figcaption> Manduka дает вам возможность выбрать веб-сайт, на котором лучше всего делать покупки. Через Airbnb </figcaption></figure> <h3> 4. Многоканальная персонализация </h3> <p> Эта практика позволяет брендам легко персонализировать свои продукты и взаимодействие с пользователем по каналам. Реклама, электронная почта, история просмотров — все они взаимодействуют друг с другом, поэтому у вас есть согласованная персонализация по различным каналам. </p> <figure data-id= электронное письмо от терапевтических тетрадей "width =" 1195 "height =" 816 "/> <figcaption> Это всплывающее окно похоже на небольшой приветственный напиток. Через терапевтические тетради </figcaption></figure> <p> One из наиболее распространенных примеров — это тот, который я объяснил в своем вступлении. Помните тот увлажнитель, который появился в вашем Instagram? Это пример межканальной персонализации. Другой способ, которым бренды делают это, — отправляет вам электронное письмо о продукте, который может быть в вашей тележке, как вы увидите в примере выше. </p> <p> Эти электронные письма обычно сопровождаются сообщением «Завершите покупку» или чем-то подобным и содержат прямой призыв к действию, который снова связывает вас с товаром. Если я нажму «Завершить оформление заказа» в своем электронном письме, моя тележка вернется в магазин электронной торговли, и я готов совершить покупку. </p> <h3> 5. Всплывающие окна, которые не раздражают </h3> <p> Давайте посмотрим правде в глаза, в большинстве случаев всплывающие окна кажутся прерыванием. Но что, если бы они предлагали вам что-то, что повышает ценность вашего опыта электронной коммерции? В таком случае они могут совсем не раздражать. </p> <figure data-id= Всплывающее окно Net-a-porter "width =" 1378 "height =" 701 "/> <figcaption> Это всплывающее окно похоже на небольшой приветственный напиток. Via Net-a-Porter </figcaption></figure> <p> Многие сайты электронной коммерции предлагают небольшую скидку для тех, кто впервые посещает их веб-сайты. Приведенный выше пример взят от интернет-магазина одежды Net-a-Porter. Всплывающее окно не мешает, а приветствует это предложение. Дело. Прежде чем я продолжу делать покупки, у меня в голове есть 10% скидка. </p> <figure data-id= Карусель с волками и барсуками "width =" 855 "height =" 658 "/> <figcaption> Карусели на каналах социальных сетей делают просмотр веб-страниц более ощутимым. Via Wolf and Badger </figcaption></figure> <p> Сайт электронной коммерции также может использовать свои каналы в социальных сетях для креативного показа своих продуктов на разных носителях. Функция слайд-шоу в Instagram — отличный способ создать «карусели», интерактивную коллекцию продуктов. Выше вы увидите группу одежды марки Wolf и Badger. подборка их весенней коллекции в виде карусели. Такое ощущение, что смотреть в глянцевый каталог. </p> <h3> 6. Дополненная реальность </h3> <p> Действительно специфический и инновационный способ персонализировать процесс покупок в цифровом формате — это дополненная реальность. Подумайте об онлайн-оптиках, которые позволяют пользователям примерить очки, или о приложениях для парикмахерских, позволяющих примерить стрижки (насколько мне известно, этого не существует, но я надеюсь, что парикмахерские поняли мой намек). Особенно с учетом того, как мир был «заперт» в последний год или около того, и личные покупки стали редкостью, этот дополнительный уровень персонализации и интерактивности ликвидирует разрыв между цифровыми технологиями и реальностью. </p> <figure data-id= Настройка Nike "width =" 1432 "height =" 815 "/> <figcaption> Использовать дополненную реальность Nike просто интересно. Через Nike </figcaption></figure> <p> Nike By You (ранее Nike ID) дает вам возможность поиграть с их вневременным дизайном. После того, как вы выберете стиль, вам будет предложено выбрать цвет, надписи, кружево или нет и даже ткань. вы. </p> <h3> 7. Поведенческие предложения </h3> <p> Отслеживание и анализ поведения пользователей может создать возможности предложить им вещи, которые могут улучшить их опыт (или покупку). Обычно это делается в форме скидок, но также может быть предложено слайд-шоу похожих продуктов или популярных продуктов в той же категории. Например, если человек раньше смотрел на велосипедные замки, но не купил их, почему бы не настроить его домашнюю страницу или корзину, чтобы отобразить диапазон? </p> <figure data-id= Персональное предложение Zalando "width =" 1399 "height =" 688 "/> <figcaption> Zalando предлагает мне скидки на товары, которые я искал. Via Zalando </figcaption></figure> <p> выше приведен пример транснациональной компании электронной коммерции Zalando, предлагающей мне довольно удачный выбор. Я смотрел на джинсы, я даже купил и вернул некоторые, добавил некоторые в свой список желаний, в основном я тратил много время на джинсах на их веб-сайте. Очень полезно, что они показывают мне несколько джинсов со скидкой, некоторые из них специально из моего списка желаний. </p> <p> Интересно, что товар, который я искал, продается со скидкой? Да, конечно. Эта функция персонализации действительно побуждает меня к покупке. Сайт показывает мне то, что меня интересует, по более выгодной цене. Что не нравится? </p> <h3> 8. CTA </h3> <p> Персонализация в электронной торговле работает лучше всего, когда она работает с человеком. Вовлечение пользователей в качестве активных участников посредством обратной связи и открытого общения делает персонализацию эффективной и успешной. </p> <figure data-id= целевая страница бренда электронной коммерции Good Day "width =" 1600 "height =" 1161 "/> <figcaption> Good Day привлекает внимание к своему призыву к действию с помощью макета, изображений и палитры. Автор My Creative Mind </figcaption></figure> <p> Во всех этих примерах вы увидите кнопки вызова действий (CTA) с описательным языком, который делает процесс персонализации открытым для каждого клиента. Независимо от того, написано ли там: «На основе истории просмотров», «Потому что вы заинтересован в [x] », язык имеет решающее значение для объяснения методологии и логики. Я гораздо более склонен реагировать на персонализацию в электронной коммерции, если я знаю, какой цели она служит и как она возникла. </p> <h2> Заключение <br /> — </h2> <p> Не будьте роботом: персонализация — это адаптация ваших услуг к индивидуальным потребностям наиболее эффективным для вас способом. Это улучшит взаимодействие с пользователем, заставит их почувствовать себя особенными и приведет к повышению конверсии для вас. </p> <div class=

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