СТОП: поширені помилки в usability сайтів

Головне правило при створенні будь-якого сайту – поставити себе на місце цільового користувача, “глянувши на сайт його очима”. Продумати структуру так, щоб вона була зрозумілою та зручною, ведучи відвідувача до здійснення цільової дії. На жаль, часто при розробці сайтів враховуються лише побажання замовника, чиє бачення не завжди збігається з реальними діями відвідувачів.  В результаті до нас в роботу надходить безліч сайтів з однотипними помилками в usability, які заважають конверсії.  Ксенія Хоменка, usability-фахівець SEO-Studio , зібрала приклади типових помилок, яких потрібно уникати. 1. Дитяча школа вивчення англійської мови

У шапці сайту відсутні контактні номери телефонів;
• Не представлені послуги центру раннього розвитку «обличчям» через зображення, фотографії, відео;
• Відсутній заклик до дії (“Contact Us”, “Read more about staff”, “Starting a program” etc.) та спеціальні рекламні блоки.

2.Медичний центр

ZXCV0045
• Зображення послуг не клікабельні, дії користувачів ніяк не мотивуються.
3. Інтернет-журнал ZXCV0058QW0 Статті містять довгі тексти, при цьому відсутня видима можливість для швидкого переходу з нижньої частини сторінки, нагору. «Простирадло» нечитабельного тексту відлякує відвідувачів, швидше за все вони просто скролять сторінку, не читаючи її.

4.Інтернет-магазин матраців та м’яких меблів

• Поточне місцезнаходження користувача можна визначити тільки, за допомогою навігації “хлібні крихти”.

5.Інтернет-магазин канцтоварів

• Немає назви компанії та її адреси, розміщений e-mail, але він не клікабельний (1);
• Зазначено засоби альтернативного зв’язку ICQ та Skype (2), при цьому немає самого номера ICQ та логіна Skype;
• У блоці «Доставка» вказано час (3), але не зрозуміло, що це за час (графік роботи служби доставки або час доставки товарів покупцям, у які дні тижня діє час);
• Вказано інформацію про форму оплати (4), але не зрозуміло призначення даного блоку на цій сторінці; У формі зворотного зв’язку ніяк не позначена різниця між необхідними та опціальними полями;
• Інформація про помилку видається вгорі сторінки (5).

Хороші приклади usability сторінок

ZXCV012Q 1. Головна сторінка Portativ.ua

ZXCV01ER

Цілі:

• Показати користувачу, що пропонується на даному сайті;
• Рекламувати основні послуги компанії;
• Створити сприятливе враження.

Шапа сайту повинна містити: ZXCV01

• Заголовок (тег);
• Слоган;
• Фавікон;
• Контактний номер телефону.

2. Сторінка картки товару Rozetka.com.ua ZX Основні вимоги до картки товару:

• Чітка ієрархічна структура всіх елементів контенту;
• Опис, характеристики, відгуки;
• Наявність зображень продукції у різних ракурсах;
• Ціна, кнопка заклику до дії «Купити», розділ «Оплата та доставка» мають бути у видимій частині екрану.

3. Форма швидкої покупки Comfy.ua ZX

• Процес оформлення замовлення повинен бути. Важливі доповнення:

Переваги для зареєстрованих користувачів Fotomag.com.ua ZXCV82W

Сторінка подяки для майбутніх

ZXCV026Q “Контакти” елементи:

• Назва компанії;
Телефон, e-mail + альтернативні засоби зв’язку;
• Графік роботи;
• Адреса;
• Масштабована карта проїзду;
Форма зворотнього зв’язку.

Сподіваємось ці приклади допоможуть вам покращити usability свого сайту. Навчайтеся на чужих помилках і виправляйте власні, якщо припустилися.

Апдейт (2018 рік):

ZXCV032
Головне правило юзабіліті

Головне правило юзабіліті було сформульовано одним з провідних експертів Звучить воно дуже просто: “не змушуйте мене думати”. Все, що порушує це правило – автоматично є серйозною помилкою, що знижує юзабіліті (зручність використання сайту) і тим самим погіршує конверсію.

Що саме передбачається? «Не змушуйте мене думати» – це просто логічна думка про те, що будь-яка людина повинна мати можливість легко і просто використовувати ваші продукти, без жодних труднощів, що називається «на автоматі».

Наприклад, меню навігації має бути впізнаваним, добре помітним і, що дуже важливо, воно має розташовуватись на традиційному місці – або у верхній частині сайту, або зліва. Інші варіанти значно гірші, оскільки людині доведеться шукати меню, звикати до нього, адаптуватися тощо.

Інший приклад – логотип. Не варто розміщувати логотип сайту в незвичному місці, наприклад, у центрі сторінки. При цьому логотип сайту обов’язково має бути посиланням, яке веде на головну сторінку сайту. Таким чином, з головного правила юзабіліті випливає, що зручний та ефективний сайт має бути концептуально схожим на всі інші сайти такого ж типу. Щоб це забезпечити, дизайнер має розбиратися в патернах веб-дизайну, повинен знати, що прийнято у веб-дизайні, а що ні. Якщо це правило буде суворо дотримуватися, то сайт буде максимально зручним для використання, з усіма наслідками, що випливають з цього, які позитивно позначаться, в тому числі, і на конверсіях. Відвідувач сайту зможе «на автопілоті» виконувати всі потрібні йому дії та швидко знаходити те, за чим він сюди прийшов. Звісно, ​​юзабіліті набагато більш розвинена теорія, яку можна назвати реальною наукою. Зокрема мало хто знає, але юзабіліті використовується не тільки для проектування сайтів, але також і в промисловому дизайні. Однак знаючи лише основне правило юзабіліті, ви вже зможете уникнути левової частки можливих помилок.