Інтернет-магазин | Юзабіліті-аудит / Україна

1. Мета проєкту

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

2. Етапи проведення юзабіліті-аудиту

Аудит проводився шляхом аналізу поточної версії сайту та розробки рекомендацій щодо оновлення юзабіліті.

 

Методологія:

• Аналіз користувацького шляху: Аудит охоплював ключові сценарії взаємодії з інтернет-магазином, починаючи від першого візиту на головну сторінку до оформлення замовлення. Це включало навігацію по каталогу, пошук товарів, взаємодію з карткою товару, додавання в кошик та процес чекауту.
• Аналіз окремих сторінок та модулів: Особливу увагу було приділено аналізу таких елементів:
  • Хедер (шапка) сайту.
  • Головна сторінка.
  • Сторінки каталогу та категорій .
  • Картка товару .
  • Кошик та сторінка оформлення замовлення.
  • Футер (підвал) сайту .
  • Службові сторінки, частина з яких була відсутня («Про нас», «Контакти», «Порівняння», «Вибране», сторінка 404).
• Платформи: Аудит включав аналіз як десктопної (Desktop/PC), так і мобільної (Mobile/Smartphone) версій сайту, для кожної з яких були надані окремі рекомендації.

 

3. Виявлені проблеми та приклади

В ході аудиту було виявлено 34 проблеми для десктопної версії та 5 для мобільної, які можна згрупувати за такими категоріями:

• Проблеми з навігацією та структурою:
  • • Нелогічне посилання: Посилання у верхній частині сайту вело на домен ranger.ua замість shop.ranger.ua.

  

  • Відсутність ключових службових сторінок: На сайті не було таких важливих розділів, як «Про нас», «Контакти», «Блог», «Порівняння», «Вибране» та інші.
  • Незручне меню каталогу: Основні категорії не були винесені в окремий рядок для швидкого доступу.
  • Відсутність «хлібних крихт»: На сторінках каталогу не було навігаційного ланцюжка, що ускладнювало орієнтацію користувача .
• Помилки в оформленні форм та кнопок:
  • • Недоступність інтерактивних елементів: Контактна інформація в хедері була неклікабельною, що не дозволяло зробити дзвінок або надіслати email одним натисканням.

  

  • • Відсутність функції «Зворотний дзвінок» та «Купівля в 1 клік», що є важливими інструментами для швидких замовлень.

  

  • Перевантажена форма замовлення: Форма містила зайві поля та не дозволяла оформити замовлення без реєстрації .
• Візуальні перевантаження, неправильні акценти:
  • • Неефективна шапка сайту: Завелике поле пошуку та відсутність акценту на кошику.
    • Накладання елементів верстки: Були виявлені візуальні дефекти, коли елементи перекривали один одного .
    • Неінформативний кошик: У хедері відображалася сума, а не кількість товарів, а іконка кошика не змінювала колір при додаванні товару.

  

  • Неоптимальна компоновка головної сторінки: Відсутні важливі блоки, як-от переваги компанії, акційні товари, популярні категорії та товари .
• Бар’єри в мобільній адаптації:
  • • Незрозуміле «бургер-меню»: Навігаційні блоки були нелогічно згруповані та не мали підписів.

  

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

  

  • Незручна верстка: Таби з відгуками та описом відображалися вертикально, а блок схожих товарів вимагав довгого скролу вниз.
• Недоступність важливого контенту або CTA (Call to Action):
  • Відсутність важливої інформації в картці товару: Не було даних про способи оплати та доставки.
  • Відсутність блоку підписки на розсилку на головній сторінці .
  • Неактивні контакти в футері: Телефони та email не були клікабельними .

 

4. Рекомендації

За результатами аудиту було сформовано 39 рекомендацій (34 для десктопної та 5 для мобільної версії) для покращення юзабіліті сайту. У джерелах немає градації за пріоритетністю (високий, середній, низький). Проте, аналізуючи характер зауважень, можна виділити ключові напрямки для першочергової реалізації.

 

Ключові рекомендовані зміни:

1. Оптимізація хедера та навігації:
   • Додати клікабельну контактну інформацію (телефони, email, месенджери).
   • Впровадити функцію «зворотного дзвінка».
   • Змінити акценти в хедері: зменшити пошук, виділити кошик, додати іконки «вибране» та «порівняння».
   • Переробити меню каталогу, винісши основні категорії в окремий рядок з іконками.
2. Створення та наповнення відсутніх сторінок:
   • • Створити ключові службові сторінки: «Про нас», «Контакти», «Порівняння», «Вибране», «Блог».
     • Розробити брендовану сторінку 404 помилки .

   

3. Покращення процесу покупки:
   • • Додати функцію «купити в 1 клік» у картці товару та кошику.
     • Реалізувати можливість авторизації через соцмережі (Facebook/Google).

   

   • • Спростити сторінку оформлення замовлення: розділити на кроки, прибрати зайві поля, дозволити покупку без реєстрації .

   

   • • Оновити сторінку кошика, додавши блок рекомендованих товарів для збільшення середнього чека .

   

4. Оптимізація для мобільних пристроїв:
   • • Переробити «бургер-меню», зробивши його логічним та зрозумілим.

   

   • Змінити порядок блоків на сторінці товару, щоб ключова інформація (назва, ціна) була видна одразу.
   • Адаптувати верстку для комфортної взаємодії з кошиком та оформленням замовлення з телефону.

 

Візуалізація рекомендацій щодо оновлення елементів сторінок та форм сайту.