20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

1. Використовуйте з розумом фільтри та інструменти сортування

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

Як інструмент сортування можна додати відгуки клієнтів.

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

Для вибору за ціною іноді корисно використовувати «повзунки».

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

2. Не виносьте порівняння на бічну частину сторінки сайту

В іншому випадку панель порівняння потрапить в зону «банерній сліпоти».

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

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

3. Потрібно мати чіткий «заклик до дії» (call to action) поряд з чек-боксом

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

Тримайте ці заклики до дії, по можливості, в поле зору користувача.

5. Забезпечте візуальну зворотний зв'язок, коли елемент буде додано до таблиці порівняння

Ми очікуємо візуальну зворотний зв'язок, коли ми додаємо товар в корзину, або, як в даному випадку, в порівняльну таблицю. Зробіть це настільки очевидним, щоб уникнути плутанини.

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

6. Запропонуйте порівняти товари на сторінці пошуку

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

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

таблиці порівняння

7. Зробіть кнопку «Закрити» очевидною

Як і у випадку з будь-яким лайтбокси, дизайн кнопки «Закрити» повинен бути очевидним.

8. Використовуйте великі зображення товарів

Клієнти дуже швидко забувають, що вони вибирали. Дозвольте їм згадати свій вибір за допомогою гарної картинки.

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

Vodafone, наприклад, йде далі цієї ради і показує кілька зображень при наведенні курсору миші.

9. Зробіть картинку інтерактивної

Дивно, але деякі таблиці порівняння включають в себе зображення, які не є інтерактивними.

10. Увімкніть «зоряний» рейтинг

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

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

11. Зробіть ціни помітними

Демонструйте ціну всюди, де це доречно, навіть якщо це «від [ціна]».

12. Зробіть кнопку «Додати в корзину» помітною

Уникайте білих і сірих кнопок. Як і будь-який заклик до дії, зробіть кнопку «Додати в корзину» або «Вибрати» помітною.

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

Розміщуйте ці кнопки, як у верхній, так і в нижній частині таблиці.

14. Використовуйте зрозумілі інструменти для редагування таблиці

Потрібно, щоб з таблиці порівняння легко було видалити непотрібні товари і додати при необхідності нові.

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

На деяких сайтах при повторному поверненні до таблиці порівняння всі попередні результати стиралися. Слідкуйте, щоб цього не сталося.

15. «Друк / Зберегти» і функція «Надіслати email»

16. Опція «Згорнути / Розгорнути»

Довгі таблиці з великою кількістю інформації важко сприймати. Потрібно надати можливість розгортати та згортати ряд опцій (для відображення і приховування інформації).

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

Посилання потрібно робити очевидним і інтерактивними.

17. Приховайте подібності або виділіть підсвічуванням відмінності

Ця функція підкреслює дійсно різні варіанти.

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

18. Додайте підказки

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

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

19. Перетворення одиниць вимірювання (при необхідності)

Якщо ваш магазин працює в декількох країнах, подбайте про те, щоб одиниці виміру (грами, сантиметри і ін.) Відбивалися коректно і відповідали прийнятої в даній країні системі.

20. Лайтбокс повинен мати скролл

Для довгих сторінок інформації смуга прокрутки допомагає клієнтам зіставити атрибути товару.

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

Вам також будуть цікаві статті:

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2

20 Рад як налаштувати порівняння товарів без шкоди для юзабіліті, інтернет-продажу 2