Юзабіліті маркетплейсу: як покращити?

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

Основне завдання юзабіліті – визначати ступінь зручності, задоволеності та результативності при взаємодії людини з різними системами, включаючи додатки, сайти та інтернет-магазини. Не важко здогадатися, що юзабіліті безпосередньо впливає на конверсію. Чим краще юзабіліті інтернет-магазину, тим більше покупців він має. Саме тому дана тема викликає неабияке зацікавлення.  
Основний принцип юзабіліті
Гуру юзабіліті Стів Круг ще в 2000 році сформулював, можливо, найголовніший принцип зручності користування, який звучить буквально так: «не змушуйте мене думати». З того часу минуло більше 20 років, але ця рекомендація актуальності анітрохи не втратила. Більшість відвідувачів інтернет-магазинів – це досвідчені користувачі, які вже звикли до певних угод і умовностей. Накопичений досвід дозволяє їм взаємодіяти з сайтом легко, майже «на автопілоті». Якщо ж умовності та угоди з якихось причин порушені, це викликає зайве «тертя», може викликати недовіру і навіть роздратування. А це, безумовно, негативно впливає як на призначені для користувача фактори ранжирування в пошукових системах, так і на корверсіі. До загальноприйнятих угод відноситься, наприклад, наступне:  
  • основна навігація розташована у верхній частині сайту або в боковій колонці зліва;
  • логотип знаходиться у верхній частині сайту зліва;
  • якщо клацнути на логотип, буде завантажена головна сторінка сайту;
  • кнопка кошика супроводжується відповідною іконкою і цифрою;
  • кошик розташований у верхній частині сайту праворуч;
  • кнопки та посилання, на які можна натискати, змінюють колір при наведенні курсору;
  • на слайдерах є кнопки, що дозволяють перегортати слайди вручну. 
  Такі фактори обчислюються сотнями, якщо не тисячами. Якщо вони відповідають очікуванням, тоді сайт, зокрема інтернет-магазин чи маркетплейс, стає насправді комфортним, зручним та інтуїтивно зрозумілим для користувачів. Так, вони вперше зайшли на ваш сайт, але вже прекрасно розуміють, де і як їм знайти необхідну інформацію, як скористатися тим чи іншим сервісом або функцією, як оформити покупку і оплатити товар.     Юзабіліті починається саме з цього. Треба ретельно перевірити кожну деталь сайту на відповідність очікуванням, на дотримання всіх значущих умовностей та угод. Проблема юзабіліті на цьому рівні може виникнути з двох причин. Або розробник інтернет-магазину не має достатньої кваліфікації і досвіду, в зв'язку з чим ряд функцій на сайті можуть проявляти себе не зовсім так, як того очікують користувачі. Або, що зустрічається набагато частіше, власник сайту не зміг знайти баланс між оригінальністю і звичністю, намріяв зробити щось особливе, видатне, що допоможе виділитися з-поміж конкурентів. Та  найчастіше це призводить до неефективних рішень.     З точки зору юзабіліті ефективний інтернет-магазин на 95% повинен бути схожим на будь-який інший типовий інтернет магазин. Решта 5% – це в основному стилістична оригінальність, що також необхідна, аби магазин не виглядав вторинно і нудно.  
Простота та читабельність
Відповідність очікуванням користувачів – це важлива, базова складова юзабіліті, та далеко не єдина. Є й інші принципи, що довели свою актуальність і дієвість. Більшість з цих принципів засновані на багаторічних дослідженнях і строгих тестах. Розглянемо два найважливіших з них. 

Читабельність

Добре оформлений і структурований текст легко читати. Він сприймається практично без зусиль, як би «сам собою». Очі легко ковзають рядками і знаходять корисну інформацію. Та справа не тільки або навіть не стільки в відсутності надмірних зусиль і комфорті. Головне, що слід взяти на замітку, типографіка впливає не тільки на те, як ми читаємо, а й на те, як ми ставимося до тексту і до того, про що в ньому йдеться. Для будь-якого комерційного сайту цей факт є дуже важливим. Останнім часом часто можна зустріти сайти і зокрема інтернет-магазини, що  надмірно захоплюються підходом mobile first або progressive enhancement (прогресивне поліпшення). Це підхід, згідно з яким сайт розробляють в першу чергу для мобільних пристроїв і тільки потім адаптують його під великі екрани. Сам по собі цей підхід цілком справедливо визнають  правильним, однак при неякісному виконанні він нерідко призводить до абсолютно нечитабельних текстів з величезними шрифтами.    З іншого боку, дрібний шрифт (правда, зустрічається це набагато рідше) призводить до появи так званих «цеглин» – текстів із занадто довгими рядками, що також важко читати. Часом не відразу зрозуміло, на який саме рядок треба перейти після прочитання попереднього. Звичайно, це екстремальні приклади. Більшість інтернет-магазинів все ж намагаються досягти якихось оптимальних значень. Причому існують цілком конкретні правила:  
  • Ідеальна довжина рядка для великих моніторів близько 60 символів;
  • На одному рядку має бути близько 8-10 слів;
  • Для мобільних пристроїв оптимальна довжина рядка близько 40 символів;
  • Висоту рядка розраховують за формулою: висота рядка = розміру шрифту*1.5;
  • Оптимальний розмір шрифту 16pt;
  • Шрифт має бути достатньо контрастним;
  • Легше для сприйняття чорний текст на білому фоні;
  • Краще вибирати шрифт без зарубок, наприклад Roboto або Verdana;
  • Не слід використовувати на сайті більше 3-х різних шрифтів.
 

Простота

Ще один важливий принцип, що дозволяє поліпшити юзабіліті інтернет-магазину – прагнення до простоти і мінімалізму. Найбільш наочно цей принцип можна показати, мабуть, на прикладі фільтрів товарів і формі оформлення замовлення. Припустимо, ми маємо справу з інтернет-магазином комп'ютерної техніки. У розробника може виникнути бажання вивести на сторінку фільтри по усім  наявним в базі характеристикам, що надасть потенційним покупцям максимум можливостей по вибору і сортуванню. Адже більше – це краще? Не зовсім. В основному, потенційні покупці не бажають розбиратися в таких «тонкощах» як тактова частота CPU, таких показниках оперативної пам'яті як tRCD і tRAS, або чим конкретно відрізняються сокети AM3 від AM4. Якщо звичайний користувач натрапить на сайті на такий нелегкотравний список опцій, він просто закриє сторінку і ніколи більше до неї не повернеться. Замість цього краще запропонувати користувачам вибір з більш простих опцій:  
  • комп'ютери для простих завдань;
  • для офісних додатків;
  • для ігор і медіа-розваг;
  • для обробки відео;
  • інші.
  Більш «просунуті» фільтри, зрозуміло, також потрібні, та їх краще розмістити внизу, або взагалі велику їх частину приховати за спойлером і залишити для «гиків». Ще краще, коли крім технічних характеристик, наприклад, у ігрового комп'ютера буде вказано перелік популярних ігор, які на середньому налаштуванні видаватимуть близько 60 кадрів в секунду. Якщо це комп'ютер для обробки відео, можна вказати, скільки часу на тій чи іншій збірці потрібно, наприклад, для накладення популярних фільтрів на ролик в дозволі 4K і тривалістю 10 хвилин в програмі Premiere Pro. Дуже часто це все, що хоче знати користувач. Якщо подібна інформація буде саме у вашому інтернет-магазині і за відсутністю її у конкурентів, вибір, кому віддати перевагу, буде очевидним. Причому реалізувати подібне не так складно. Скрипт може автоматично сортувати товари на основі вже наявних в базі характеристиках цих товарів.     Зрозуміло, все вищесказане про спрощення повною мірою стосується практично будь-яких інших категорій товарів: косметики, одягу, побутової  техніки, туристичного спорядження тощо. Більш того, будь-яких інших складових інтернет магазину. Зокрема це також стосується основної навігації, форми реєстрації, форми оформлення товарів. Чим простішими  вони будуть, тим краще. Єдине важливе уточнення: спрощення не повинно призводити до втрати функціональності сайту. Так, теоретично можна було б взагалі викинути з інтернет-магазину будь-які фільтри товарів. Це було б, безумовно, спрощенням, однак при цьому важлива функціональність буде втрачена. А от спрощення фільтрів і їх часткове приховування під спойлером – зовсім інша справа. Зрозуміліші і дружні фільтри товарів дозволять більшості покупців простіше і швидше досягати своїх завдань, не перевантажуючи себе зайвою інформацією. Це саме те спрощення, до якого слід прагнути.