UX в e-Commerce: 3 позитивних і негативних дизайн-тренда

       Примітка перекладача: Nielsen Normann Group є однією з провідних дослідницьких організацій в області UX і юзабіліті, випускаючи дуже цікаві звіти. Саме тому ми вирішили перевести одне з останніх досліджень, пов'язаного насамперед з UX в електронній комерції. Приємного читання!
 
 
Саммарі : В ході недавнього дослідження ми виявили деякі поліпшення в сфері UX інтернет-магазинів. Серед них виявилися б про льшие товарні зображення, більш інформативні огляди та описи, а також спрощення систем отримання знижок. З іншого боку, навіть у новому дизайні на багатьох сайтів важко знайти інформацію про продукт, самі сайти не дуже «чуйні» і захаращені непотрібними елементами.
Зараз ecommerce-сайти більше уваги приділяють описам товарів та їх фото, полегшують навігацію в тих місцях сайту, які присвячені питанням отримання знижок і купонів — все це допомагає користувачам здійснювати покупки.
 
 image
 
Однак, були виявлені і деякі нові проблеми, на зразок мінімізації або приховування опису товару та інших деталей. Зберігається і стара проблем — на величезній кількості сайтів інтернет-магазинів неможливо зрозуміти, доданий чи тоара в корзину. Ще з нових трендів помилок — звідкись пішла мода на забивання зони клієнтського обслуговування на таких сайтах непотрібною інформацією.
 
Для початку давайте поговоримо про позитивні тенденції і тренди.
 
 

Великі ізораженія товарів

Цьому кілька причин — свою роль зіграв і той факт, що постійно збільшуються самі екрани і їх дозволу, та й поступово приходить усвідомлення того, що це позитивно позначається на юзабіліті.
 
Ізображеняі на сторінках продуктів стали більше, завдяки чому можна розгледіти товар більш детально. Всім відомо, що на сайті інтернет-магазину одна картинка може замінити тисячу слів, а хороша картинка може принести тисячі доларів. За допомогою зображень потенційні клієнти можуть дізнатися про товар те, що не вказано в його описі — наприклад, чи достатньо великі отвори в конкретному тостері для приготування підсмажених булочок або туди влізуть тільки звичайні скибочки хліба.
 
На сторінках категорій товарів зображення також стали більше, що допомагає користувачеві краще орієнтуватися в асортименті і купувати саме те, що потрібно.
 
 image
 
При всьому при цьому важливо вказати на два момент. Перший — картинки повинні бути не схожі на рекламні банери, інакше вони будуть проігноровані. Другий — зображення з фотостоків можуть принести більше шкоди, ніж користі. Коли мова йде про використання великих зображень, мається на увазі, що це мають бути зображення реальних товарів (включаючи зображення їх реального використання).
 
 Прим. перев: У Росії невеликі інтернет-магазини, які не володіють достатніми ресурсами для створення якісного eCommerce-контенту, можуть підключатися до спеціальних b2b-порталам , об'єднуючих постачальників товарів і надають їх якісні описи та фото.
 
 

Більш якісні огляди

Обзорви товарів можуть допомогти потенційним покупцям дізнатися більше про якість товару і про те, як їм найкраще користуватися. Огляди можуть розсіяти багато сумніви щодо доцільності покупки, тому що вони пишуться з точки зору реальної людини, який хотів, купив і використовував цей конкретний продукт. Тому наявність оглядів необхідно, але ефект від них можна ще підсилити, додавши трохи додаткової інформації або об'єднавши дані з декількох з них по якомусь критерію.
 
Багато сайтів додають в огляди додаткові важливі деталі начебто інформації про людину, яка написав огляд (стать, вік) або конкретний параметр, за яким проводилася оцена товару кшталт розміру або якості. Крім того, часто користувачі можуть оцінити якість огляду, виставивши йому оцінку. Потім огляди можна підсумувати, об'єднавши в різні категорії позитивних і негативні або навіть виносити цитати з найпопулярніших оглядів на сторінку з описом товару.
 
Така додаткова інформація може допомогти користувачам краще зрозуміти плюси і мінуси продуктів, врахувати думки різних людей. Деталі про автора огляду також дають можливість зіставити цінність відкликання з власною ситуацією користувача (навряд чи молода дівчина буде сильно прислухатися до думки умовного 50-річного чоловіка), а обехедіненіе обзорв у разі великої їх кількості, допомагають краще зрозуміти загальні настрої покупців і виділити сильні і слабкі сторони товару.
 
 image
 
 

Використання купонів

У минулому часто спостерігалася ситуація, коли користувачам було дуже нелегко скористатися кодами і купонами для отримання знижок на сайтах інтернет-магазинів. Тепер багато стали замислюватися над поліпшенням користувацького досвіду в цьому напрямку. Зокрема, все більшого поширення набуває автоматичне надання знижки тим відвідувачам сайту, які відповідають певним вимогам. Також стає простіше ввести вже отриманий код або купон — деякі сайти дають можливість зробити це ще за кілька кроків до виходу на сторінку фінальної оплати товару.
 
 image
 
Підхід, коли в гонитві за збільшенням прибутку, інтернет-магазини ускладнюють користувачам процес отримання знижки, може призводити до збільшення числа незадоволених клієнтів, а значить і до зниження продажів. І навпаки — якщо знижкою можна скористатися легко і без проблем, то люди цілком можуть захотіти витратити на ньому ще більше грошей, щоб, наприклад, отримати право на безкоштовну доставку (її логічно пропонувати після певної витраченої суми).
 
Ми обговорили позитивні тренди в UX інтернет-магазинів, але не все так гладко, і існують і негативні моменти. Отже, що ж погано на даному напрямку?
 
 

Маленькі і приховані описи продуктів

На все більшій кількості інтернет-магазинів описи продуктів зникають. Їх розташовують у таких кінцях веб-сторінок, куди користувачеві не так-то просто дістатися, часто опису відокремлені від зображень самих товарів, приховані за різними посиланнями і стиснуті в невеликі рамки на сторінці. Можливо, тут ми спостерігаємо вплив мобільного дизайну на розробку десктоп-сайтів, виражене в прагненні до створення лаконічного контенту, який добре видно на екранах різного розміру.
 
З іншого боку — зростання зображень товарів, який ми відзначали як позитивний момент вище, не може відбуватися за рахунок зменшення блоків з їх описом. Ця інформація відповідає на такі важливі питання, як ціна, плюси, гарантія, матеріали та розміри продаваного продукту. Так, опис з 1000 слів не обов'язково має бути першим, що бачать користувачі, що потрапляють на сторінку, але воно вже точно має бути легкодоступною.
 
 image
 
Інформацію про продукт на сайті можна відображати шарами. Якщо необхідно економити місце, то його все одно має вистачити на короткий опис у верхній частині сторінки з посиланням на більш розгорнутий опис, яке має бути чітким і зрозумілим. Користувачі в будь-якому випадку будуть шукати детальну інформацію про продукт, так що у вас немає завдання вивалити на них відразу всі дані, але найважливіші питання потрібно обов'язково висвітлити.
 
 

Додавання товарів у кошик

Користувачі не повинні ворожити, додався чи товар у кошик. Це так очевидно, що кількість сайтів, які не можуть розібратися з цим елементом, просто вражає.
 
Це найважливіша річ — користувачі не хочуть прочісувати сторінку вздовж і поперек, щоб точно зрозуміти, чи вдалося їм покласти товар у кошик. Ця дія має здійснюватися швидко, чітко і бути однозначно зрозумілим.
 
Зворотний зв'язок про додавання товару в кошик можна реалізувати безліччю способів — від оверлею до модальних вікон. Що точно тут не працює, так це додавання на сторінку додаткової рядки тексту або відображення лічильника товарів поруч з іконкою самого кошика в кутку сторінки. Ці зміни більшість людей просто не помітить.
 
Неясність з моментом додавання товару в кошик може вести до самих різних сумних наслідків. Наприклад, користувач може перервати процес покупки і піти перевіряти кошик, щоб переконатися, що там є, що оплачувати. Хтось може додати в неї товар два рази, замість одного, а потім, виявивши це, звинуватити магазин в спробі обману. Це веде до втрати репутації і клієнтів.
 
Ось приклад невдалого рішення:
 
 image
 
 

Заплутані сторінки з контактними даними

Багато eCommerce-сайти з часом стають легше і зрозуміліше. Це враження триває рівно до того моменту, як ви не зайдете на сторінку, що містить інформацію про контакти для клієнтів — більшість таких сторінок абсолютно незрозумілі, заплутані і перевантажені інформацією.
 
Якщо користувач йде на сторінку контктов, це означає, що він вже зіткнувся з якоюсь проблемою чи хоче поставити запитання. Яке ж повідомлення ви посилаєте своїм користувачам, якщо всі сторінки, пов'язані з отриманням від них грошей, вичищені і прилизане до ідеального стану, а ті, що посвещяни питань спілкування з ними — каламутні і незрозумілі?
 
Раз вже інтернет-магазини приділяють стільки уваги дизайну основної частини своїх сайтів, то не варто забувати і про менш важливі на перший погляд (але тільки на перший!) Сторінках, за допомогою яких користувачі зможуть задати вам питання, отримати вичерпну відповідь і купити що- небудь. Якщо ж дизайн основного сайту не відповідає зовнішньому вигляду сторінки з контактами, це може заплутати користувачів і посіяти сумніви в адекватності представленой на сайті інформації.
 
Ось яскравий приклад такої ситуації. Сторінки товарів на сайті FootLocker ясні, зрозумілі, там багато вільного місця, великі картинки і добре читається текст.
 
 image
 
Все зовсім не так на сторінці з контактами:
 
 image
 
 

Висновки

Ми вивчаємо юзабіліті сайтів електронної комерції з 2000 року і при підготовці кожного нового звіту ясно бачимо, що сформульовані багато років тому рекомендації застосовні і при оцінці сучасних версій сайтів інтернет-магазинів. У загальному і цілому, можна стверджувати, що, незважаючи на певні поліпшення, eCommerce-сайтам ще є над чим попрацювати — дуже багато старі проблеми досі залишаються невирішеними, крім того, до них додаються і деякі нові.
  
Джерело: Хабрахабр

0 коментарів

Тільки зареєстровані та авторизовані користувачі можуть залишати коментарі.