Щодня в інтернеті з'являється безліч сайтів, більша частина з яких мають комерційний характер. Створені вони для того, щоб отримувати прибуток. Але часто буває так, що всі вкладення в подібний проект не окуповуються, і причиною тому є відсутність зручності та зрозумілості на сайті. Саме тому сьогоднішня "Лабораторія вебу" присвячена темі найпоширеніших і найнебезпечніших помилок юзабіліті, які стоять на шляху у високих показників конверсії.
Ольга Горенко (керівник українського UsabilityLab)
Єдиний юзабіліті-фейл, який вартий постійної уваги - це незнання свого користувача.
Можна навчитися розставляти кнопки та посилання, однак це не виділить ваш сайт (і бізнес) із загальної маси в Мережі. Найважливіше досягнення - розуміння свого відвідувача, споживача, і надання йому сервісу на підставі його потреб і сценаріїв взаємодії з вашим бізнесом.
Якщо замислитися, то різниця очевидна: динамічні підлітки, які живуть у Гуглі та Вконтакті, споживають інформацію відмінно від 35-річних людей, чиє життя в Мережі розпочалося вже під час першої роботи й обмежується робочим софтом і новинними ресурсами. У них різні завдання, у них різний досвід, у них різна манера і швидкість зчитування інформації.
Найважливіше досягнення - розуміння свого відвідувача, споживача, і надання йому сервісу на підставі його потреб і сценаріїв взаємодії з вашим бізнесом.
Важливо пам'ятати про це і почати роботу над інтерфейсом із фокусування на одному із сегментів своєї ЦА. Зрозумівши і задовольнивши їхні потреби, можна розширювати кут зору і переходити до мистецтва поєднання потреб різних людей і пріоретизації інформації, функціоналу, сервісів для них.
Андрій Чеботарьов (Lead UX designer у компанії AltexSoft)
Більшість фейлів при створенні інтерфейсу з'являються, коли аналітик або дизайнер не думають про людей, які ним користуватимуться.
Часто дизайн продумують і малюють зі своєї суб'єктивної точки зору, яка найчастіше не збігається з точкою зору цільових користувачів. При цьому не беруться до уваги деякі важливі особливості, цілі та завдання юзерів.
Найсерйозніші фейли виникають у тих випадках, коли інтерфейс малюють у вигляді послідовності екранів, не думаючи про процес взаємодії з ними. У таких випадках виникає дизайн, який, з одного боку, задовольняє всі вимоги і завдання, але водночас він абсолютно незручний для користувача.
Потрібно не просто малювати дизайн, а постійно продумувати, як користувач з ним взаємодіятиме, як він переходитиме з одного екрана в інший, як повертатиметься назад, як шукатиме потрібну інформацію, як виконуватиме ті чи інші дії. У такому разі не буде проблем із заплутаною і складною навігацією, нелогічними елементами управління, складними формами, відсутністю відповідної реакції від системи тощо.
Завжди необхідно намагатися відчути себе в ролі цільового користувача і перевіряти інтерфейс на виконання всіх завдань. Але не варто забувати, що аналітик, дизайнер або замовник у жодному разі не є цим самим цільовим користувачем. Тому найважливіші моменти варто тестувати на реальних користувачах.
Потрібно не просто малювати дизайн, а постійно продумувати, як користувач буде з ним взаємодіяти.
Резюмуючи, можна сказати, що для того, щоб вийшов гарний інтерфейс, необхідно чітко розуміти, хто ним користуватиметься, які цілі та завдання він вирішуватиме, і найголовніше, як буде побудовано процес взаємодії з ним.
Володимир Боцман (UX-проектувальник та інформаційний архітектор у компанії Promodo)
7 головних фейлів інтернет-магазинів у юзабіліті:
1 Лабіринт категорій
Зазвичай виникає через відсутність фасетних фільтрів. Цим дуже часто грішать молоді магазини. Коли кожна модифікація або тип товару виділяється в окрему категорію або підкатегорію. Коли асортимент невеликий, це не створює проблем, але він зазвичай швидко зростає. Людині, яка бачить магазин уперше, чотири рівні вкладеності категорій підірвуть мозок.
2 Складна форма замовлення
Поширена помилка - це окремі поля для імені, прізвища та по батькові. Мало того, що це не зручно, так ще й безглуздо. Ось навіщо магазину по батькові покупця? А що страшного станеться, якщо клієнт напише не "Петя Іванов", а "Іванов Петя"? Нічого. Роздута форма замовлення і багатокрокове оформлення - хороший привід пошукати інший магазин.
3 Погана фотографія товару
Навіть за мінімальної підготовки сфотографувати власний товар можна швидше, ніж знайти його фотографію в інтернеті. А якісні та великі фотографії збільшують кількість покупців.
4 SEO-текст на місці тексту для людей
Без SEO не обійтися, хороша оптимізація безпосередньо пов'язана з успішністю і відвідуваністю магазину. Але SEO - це не самоціль. Частина клієнтів не побачить за текстовим сміттям привабливих картинок і потрібної інформації. Збільшивши кількість відвідувань, зменшивши при цьому конверсію, ви отримаєте результат, близький до нуля.
5 Сторінка "Про нас" або "ми, ми, ми..."
Якщо ви не компанія з віковою традицією (що навряд чи), то розділ "Про нас" читатимуть тільки пошукові роботи і власник магазину. "Ми вже 10 років на ринку натяжних виробів із пластику" і "лідери ринку в Черкаській області" - це не та інформація, яка впливає на лояльність покупців або кількість продажів. Зручний каталог товарів і хороші умови доставки скажуть про вашу компанію більше, ніж 10 розділів "Про нас".
6 Кошик у незвичному місці та "оригінальне" меню
Шапка, кошик і головне меню - це не ті місця, де потрібно проявляти креатив і оригінальність. Тут усе має бути звично, зрозуміло, і навіть нудно. Якщо дуже хочете виділитися серед конкурентів - замовте фірстиль у професіоналів.
7 Посилання "Купити" замість кнопки
За інших рівних умов на кнопки натискають частіше, ніж на посилання. На великі та яскраві кнопки натискають частіше, ніж на маленькі та непомітні. Два посилання, що знаходяться поруч: "купити" і "покласти в кошик" - найкращий генератор сумнівів. Сумніви - головний вбивця продажів.
Наша експертиза. Веде мовлення Олена Халявка (фахівець із розробки та юзабіліті інтерфейсів в Artjoker)
Еволюція людського розуміння зазнає змін, і помилки в юзабіліті сайтів - не виняток. Часом, креативний сайт є зовсім незручним для користувача. Може бути й навпаки - коли пересічний дизайн запорука швидкого пошуку інформації тощо. Але є й фейли, які з часом тільки міцніють. Найчастіше вони з'являються на стадії розробки і відстежити їх дуже легко. Ось деякі з них.
1 Фон сайту
Буває, відкривши сайт уперше, одразу розумієш, що знайти що-небудь на ньому буде неможливо, оскільки занадто яскраве (перевантажене) тло перетягує на себе всю увагу. Найулюбленіший - це чорний фон, у клієнтів подібне ще називається "зробити дорого". Ось такий "дорогий сайт" діє на нерви користувачеві і в геометричній прогресії зменшує кількість охочих повернутися.
2 Шрифти
Різноманіття шрифтів і їхніх колірних рішень прийнятні, хіба що, на сайтах, що спеціалізуються на продажі/розповсюдженні відповідного контенту. А якщо врахувати, що особливо витончені варіанти навіть не компілюються браузерами, то експерименти варто відкласти до кращих часів. 1-2 шрифти достатньо: заголовки виглядають так, контент інакше - все інтуїтивно зрозуміло.
3 Перенасиченість сторінок
Власник сайту завжди краще знає, що потрібно користувачеві, тому намагається йому показати все й одразу. У гонитві за клієнтом він часто грішить перенасиченням сторінок інформацією, що призводить до тріумфального захоплення, коли бідолаха дизайнер все ж примудряється вліпити соту плашку зліва від логотипу. А що ж клієнт? Йому це все не потрібно, він вирішує по одному завданню на кожній сторінці. Потрапивши в царство "все й одразу" він губиться і йде.
4 Дизайн
У всіх є чітке уявлення, що корова - це корова, а жираф - це жираф. Великою загадкою залишаються ті сайти, які показують корову і називають її жирафом. Допоможіть користувачеві провести паралелі з його досвідом використання інших сервісів або досвідом з офлайну. Назвався груздем - лізь у кузов!
5 Заховані розділи
Якщо вже показуєте клієнтам розділи, то не ховайте їх у глибинах сайту. Кожен з нас хоча б раз стикався з цікавим моментом на сайті, коли посилання "ось воно є, і ось його немає".
6 Логічне меню
Власники сайтів часто грішать заплутаною логікою меню, типу: "якщо він пішов сюди, то побачив ось це, а коли сюди - то інше, а якщо...". Користувач одразу має розуміти приблизне дерево сайту, і вивчивши перший розділ, він шукатиме схожі аналогії і в іншому. Дайте йому можливість знайти все швидко і якісно.
7 Не ускладнюйте
Забирайте все зайве з сайту, не шкодуючи. Робіть це до того моменту, поки не відчуєте, що без певного елемента сайт не зможе виконувати свої функції. І це буде запорукою зручного та практичного інтерфейсу для ваших клієнтів.
