Тестування кошика в інтернет-магазинах

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

Кошик для покупок – одна зі стратегічних сфер, які необхідно покрити під час тестування. Якщо відвідувачі веб-сайту не можуть додати товари до кошика, у них немає причин залишатися. Отже, випробувальні кейси повинні містити всі види операцій із вибраним елементом. Іншими словами, функціональність кошика для покупок повинна обробляти розрахунки, які іноді є досить складними. Оскільки він визначає ціну кінцевого продукту залежно від виду доставки чи інших послуг, безперебійне функціонування кошика для покупок має вирішальне значення.

Для початку слід перевірити деякі аспекти з його зовнішнього вигляду.

Розташування

Більшість користувачів не в перший раз відвідують інтернет-магазини. І вони очікують на певне розташування елементів зі стандартними наборами функцій. Тому не варто ігнорувати так званий «користувацький досвід». 

Для початку слід визначити місцезнаходження кошика. Зазвичай, стандартне його розташування (там, де його очікує побачити потенціальний клієнт) – правий верхній куток. Тому не слід намагатися бути оригінальним у цьому, адже конкуренція серед інтернет-магазинів дуже велика і навіть витрачені секунди на пошук кошику можуть скласти негативне враження від взаємодії з сайтом.

Розташування кошика на сайті інтернет-магазину «Розетка»

Розташування кошика на сайті інтернет-магазину «Алло»

Випадаючий блок (міні-кошик)

Кожен покупець хоче бачити повну інформацію про своє потенційне замовлення та бажано в одному місці, не блукаючи сайтом в процесі збору даних. Саме тому значок кошику має відображатись на будь-якій сторінці сайту та показувати поточну кількість доданих товарів до нього. При наведенні або натисканні на кошик гарним тоном буде продемонструвати користувачу:

• вміст кошику (позиції з фото, ціни та їх кількість);
• можливість змінити кількість товару або зовсім його видалили;
• сумарну вартість товарів;
• кнопку для підтвердження/оформлення замовлення.

Випадаючий блок кошику з необхідною інформацією

Та перш ніж залучати будь-який трафік до свого магазину електронної комерції, найкраще перевірити, чи вірно реалізовані такі функції:

Додавання товарів

1. Додати один товар у кошик. Щоб у користувача не було питань щодо виконаної дії, краще реалізувати її певне візуальне підтвердження. Це може бути спливаюче повідомлення, змінена кнопка або інший ефект. Головне, щоб юзер без зайвих операцій розумів наслідок своїх дій.

Зміна кнопки після додавання товару до кошику

2. Збільшити кількість товару та додати декілька у кошик. В рамках цієї перевірки також можна спробувати додати невалідну кількість товару (від’ємне число, нуль, занадто велику кількість і та ін.).
3. Додати один і той же елемент кілька разів. Гарним тоном буде, якщо спливаюче повідомлення нагадає користувачу, що даний товар вже знаходиться у кошику, і чи дійсно юзер хоче додати ще один. Звісно, що в корзині додані елементи повинні правильно вираховувати кількість та підсумкову вартість замовлення.
4. Додати кілька елементів різних типів. Перевірити, що всі товари дійсно знаходяться в кошику та розрахована вартість.
5. Чи є на сайті продукти з обмеженим доступом? Це можуть бути, наприклад, продукти для покупців, які старші вісімнадцяти років. Слід переконатися, що існує перевірка на повноліття та інформаційне сповіщення.

Також у кожному з перерахованих випадків варто переконатися, що правильний товар з’являється у кошику, відображається вся необхідна інформація та посилання.

Зміна кількості товарів

Певний товар вже лежить у кошику. Тепер треба відредагувати кількість товару з дійсними та недійсними кількостями (лише пробіли, від'ємні значення, 0, символи тощо). Переконайтеся, що кількість позицій успішно змінено, якщо користувач дає валідне значення, інакше повинно відображатися попереджувальне повідомлення.

Спливаюче вікно зі зміною кількістю товарів

Видалення товарів

Видаліть один товар з кошику. Повинно з’явитися поп-ап вікно для підтвердження дії (щоб уникнути можливості випадкового натискання кнопки). Потім видаліть декілька товарів. Переконайтеся, що зникли саме ті товари, які були вилучені. Кількість та вартість товару у кошику змінюється відповідно до дій. 

Видаліть усі товари з корзини.

Кнопка для видалення товару

Оформлення замовлення

На даному етапі слід перевірити наступні функції та можливості:

• переконатися, що користувач може отримати доступ до сторінки оплати лише після додавання товару до кошика;
• доступні та такі, що функціонують, кілька способів оплати;
• наявні способи та вартість доставки;
• підсумкова сума до сплати розрахована правильно, включає у себе вартість доставки, податки та ін.;
• доступне відстеження стану замовлення;
• сторінка контактів є видимою та легкодоступною;
• перемикач валют стане дуже корисним інструментом на сторінці оплати;
• оформлення замовлення, двічі натиснувши кнопку «Надіслати» (як реагує система, чи відображаються відповідні сповіщення);
• чи може користувач зробити своє замовлення у подарунок іншій людині (подарункове повідомлення, плата за пакування).

Оформлення замовлення

Промокод/подарунковий сертифікат/бонуси

1. Виберіть товар і застосуйте промокод під час оформлення замовлення, ввівши дійсний код купона зі знижкою у вказане поле. Переконайтеся, що сума купона зі знижкою правильно вираховується під час оплати.
2. Введіть той самий промокод ще раз (який раніше вже використовувався) під час оформлення замовлення. Переконайтеся, що відображається інформативне повідомлення.
3. Перевірте недійсний код промокоду. Відповідне сповіщення також повинне з’являтись користувачеві.
4. Зробіть замовлення, де знижка/сума сертифікату більша за все замовлення (як вираховується загальна сума, чи є повідомлення про невикористаний залишок).

Блок для введення промокоду

Каса гостей

Краще не надавати можливість оформити замовлення незареєстрованому користувачеві, адже до аккаунту, наприклад, можуть бути прив'язані різні транзакції. Таку інформацію не можна видаляти з бази. Навіть сам користувач з часом може захотіти подивитися куди він витратив гроші. Збереження таких даних може допомогти у вирішенні будь-яких спірних питань та у судових процесах. Тому тут треба перевірити, що користувачеві має бути показана сторінка кошика з усіма способами оплати та доставки, і вона повинна запитувати вхід користувача. Гарним рішенням буде автоматична реєстрація або вхід через соціальні мережі.

Доставка

Тут слід врахувати наступні моменти:

• переконайтеся, що лише зареєстровані користувачі мають доступ до сторінки адреси доставки;
• ім’я, адреса вулиці, місто, штат, країна, поштовий індекс є обов’язковими полями на сторінці адреси доставки;
• повідомлення про помилку відображається, коли користувач вводить недійсні значення в одне, декілька або всі обов’язкові поля на сторінці адреси доставки;
• перевірте, що посилання «Назад до кошика» доступне, щоб користувач міг змінити вміст кошика або іншу інформацію, якщо це необхідно;
• статус замовлення (товар передано на склад для пакування/в процесі доставки/замовлення прибуло на вказану адресу тощо).

Вибір способу доставки

Оплата замовлення та платіжні системи

Платіжна система – це ще один необхідний план тестування веб-сайту електронної комерції, оскільки вона в значній мірі визначатиме майбутній дохід. Ось чому потрібно вмикати на веб-сайтах електронної комерції кілька варіантів оплати, таких як кредитні картки, PayPal, послуги оплати за допомогою мобільних пристроїв, подібні до ApplePay, GooglePay тощо.

Переконайтеся, що ім’я, номер картки, дата закінчення терміну дії, CVV2 є обов’язковими полями на сторінці оплати, а повідомлення про помилку відображається, коли користувач вводить недійсні дані в поля або залишає їх пустими.

Вибір способу доставки

Думати як користувач

Передбачте всі варіанти розвитку подій. Якщо юзер може що-небудь зламати, він обов'язково це зробить. Тому тестуйте кошик, комбінуючи різні варіанти: з реєстрацією і без; з ПК і мобільного девайсу; з вибором різних способів доставки, оплати та інших опцій. Тільки так можна знайти функціональні і логічні помилки. А якщо вони є, їх обов'язково знайдуть реальні покупці, що може призвести до втрати замовлень, а, відповідно, і доходу.

Додаткові опції

Для більш вдалої торгівлі можна сайт доповнити деякими допоміжними функціями. Наприклад:

• блок супутніх товарів. Дуже добре працює варіант комплекту, коли два і більше товарів зі списку рекомендацій + вже додані в кошик обійдуться покупцеві трохи дешевше, ніж окремо. Зверніть увагу: товари повинні бути дійсно супутні. Якщо клієнт додав ноутбук, не потрібно йому рекомендувати купити повербанк або фен. Запропонуйте йому, наприклад, комп'ютерну мишу.
• Подарунки (при замовленні вище певної суми, самостійний вибір подарунка покупцем, безкоштовна доставка і та ін). Це не тільки покращує конверсію, а й збільшує середній чек.
• Зберігати товари користувача за допомогою cookies. Причин, за якими покупець залишив кошик, так і не оформивши замовлення, може бути маса. Згадати про незавершене замовлення він може як через годину, так і через кілька днів. Не змушуйте потенційного клієнта починати збирати кошик заново.

Супутні товари

Сайтів електронної комерції з’являється все більше, кожен з них намагається залучити до себе як найбільше клієнтів усіма доступними методами. Тому користувачі стають більш примхливими та вимогливими, кожна дрібниця може відбити намір надалі взаємодіяти з вашим сайтом і покинути його, не довівши справу до кінця. Всі етапи оформлення замовлення в інтернет-магазині надзвичайно важливі, адже покупець довіряє вам свої гроші. Уважно перевіряйте кожну можливу і неможливу дію, враховуйте користувацький досвід, не будьте занадто суворими за допущені помилки, зробіть сайт максимально персоналізованим, щоб юзер почував себе комфортно. Дбайливе ставлення до клієнта обов’язково принесе свої дивіденди.