Корзины интернет магазин: Как грамотно сделать корзину в интернет-магазине

о том, что отсутствует на 86% сайтов — CMS Magazine

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

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

Оказалось, что 86% из 50 крупнейших интернет-магазинов США, принявших участие в нашем исследовании, либо не обновляют поле с количеством товара по мере того, как пользователь его редактирует, либо не допускают значения 0. Результатом может стать как досада пользователей на неудобный интерфейс, который игнорирует их действия, так и оформление заказов с неверным числом товаров. Если пользователь случайно закажет не то количество товаров, вас ожидают дополнительные хлопоты: со временем он заметит ошибку, и ему придётся обратиться в службу поддержки для её исправления.

Больше не нужно искать и обзванивать каждое диджитал-агентство

Создайте конкурс на workspace.ru – получите предложения от участников CMS Magazine по цене и срокам. Это бесплатно и займет 5 минут. В каталоге 15 617 диджитал-агентств, готовых вам помочь – выберите и сэкономьте до 30%.
Создать конкурс →

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

  1. почему поле с количеством товара должно обновляться автоматически (подсказка: автообновления OnBlur недостаточно), и

  2. почему одним из способов удалить товары из корзины должен быть ввод значения 0.

Почему важно автоматически обновлять поля с количеством товаров

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

«Я ввёл 2, но количество снова изменилось на 1… Конечно, это логично — нажимать на кнопку „Обновить“, но не совсем понятно: если я ввожу 2 и затем нажимаю на кнопку „Оформить покупку“, мне хочется просто оформить заказ на две вещи, минуя кнопку „Обновить“». Участник тестирования положил в корзину в Walmart один набор кружек (изображение слева), изменил количество на 2 (второе изображение), а затем перенёс другую позицию из корзины в отложенные. Но после переноса количество заказанных чайных наборов снова стало 1, так как после редактирования поля он не нажал кнопку «Обновить» (третье изображение).

Респондент собирался купить на сайте Pottery Barn два дивана (первый скриншот), потом изменил количество на один (второй скриншот), но не заметил кнопку «Обновить» под полем. Затем он вернулся в каталог, чтобы выбрать другие товары, но так как изменения не сохранились, в корзине по-прежнему лежали 2 дивана (третий скриншот, в правом верхнем углу количество товаров в корзине: 2).

Требуя, чтобы для сохранения изменений пользователи нажимали, скажем, на кнопку или ссылку «Обновить», вы рискуете тем, что у некоторых из них изменения потеряются. Часть пользователей просто не поймёт, что надо сообщить сайту о своём выборе «дважды» (то есть, ввести новую цифру в поле с количеством и затем нажать на кнопку «Обновить»), часть — не заметит кнопку. В результате они перейдут к оформлению покупки, имея в заказе неверное число товаров.

Таким образом, на сайтах, где нет автоматического обновления полей, некоторые пользователи начинают новые задачи, не завершив успешно редактирование количества покупок. Во время тестирования мы не раз наблюдали, как следствием подобного сценария становилось оформление заказа с неверным числом товаров. А ведь автоматическое обновление упомянутых полей отсутствует у 50% изученных интернет-магазинов!

Этот участник тестирования хотел заказать на сайте Wayfair две лампы (скриншот слева), но для обновления количества в корзине Wayfair требуется, чтобы пользователь кликнул на чём-то за пределами поля — но не на кнопке или ссылке. Поэтому, уже нажав на кнопку «Оформить заказ», тестер увидел в информации о заказе только одну лампу (скриншот справа). Такой сценарий предполагает лишние хлопоты как для пользователя, так и для сайта, ведь заказ оформился и ушёл в обработку.

Во избежание проблем, связанных с кнопкой или ссылкой «Обновить» под полем с количеством товара, внесённые пользователями изменения должны быть засчитаны сразу. Критично, чтобы данные обновлялись в ту же секунду и не требовали от пользователей кликов за пределами поля для подтверждения.

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

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

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

Поля должны допускать ввод значения 0 — однако в этом случае уместно «переспросить» пользователя

«Я нажимала на минус, так как думала, что так я смогу уменьшить количество до нуля». Участница тестирования пыталась убрать товар из корзины: она нажимала на значок «—» и ждала значение 0. Многие пользователи считают, что установив количество товара 0, они удалят его из корзины.

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

На сайте Sears пользователи могут выбрать значение «0/удалить» из выпадающего списка, и это вполне соответствует их ожиданиям.

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

Однако, если вы допускаете значение 0 в поле с количеством, вам следует принять некоторые меры предосторожности. Фактически, ноль работает как обычная ссылка «Удалить товар» и, хотя такое действие должно допускаться, разумно будет попросить пользователя подтвердить его, ведь удалённый товар потом может быть сложно найти.

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

Таким образом, при выборе значения 0 и при удалении товара ссылкой «Удалить», стоит отойти от правила мгновенного автообновления и прежде спросить пользователя, например, так: «Вы уверены, что хотите удалить этот товар из корзины?»

Убедитесь, что пользователи заказали столько товаров, сколько хотели

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

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

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

Итак, чтобы убедиться, что поле с количеством товара ведёт себя так, как рассчитывают пользователи, необходимо:

  1. Автоматически обновлять его сразу же, как только пользователь изменил цифру. Не используйте кнопку «Обновить» или обновление в ответ на клик за пределами поля (в частности, не используйте событие OnBlur), и

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

И да, 86% интернет-магазинов нарушают одно или сразу оба описанных правила.

Хотите, чтобы ваш интернет-магазин был тем самым из оставшихся 14%? Тогда вам пригодится бриф на разработку интернет-магазина от Workspace.

В статье мы приводим 1 из 134 рекомендаций, разработанных по результатам юзабилити-исследования платёжных форм интернет-магазинов. Вы можете купить отчёт и познакомиться с 133 другими рекомендациями, необходимыми для создания высококлассного пользовательского опыта в корзине и чекауте.

Переводчик: Екатерина Заволокина.

Оригинал: https://baymard.com/blog/auto-update-users-quantity-changes

Корзины для хранения — Плетеные корзины

Перейти к списку товаров

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

Сортировка и фильтрация

Сравнить

Всего найдено 41 товар

Больше вариантовTJABBIG Корзина 9 ¾x9 »
Больше вариантовBRANÄS Корзина 12 ½x13 ½x12 ½ »
Больше вариантовSMARRA Коробка с крышкой 11 ¾x11 ¾x4″
Больше вариантовRISATORP Корзина с отделениями 13×9 ½x9″
Больше вариантовRISATORP Корзина проволочная 9 ¾x10 ¼x7″

Показано 24 из 41 900 03

Придайте стиль своей организации с помощью корзин для хранения

Это было сказал, что ключом к организованному дому является обеспечение того, чтобы у всего было место, а корзины для хранения — идеальное «место» для очень многих вещей! большой выбор размеров, материалов и дизайнов, чтобы все необходимое было в вашем собственном доме.  

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

  • Сокращение времени на уборку: Корзины можно легко брать и перемещать, когда нужно протереть поверхности или помыть полы. Кроме того, корзины с крышками помогают защитить предметы внутри от пыли и грязи, поэтому вам не придется их чистить так часто
  • Привнесите гармонию в свое пространство: Корзины для хранения в похожем стиле помогут не только навести порядок в пространстве, но и определить его. Подумайте об общей атмосфере, которую вы хотите создать в своем доме, от богемного до современного, и просмотрите наш постоянно обновляемый выбор корзин для хранения, чтобы найти то, что вам идеально подходит
  • Портативность: Легкость перемещения корзин полезна не только в рабочие дни; это также делает их идеальным местом для хранения всего, что вам может понадобиться или нужно использовать в нескольких комнатах. Чувствуете себя хитрым? Храните все свои проекты в корзине для хранения, чтобы вы могли вязать крючком на диване так же легко, как и на крыльце. Затеваете ремонт и ремонт на кухне, в гараже или в саду? Держите свои инструменты наготове, чтобы взять их и доставить туда, где они понадобятся, в удобной для переноски корзине    

Плетенька, плетёнка на полу, кто из них опрятнее всех?

Корзины большие, средние и маленькие — у нас есть и мы их все любим! Давайте рассмотрим, как они могут улучшить ваше пространство…

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

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

Подарочные корзины с вином, едой, фруктами и прочим

Идеальный подарок для мамы!

Откройте для себя наши изысканные подарки
, идеально подходящие для
празднования дня рождения мамы. КУПИТЬ СЕЙЧАС

ПОДАРКИ — ПРОСТО

НУЖНА ПОМОЩЬ? ДАВАЙТЕ НАШЕМ ВАМ ИДЕАЛЬНЫЙ ПОДАРОК!

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

ценовой диапазонДо $50$50-$100Более $100

получательДля нееДля него

НАЙДИ ЭТО

ПОДАРКИ НА ДЕНЬ МАТЕРИ
ИДЕАЛЬНЫЕ ПОДАРКИ ДЛЯ ЛУЧШЕЙ В МИРЕ МАМЫ

ДУМАЮ О ВАС

ВИНО И ШАМПАНСКОЕ

ПОДАРКИ ДЛЯ ЗАБОТЫ О СЕБЕ

ПОДАРКИ ДЛЯ БРАНЧА

МАГАЗИН НА ДЕНЬ МАТЕРИ

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

ПОКУПАЙТЕ КОМФОРТНЫЕ ПОДАРКИ

ОТПРАВЬТЕ НЕСКОЛЬКО ЭКСПЕРИМЕНТАЛЬНЫХ ПОДАРКОВ КОМФОРТНАЯ ЕДА, КОТОРАЯ ПОДАРИТ И УДОВОЛЬСТВИЕ

Все Бублик Тост Авокадо

PB&J Classic Pairing

Рис otto and Wine «on» Us

French Toast Breakfast Gift

ПОСМОТРЕТЬ ВСЕ КОМФОРТНЫЕ ПОДАРКИ

ИЗГОТОВЛЕННЫЕ ПОДАРКИ НА ЛЮБОЙ СЛУЧАЙ От празднования дня рождения до сердечных благодарственных подарков и всего, что между ними, наши подарки ручной работы идеально подходят для всех особых случаев жизни.

ПОКУПАТЬ НА ЛЮБОЙ СЛУЧАЙ

ПОКУПАТЬ ПО СЛУЧАЮ ПОСМОТРЕТЬ НАШИ САМЫЕ ПОПУЛЯРНЫЕ ПОДАРКИ

ПОДАРКИ НА ДЕНЬ РОЖДЕНИЯ И ПОДАРОЧНЫЕ КОРЗИНЫ

ПОДАРКИ И ПОДАРОЧНЫЕ КОРЗИНЫ

THAN K YOU ПОДАРКИ И ПОДАРОЧНЫЕ КОРЗИНЫ

ВЫЗДРАВЛЯЙТЕСЬ ПОДАРКИ И ПОДАРОЧНЫЕ КОРЗИНЫ

ПОДРОБНЕЕ

еда объединяет людей

у каждого подарка есть история

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

ПРОЧИТАТЬ ОТЗЫВЫ >

ПОДАРКИ — ПРОСТО

НУЖНА ПОМОЩЬ? ДАВАЙТЕ НАШЕМ ВАМ ИДЕАЛЬНЫЙ ПОДАРОК!

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

ценовой диапазонДо $50$50-$100Более $100

получательДля нееДля него

НАЙДИ ЭТО

добро пожаловать
СЕМЬЕ

День матери

Откройте для себя наши деликатесы
подарки идеально подходят для
празднование мамы.

КУПИТЬ СЕЙЧАС

С 2002 года мы продолжаем радовать вас лучшими подарками. Как семейный бизнес, мы знаем, как важно благодарить
тех, кого ты любишь. Покажите ей, как много она значит, отправив подарок для гурманов. С днем ​​матери!
О НАС >

ПОКУПКА ПО СЛУЧАЮ

ДЕНЬ МАТЕРИ

ДЕНЬ РОЖДЕНИЯ

СПАСИБО

СИМПАТИЧНОСТЬ

ВЫздоравливай

9 0065 КОМФОРТ

КОРПОРАТИВНЫЙ

ПОДАРКИ НА ДЕНЬ МАТЕРИ
ИДЕАЛЬНЫЕ ПОДАРКИ ДЛЯ ЛУЧШЕЙ В МИРЕ МАМЫ

ДУМАЮ О ВАС

ВИНО И ШАМПАНСКОЕ

ПОДАРКИ ДЛЯ ЗАБОТЫ О СЕБЕ

ПОДАРКИ ДЛЯ БРАНЧА

ПОСМОТРЕТЬ ВСЕ

Каждый комфортный подарок позволяет получателю пережить момент, воспоминание и чувство счастья, которые дарит только простая, но вкусная еда. КУПИТЬ СЕЙЧАС

ОТПРАВЬТЕ НЕСКОЛЬКО ЭКСПЕРИМЕНТАЛЬНЫХ ПОДАРКОВ КОМФОРТНАЯ ЕДА, КОТОРАЯ ДВОЙНА БУДЕТ ОПЫТОМ И ПОДАРКОМ

Все Бублик Тосты с Авокадо

PB&J Classic Pairing

Ризотто и вино «on» Us

French To ast Breakfast Gift

ПОСМОТРЕТЬ ВСЕ КОМФОРТНЫЕ ПОДАРКИ

еда объединяет людей ВДОХНОВЛЯЙТЕСЬ ИСТОРИЯМИ НАШИХ КЛИЕНТОВ

ИДЕАЛЬНЫЙ ПОДАРОК ​​

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

ЕЩЕ ПОЛЕЗНЫЙ ПОДАРОК ​​

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

ВЫБЕРИТЕ ЛЮБИМЫЕ МАМЫ >

ВЫБЕРИТЕ САМЫЕ ПОПУЛЯРНЫЕ ПОДАРКИ НА ДЕНЬ МАТЕРИ >

У каждого подарка есть история

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

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

This entry was posted in Популярное