Топ найбільш повторюваних помилок в інтерфейсі.

Топ найбільш повторюваних помилок в інтерфейсі.

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

1. Валідація номера телефону. Проблема: люди вводять номери дуже по різному і немає єдиного стандарту. Рішення: враховувати всі найпоширеніші сценарії введення номера. Саме: +380, +38, 093, 93, 0038093, (093), 093-ххх-хх-хх, 380 (93)ххххххх, +380ХХххххххх. Валідацію номера телефону можна прямо в окремий пост винести! А якщо у вас міжнародна діяльність, все стає ще цікавіше.
2. Меню. Зручніше побачити в головному меню найголовніші розділи сайту. Наприклад, на сайті доставки важливіше показати Суші/Піца/Салати, а не Про нас/Контакти/Новини компанії.
3. Форма заявки. Дуже рідко користувачеві відразу підказують, які поля обов’язкові до заповнення. В результаті він вводить бажаний мінімум інформації і натискає «відправити». Але замість бажаного відправлення, бачить помилки та вимоги щось дозаповнити. Краще відразу дати підказки, щоб не затьмарити користувальницький досвід і заощадити час на заповнення. Чим складніше заповнити форму, тим менше конверсія.
4. І знову форма. Багато хто зловживає кількістю полів. Подумайте, чи дійсно вам потрібно виносити в окреме поле номер парадної, посилання на твіттер? Багато форм заявок вдалося скоротити з 6–10 полів до двох: «ім’я+зручний спосіб зв’язку».
5. Довіра. Якщо у 10000 товарів ще 0 відгуків, краще автоматично приховувати таку позначку. Якщо вказувати адресу пошти, то замість @gmail солідніше виглядатиме пошта@мойдомен.ком. Якщо постити відгуки, то з посиланнями на джерело і не тільки 5 зірок. Люди люблять чесність. І не люблять пластмасові фотки з фотостоків)
6. Лід магніти. Мало хто стимулює цільову дію. Наприклад, пропозиція відправити PDF огляд трендів в обмін на імейл і передплату.
7. HTTPS - на наявність сертифіката звертають увагу не тільки реальні відвідувачі, але і пошукова система, ранжуючи ваш сайт в пошуку.
8. Цільова дія. Багато хто ставить дві візуально рівнозначні кнопки один біля одного. Відвідувач не розуміє, що від нього очікують і конверсія цільової дії істотно падає. Найкраще візуально виділити пріоритетний варіант дії.