Text/Yu Zongbo, старший эксперт по дизайну взаимодействия
Успех Amazon является прямым результатом сильного опыта покупок пользователей.
Поскольку увлечение электронной коммерцией продолжает нагреваться, дизайн веб-сайтов электронной коммерции в настоящее время сталкивается с серией проблем, наиболее важным из которых является то, как создать пользовательский опыт, чтобы увеличить возможность покупки пользователей в Интернете.
Чтобы бороться с жесткой конкуренцией в Интернете и успокоить скептических онлайн -покупателей, дизайнеры могут предпринять шаги по улучшению удобства использования своих интернет -магазинов. С 1995 года Amazon стал признанным мировым лидером в области электронной коммерции B2C. Его успех не случайно, и это не просто результат быть в нужном месте в нужное время.
Успех Amazon является прямым результатом сильного опыта пользователей.
Двойные цели ясны
Поиск продукта и онлайн -покупка
Когда вы просматриваете общую веб-страницу электронной коммерции, вы часто сталкиваетесь с грязным макетом, которая заставляет вас чувствовать себя подавленным. Amazon, с другой стороны, сразу же привлекает глаза пользователю несколькими краткими блоками или уникальными элементами: в левом верхнем углу навигационного поиска и управления поиском/корзиной вблизи вершины, что делает простой двойной целью Amazon.
То есть пользователи могут быстро найти и приобрести продукты;
Команда дизайнеров и архитекторов Amazon должна была гарантировать, что эти два элемента были достаточно заметными и достаточно полезными в структуре сайта. Для дизайнеров, клиентов, менеджеров проектов и разработчиков, участвующих в создании сайтов электронной коммерции, пользовательский опыт с самого начала (независимо от того, впервые пользователь или возвращающийся клиент) следует четко акцент на поиск продукта и онлайн-покупки.
Контент подходит для текущих пользователей
После того, как веб -сайт поиск продуктов и возможности онлайн -покупок будет создан, пользователи, скорее всего, захотят воспользоваться этими функциями и сразу же начать поиск. Amazon использует файлы cookie для записи статуса входа в систему пользователя, отслеживания привычек покупок пользователей и хранить их на сервере. Это отличное улучшение, потому что оно может динамически настроить пользовательский опыт: на основе предыдущих поисков, представлений страниц, дополнений по желанию, просмотра заполнения и в конечном итоге покупки.
Отображение связанных продуктов
Пример настраиваемого контента показан на домашней странице, где рекомендации изменены в зависимости от того, как пользователь взаимодействует с функцией поиска продукта.
Рекомендуемые продукты на основе предыдущего поведения
Пока куки -файлы браузера остаются неизменными, тот же тип индивидуального контента будет появляться один за другим во время последующих посещений:
Как и Amazon, хороший сайт электронной коммерции будет отслеживать поведение на стороне клиента (на стороне сервера), чтобы убедиться, что опыт каждого пользователя все чаще адаптируется к их вкусам и привычкам при каждом посещении. Это увеличит вероятность того, что пользователи совершат покупку, а в некоторых случаях ускорит процесс покупки. Что еще более важно, он раскрывает более широкий спектр продуктов и услуг пользователям, которые соответствуют их интересам.
Различные советы «почему мы делаем покупки»
Опыт покупок Amazon заполнен напоминаниями о том, почему пользователи должны покупать у Amazon, а не заполнены напоминаниями из других источников (онлайн или иным образом).
Сравните с рыночной розничной ценой
В дополнение к преференциальным ценам, предоставленным Amazon, каждый продукт, отображаемый на странице, также имеет MRSP (предлагаемая розничная цена производителя). Эта простая функция мгновенно понимается пользователями из -за влияния копирайтинга. Для пользователей «Вот почему вы должны купить этот продукт у нас», это простое, но мощное стимулирование продаж, которое, несомненно, увеличивает доход Amazon.
Пользователи были ранее уведомлены о «бесплатной доставке»
Другим лучшим примером «Почему мы делаем покупки отсюда» является отображение изображения напоминания на странице. Когда пользователь добавляет некоторые продукты в свою корзину, в верхней части экрана появляется большой, отличительный желтый баннер и сообщает пользователю: теперь вы имеете право на бесплатную доставку.
Эти баннеры также включают ссылки на другие ограничения, которые могут применяться. Логически, «бесплатная доставка» должно быть в «Параме доставки», но теперь оно отображается после того, как пользователь помещает товар в корзину для покупок. Затраты, такое психологическое предложение, значительно способствует продажам товаров.
Реалистичный предварительный просмотр книги
Одна из причин, по которой покупатели могут упустить возможность купить онлайн, заключается в том, что они не могут оценить качество продукции. Но предварительный просмотр продукта, который поможет прояснить некоторые, хотя и не все, сомнения.
Функция "Найти внутри"
Книги являются одним из наиболее часто покупаемых продуктов на Amazon, поэтому неудивительно, что команда разработчиков Amazon создала функцию о контенте «поиск внутри». Функция «Заглянуть внутрь» позволяет покупателям просматривать определенные части книги: обычная обложка, содержимое, первую страницу, индекс и заднюю обложку. Это может быть очень полезно, потому что потребители могут сразу же сказать, подходит ли им книга через содержимое или содержимое.
Функция «Поиск внутри»
В меню предварительного просмотра также есть небольшая коробка для функции «Найти внутри», помеченную «Поиск в книге», которая позволяет пользователям искать всю книгу, а не просто предварительные просмотра главы. Когда пользователь выбирает элемент из меню «Найти внутри», появляется лайтбокс, предоставляя пользователю предварительный просмотр продукта, который почти так же хорош, как и книга, которую вы держите в руке.
Функция «Внутренний поиск» может возвращать результаты на любой странице в книге, но уведомит пользователя, что она недоступна, если страница не может быть предварительно просмотрена. Сегодняшние поисковые системы настолько умны, что они могут даже интуитивно определять единственные и множественные формы слова, что является наилучшей практикой для поиска. Хотя эта функция так же проста, как и коляска, это все еще хороший выбор, когда вам нужно исследовать книгу.
Настраиваемая история и рекомендации
В соответствии с «Рекомендуемой для вас сегодня» список продуктов, указанный на личной странице Amazon для покупателей, может быть отредактирован. Нажатие на ссылку «Изменить эту рекомендацию» отображает окно, которое точно объясняет, почему этот продукт рекомендуется, и дает покупателям возможность выбрать его изменить. Часто рекомендуемый продукт основан на записи предшествующих покупок и отслеживания привычек покупок. Здесь покупатели могут сказать Amazon не рекомендовать продукты на основе определенных факторов. Другая настраиваемая функция - это история всех продуктов, которые просмотрел покупатель, который появляется в верхней части страницы профиля этого пользователя.
Продукты отображаются в порядке, начиная с того, что вы в последний раз посещали, и каждый предмет имеет опцию «Удалить этот продукт», аналогичный поиску предметов на странице корзины для покупок. Когда продукт будет удален, страница будет перезагружаться, а список будет обновлен. В правом столбце той же страницы пользователи также увидят список своих недавно просмотренных поисковых терминов и категорий.
Эти функции настройки или редактирования гарантируют, что опыт покупок не накладывает обременительного бремени для пользователей. Если пользователи не удовлетворены рекомендациями, которые они получают, они могут изменить их для улучшения будущих посещений. Разработчики электронной коммерции могут следовать этому примеру и позволить любому динамически персонализированному пользователю как можно больше настроить свой контент. Это гарантирует, что пользователи не чувствуют, что контент заставляет их совершать покупку с помощью рекламы или рекламных стимулов.
Заставить пользователей чувствовать себя комфортно
Простая и легкая навигационная планка
Важным моментом для успеха любого интернет -магазина является то, что пользователи могут просто и легко использовать навигационную строку, включая базовые категории магазинов, пользовательские страницы, страницы корзины, страницы покупки и т. Д. Любой точка опыта покупок может быть легко и удобно доступен, и Amazon отлично справляется с этим, например, пронумерованные разделы, показанные на скриншоте ниже.
Парание к кнопке «Магазин всех категорий» (#1) запускает раскрывающееся меню, которое отображает все основные категории продуктов, позволяя потребителям легко получить доступ к дополнительным продуктам. Положение элемента навигации именно там, где пользователь ожидает, что он будет размещен под логотипом в верхнем левом углу экрана.
Рядом с логотипом (#2) есть несколько одинаково важных ссылок, таких как журнал, персонализированные рекомендации и профиль Amazon пользователя. Эта часть не очень заметна, но она появляется вверху или выше, визуально параллельно логотипу.
В следующем разделе элемента (#3) есть «корзина для покупок» и «список желаний». Расположение корзины для покупок вряд ли меняется и всегда расположено в правом верхнем углу макета веб-сайта электронной коммерции.
Всякий раз, когда пользователи просматривают страницу продукта, приглашайте их добавить свой продукт в свою корзину или список желаний (#4). Это место, оказалось, находится на правой части продуктов Amazon и деталей продукта, поэтому пользователи могут найти эту функцию естественным образом.
Наконец, Amazon приглашает пользователей просмотреть «использованные и новые» версии того же продукта на рынке Amazon (#5). Продажа продуктов на своем рынке, очевидно, не увеличит доход Amazon в краткосрочной перспективе, но она может окупиться в долгосрочной перспективе, поскольку знание этого варианта позволяет многим покупателям выбирать Amazon в качестве основного пункта назначения, даже для подержанных предметов.
Amazon делает это, потому что он четко понимает, что первым поведение интересов своих пользователей окупится в долгосрочной перспективе. Один из таких элементов, который вы также заметите,-это тот, который выделяется больше всего среди остальных пяти, с его яркими цветами, градиентами и тонким трехмерным эффектом. Это, безусловно, не случайно: Amazon хочет привлечь внимание пользователей, где это имеет значение.
Легко фильтровать и сравнить отзывы пользователей
На приведенном выше снимке экрана сравнивается два противоположных рейтинга клиентов и обзоров (показанные по обе стороны от графики «VS»). Пользователи также могут фильтровать отзывы клиентов по рейтингу. Сделайте их покупку более комфортной и помогите им принять обоснованное решение, получив тщательные отзывы клиентов, как хорошие, так и плохие. Пользователи не покупают продукты под давлением, но считают, что способность принимать решения для покупки продуктов полностью в их собственных руках.
Дополнительные варианты корзины для покупок
Как упомянуто выше, в том числе некоторые варианты на странице корзины для покупок могут заставить пользователей чувствовать себя комфортно. Во -первых, если пользователи передумат по поводу конкретной покупки, у них есть возможность удалить их из своей корзины.
Но Amazon хочет удалить, чтобы быть последним вариантом, поэтому они выбирают сохранение его на потом, а не удалить. Вы можете назвать это «мягким удалением»: он удален из корзины продукта, но остается в списке элементов на странице тележки пользователя и может быть легко добавлен в корзину пользователя в любое время.
Изменить или удалить продукты на странице доставки
Пользователь сохраняет контроль во время последующих этапов покупки. Пользователи увидят эту страницу при выборе опции доставки, что может означать, что они преданы или близки к приобретению, для покупки продукта.
При выборе метода доставки пользователю дают довольно выдающуюся кнопку «Изменить количество или удаление». Учитывая приведенные выше параметры доставки, пользователю, вероятно, понадобятся эти параметры, поэтому теперь эта кнопка позволяет пользователю получить помощь и дать ему душевное спокойствие.
Напомните пользователям, что «продолжить» не означает «окончательное решение»
После того, как пользователь добавляет продукты в корзину покупок и выбирает метод доставки, они просмотрите сводку заказа и нажимают кнопку «Продолжить», чтобы продолжить покупки. Кнопка не та, которая позволяет им подтвердить свой заказ, и это не последняя страница, где они фактически совершают покупку.
Чтобы пользователи знали, что это не «окончательный» шаг, кнопка «Продолжить», размещенная ниже, является полезным напоминанием о том, чтобы оставить их окончательный подтверждение заказа на последней странице резюме.
Это все о опыте покупок
Учившись на примере эмпатического пользовательского опыта Amazon, разработчики электронной коммерции могут понимать проблемы и беспокойство пользователей, включая каждый этап возможного опыта покупок пользователя.
Подводя итог настройки страницы Amazon, мы можем обнаружить, что его инженеры всегда думают о опыте покупок пользователя, и заставлять пользователей чувствовать себя комфортно и контролируемые, является ядром всех дизайнов.
1) Фокус веб-сайта электронной коммерции должен быть поиск продукта и онлайн-покупки;
2) По возможности, персонализированный контент должен быть предоставлен для каждого пользователя;
3) Создать стимулы по продажам, давая напоминания о «Почему мы делаем покупки»;
4) пусть пользователи имеют как можно больше доступа к продукту;
5) Не позволяйте пользователям чувствовать, что некоторые продукты или услуги заставляют их покупать;
6) легкий доступ к важным частям в нужное время;
7) Заставьте клиентов чувствовать себя комфортно и контролируют всегда.
Источник статьи: http://pagesky.blog.sohu.com/156528777.html