Правильний кошик товарів для сайту
В даний час жоден інтернет-магазин не зможе обійтися без кошика, до якого відвідувачі будуть додавати бажані товари. До певної міри, кошик на сайтах аналогічна кошикам «реальних» магазинів. Відвідувач сайту, як і покупець, поміщає товари в кошик, щоб оформити замовлення. Завдяки кошику на сайті користувач може чітко бачити, аналізувати і систематизувати інформацію про товари та послуги, які він купує, і, тим самим, розподіляти свій бюджет.
Практично всі інтернет-магазини мають власний кошик для оформлення замовлень. Ще на етапах розробки кожен власник сайту наголошує на певних якостях кошиків. Наприклад, хтось прагне зробити дуже гарний дизайн, але забуває про грамотне використання посилань на сайті та про зручність використання елементів взаємодії з відвідувачами, а інші ж, навпаки, роблять відмінний зрозумілий функціонал з потрібними і правильно розташованими кнопками, нехтуючи відповідним оформленням.
У цій статті ми розглянемо рекомендації щодо всіх обов'язкових елементів кошика та приклади для кожного з них.
Основні елементи у кошику. Приклади реалізації.
Інформація про товар у кошику
Поміщений клієнтом у кошик товар повинен містити, як мінімум, такі поля: Назва, Кількість, Ціна, Кнопка: «Видалити це замовлення». Також буде добре виглядати фото, короткий опис, наявність у магазинах та в залежності від специфіки товару деякі його властивості (колір, розмір тощо).
На наведеному нижче малюнку клієнту надана вся необхідна інформація: є фотографія, характеристики, опис, кількість, ціна і кнопка видалення замовлення.
Малюнок 1 — Кошики з повною інформацією про товар
Способи доставки товару
Поле "Інформація про доставку" є дуже важливим. Приділіть йому особливу увагу. Дуже часто користувачі, перш ніж замовити товар, шукають умови доставки. У цьому полі необхідно доводити до відома користувача інформацію про відмінності того чи іншого способу доставки та обов'язково вказувати ціни.
Нижче наведено приклади реалізації.
Малюнок 2 — Кошик із зазначенням вартості доставки
Вказано ціну доставки. Покупцеві надано вибір способів отримання товару. Посилання веде докладну інформацію про доставку.
На малюнку 3 надано всі можливі способи доставки з докладними поясненнями.
Малюнок 3 — Блок вибору способу доставки усередині кошика
Поле для знижок
Поле «Знижки» має надавати користувачеві інформацію про користь покупки. На малюнку 4 вказані ціни зі знижкою та без неї. Це зазвичай мотивує користувачів до дій.
Рисунок 4 — Відображення вартості замовлення з урахуванням знижок
Приклад нижче демонструє реалізацію спеціальних полів: «Клубна картка» та «Промокод». Такі особливості підвищують довіру до магазину.
Малюнок 5 - Наявність спеціальних полів для знижок
Підсумкова вартість замовлення
У цьому полі має бути зазначена остаточна вартість товару. Вона може включати ціну з урахуванням вартості самого товару, доставки, будь-яких знижок і т.д. Не потрібно вводити користувачів в оману, надаючи лише проміжну суму покупки, інакше можна підірвати їхню довіру до Вашого сайту.
На малюнку 6 ми бачимо вартість товарних позицій зі знижкою та без неї з докладним відображенням сум. Така реалізація веде до прозорості угод тапокращує ставлення користувачів до сайту.
Малюнок 6 — Кошик товарів із зазначенням підсумкової ціни
Варіанти оплати замовлення
Необхідно надавати клієнтам можливість вибирати способи оплати (готівковий, безготівковий розрахунок). Для зручності користувачів потрібно інтегрувати до інтернет-магазину різні системи оплати: Visa, Mastercard, Qiwi і т. д. Але не варто використовувати занадто багато систем оплати. Це може заплутати відвідувача, тому краще впроваджувати популярні в регіоні Вашого інтернет-магазину системи.
Далі на малюнку показано приклад реалізації елемента оплати замовлення сторінці кошика. Вказані способи оплати та докладна супутня інформація.
Малюнок 7 — Вибір способів оплати у кошику
Умови та гарантії
Користувачеві буде простіше ухвалити рішення про купівлю, якщо йому нададуть докладну інформацію про гарантії та зобов'язання компанії, що продає йому продукцію.
На деяких сайтах варто приділяти увагу гарантіям та іншим юридичним складникам діяльності інтернет-магазинів. Можна зробити посилання на «Угода користувача», щоб не виникало спірних моментів і розбіжностей між продавцем і покупцем.
Схожі та супутні товари
При покупці користувачеві рекомендується надавати товари, які б доповнили його покупку. Наприклад, на малюнку 9 видно, що при покупці перфоратора за 11223 рубля нам пропонують придбати зубило (809 руб.), Бур (1588 руб.) та інші товари, які можуть бути використані спільно з перфоратором. Варто зазначити, що ціни на супутні товари не повинні лякати користувача. Оптимальна вартість має бути, як мінімум, у 2 рази нижчою від вартості основного бажаноготовару. У прикладі видно, що ціни на супутні товари вплинуть на підсумкову суму незначно і не злякають клієнта. У зв'язку з цим велика ймовірність придбання і таких товарів.
Малюнок 9 — Кошик із пропозицією супутніх товарів
Крім інформації про супутні товари корисно буде розповісти користувачеві і про схожі товари. Розглянемо приклад: клієнт має намір купити портативну акустику, знаходить потрібну товарну позицію на сайті, натискає кнопку купити, але з'ясовується, що цього товару на складі немає. У таких випадках варто пропонувати клієнту схожі товари. Малюнок 10 показує, що портативної акустики сірого кольору немає, але є така ж, тільки чорна. Не факт, що клієнт погодиться купити чорну. Може він все життя шукав саме сіру акустику. Але це поодинокі випадки. В основному велика ймовірність купівлі схожого товару.
Малюнок 10 - Пропозиція подібного товару
Продовження покупки на сайті
Потрібно надати користувачеві можливість вибору: перейти безпосередньо в кошик для оформлення замовлення або залишитися в каталозі продукції для продовження покупок. На малюнку нижче при замовленні товару виринає вікно з можливістю вибору дій для покупця.
Рисунок 11 — Можливість вибору дій у кошику
Завершення замовлення
Після оформлення замовлення клієнту потрібно надати звіт про зроблену ним покупку, надати йому доступ до особистого кабінету з можливістю керування своїм замовленням. У покупця має бути можливість скасувати замовлення, відстежити статус доставки, якщо це необхідно і т.д. Також в особистому кабінеті можна зберігати інформацію про відкладені покупки. На прикладі нижче вказано простий звіт про виконану купівлю зможливістю заходу в особистий кабінет.
Малюнок 12 — Звіт про завершення угоди
Кнопки «Купити» або «Замовити»
Дуже важливим для інтернет-магазинів елементом є кнопка придбання товару та оформлення замовлення. Вони повинні бути присутніми як у каталозі поряд з кожною товарною позицією, так і всередині кошика. Тут варто звертати увагу на графічне оформлення цих кнопок. Вони мають бути помітними та зрозумілими для користувачів. Приклади наведені нижче.
Малюнок 13 — Кнопки для інтернет-магазину
Елементи «Соціальні мережі»
1. Велика чисельність цільової аудиторії,
2. Легкість та зручність подачі новинних презентаційних матеріалів,
3. Постійний зворотний зв'язок відвідувача (клієнта) та адміністратора (продавця).
Трохи про юзабіліті кошиків для інтернет-магазинів
Зважаючи на всі наведені вище елементи кошика, можна наблизитися до появи по-справжньому якісного та корисного для покупців ресурсу. Намагайтеся робити інтуїтивно зрозумілий і приємний інтерфейс кошика, дотримуючись наведених у статті рекомендацій. При цьому навіть якщо всі з перерахованих елементів присутні на сайті, все одно поставте себе на місце покупців, проаналізуйте поведінку людей на Вашому сайті за допомогою інструментів аналітики, прислухайтеся до їх зауважень. Аналізуйте отриману інформацію та використовуйте її для покращення свого інтернет-магазину. Постійних клієнтів та замовлень Вам!