Оригінал: The Ten Most Violated Homepage Design Guidelines
Автор: Якоб Нільсен (Jakob Nielsen)
Переклад: Максим Додчук
Короткий зміст: Є десять помилок у юзабіліті, які здійснюють дві третини корпоративних сайтів. Поширення цих помилок вже сама по собі привертає увагу, особливо тоді, коли вони з'являються на сайтах, зроблених на професійному рівні.
Я зазвичай присвячую свої хіт-паради проблем, які мені здаються найбільш важливими і які вимагають значно більшого. На цей раз я використав інший критерії: я сконцентрував свою увагу на відомих принципах юзабіліті, які порушуються дизайнерами найчастіше. Важливі вони чи не дуже, сама наявність цих порушень вже змушує нас звернути на них увагу.
Статистика випадків заснована на численних оглядах на домашніх сторінках веб-сайтів, які моя компанія проводила з того моменту, як побачила світ моя книга з юзабіліті головних сторінок. Таке джерело даних звичайно не можна вважати об'єктивним, оскільки тільки великі компанії або урядові установи, що приділяють велику увагу юзабіліті, можуть дозволити собі заплатити 12.000 доларів за незалежний аналіз дизайну веб-сайту. Проте цей недолік результатів ми можемо звернути на перевагу: якщо навіть великі компанії, не заощаджують на дизайні, роблять нижчеперелічені помилки, значить ці помилки справді варті уваги.
Для кожної з десяти помилок я вказав відсоток сторінок, які все-таки йдуть пораді. Я відсортував список по цьому процентному значенню: першим йде правило, якого дотримується лише невеликий відсоток сайтів (тобто допускають найбільш поширену помилку).
Я також вказую порядковий номер поради, під яким він згадується в моїй книзі, на той випадок, якщо ви побажаєте ознайомитися з них докладніше.
1. Ясно висловіть, що пропонує цінного для відвідувачів ваш веб-сайт і яким чином він відрізняється від своїх конкурентів
Відсоток сайтів, що дотримуються правило: 27%
Номер правила в книзі Homepage Usability: 3
Це самий важливий момент, про який необхідно пам'ятати при дизайні головної сторінки, тому дуже сумно бачити, що це правило дотримується так мало сайтів. Просто неймовірно, наскільки погано веб-сайти дають зрозуміти користувачам, що ж власне вони пропонують. Чітка думка губиться за лісом маркетингових слів, яке не здатне справити враження на потенційного клієнта.
Пам’ятайте: якщо у користувача є якась потреба, він йде на пошуковий сайт і під час перегляду списку результатів кожного сайту приділяє лише кілька секунд уваги.
2. Використовуйте «гумову» верстку сторінки, що дозволяє користувачам змінювати розмір сторінки
Відсоток сайтів, що дотримуються правило: 28%
Номер правила в книзі Homepage Usability: 67
У боротьбі з фіксованою шириною сторінки завжди програють користувачі, але все ж таки не зайве ще раз нагадати: у різних користувачів різні розміри монітора. Власники великих моніторів звикли зменшувати розміри вікна браузера, щоб бачити кілька вікон одночасно. Ви не можете виходити з їх припущення, що у всіх ширина монітора дорівнює 800 пікселям: для одних користувачів 800px це занадто багато, а для інших – дуже мало.
3. Використовуйте різні кольори для позначення відвіданих і невідвідування посилань
Відсоток сайтів, що дотримуються правило: 33%
Номер правила в книзі Homepage Usability: 37
Відповідь на питання «Де я був?» – це відповідь на одне з трьох питань, на які повинна відповідати будь-яка навігаційна система (Два інші питання: «Де я зараз перебуваю?» і «Куди я можу піти?»).
Дуже сумно бачити, що лише третина корпоративних веб-сайтів допоможе візуально користувачам, які посилання вони вже відвідали. Плутанина в навігації завжди відбувається тоді, коли дизайнер відключає якусь корисну функцію веб-браузера: наприклад, відображення різними кольорами відвіданих і невідвідування посилань. Наші тести показали, що порушення цього правила особливо болісно позначається на пристарілих користувачах.
4. Використовуйте графічні зображення, які пов'язані з матеріалами сайту, а не просто для прикраси
Відсоток сайтів, що дотримуються правило: 35%
Номер правила в книзі Homepage Usability: 56
Наприклад, використовуйте на сайті фотографії людей, які явно мають відношення до вашого сайту і до його матеріалів, а не фотографії моделей або зображення з фотостоку. Фотографії привертають увагу користувачів, недоречний малюнок лише відверне їх увагу від важливого матеріалу.
Продавці фотостоків роблять чудову справу, але відвідувачі вашого сайту не повірять, що ваш товар робить його власника щасливим, тільки тому, що на сторінці вашого сайту вони побачать фотографію невідомою усміхненої дами. Краще покажіть сам товар.
5. Не забувайте про короткий слоган, який коротко пояснює, чим займається сайт або компанія
Відсоток сайтів, що дотримуються правило: 36%
Номер правила в книзі Homepage Usability: 2
Наше недавнє дослідження про те, як люди використовують на сайті інформацію з розділу «Про нас» показало, що більшість користувачів все-таки можуть знайти на сайті дані про те, чим займається компанія. Але чому більшість сайтів ускладнюють пошук відповіді на таке просте питання?
Із-за любові до рекламних слоганів, веб-сайти наповнюються порожніми фразами. Природно, якщо ви вклали рекламному агентству мільйони на розробку слогана компанії, важко змиритися з думкою, що він не буде працювати на вашому веб-сайті.
Я пропоную компроміс: помістіть свій даремний рекламний слоган вгорі сторінки в графічний банер, поруч з логотипом. Його там все одно ніхто не помітить. А в центральну частину сторінки помістіть хороший слоган у вигляді простого тексту, де його зможуть побачити всі відвідувачі вашого сайту.
6. Спростіть доступ до старих матеріалами, які нещодавно були у вас на головній сторінці
Відсоток сайтів, що дотримуються правило: 37%
Номер правила в книзі Homepage Usability: 33
У випадку з Alertbox 80% статей читаються вже тоді, коли посилання на них перейшли з головної сторінки в архів. Взагалі користувачі добре пам'ятають, що вони побачили щось цікаве на головній сторінці. Однак, якщо ви не помістите на головній сторінці посилання на старі статті або рекламні пропозиції, користувачі, прийшовши знову на сайт, ніколи не зможуть знайти те, що їх зацікавило в минуле відвідування.
7. Помістіть короткий опис сайту в заголовок вікна
Відсоток сайтів, що дотримуються правило: 39%
Номер правила в книзі Homepage Usability: 75
Ця рада в цілому важливий для видимості сайту на пошукових серверах в результатах пошуку, але чому б вам не скористатися настільки простим і дешевим прийомом інтернет-маркетингу?
8. Не використовуйте заголовок в блоці пошуку; кнопки «Шукати» достатньо
Відсоток сайтів, що дотримуються правило: 40%
Номер правила в книзі Homepage Usability: 49
Не така вже й велика помилка, але все одно не варто поміщати в блок пошуку заголовок «Пошук», якщо там і так вже є кнопка «Шукати». В інтерактивному дизайні діє правило «чим менше, тим більше». Додаткові елементи відволікають користувача і ускладнюють сприйняття інтерфейсу. Іншими словами, чим менше елементів у інтерфейсі, тим більше людей зможуть в ньому швидко розібратися.
9. Зміна котирувань акцій вказуйте у відсотках, а не тільки в пунктах
Відсоток сайтів, що дотримуються правило: 40%
Номер правила в книзі Homepage Usability: 110
Ця порада стосується тільки тим сайтам, які показують котирування акцій або в розділі для інвесторів, або десь ще. При показі змін котирувань головне – допомогти відвідувачам зрозуміти, наскільки зміни великі чи незначні. У цьому й полягає сенс показу котирувань. Те ж правило відноситься до подання будь-яких інших статистичних даних, що міняються в часі.
Збільшення котирування на 0.75 долара означає різні речі, наприклад, якщо ціна акції дорівнює 8 доларам (9%-й зліт), або 60 доларів (скромний приріст в 1%).
10. Не розміщуйте посилання на головну сторінку на самій головній сторінці
Відсоток сайтів, що дотримуються правило: 41%
Номер правила в книзі Homepage Usability: 43
Це особлива рада, яка відноситься до всіх веб-сайтів і інтранет-сайтів: ніколи не пишіть посилання, що вказує на поточну сторінку. (Кнопка оновлення котирувань або іншої змінної інформації не в рахунок. Ця функція завжди повинна оформлятися як кнопка, а не як посилання, оскільки вона не веде до нової сторінки). Посилання на поточну сторінку породжує три проблеми:
- Якщо відвідувач клацне за цим посиланням, він все одно прийде на ту ж саму сторінку, де був, а значить даремно витратить свій час.
- Що ще гірше: такі посилання породжують сумнів у відвідувача, якщо нічого не змінилося, чи туди він потрапив, куди хотів.
- І найгірше: якщо відвідувач піде по такому посиланні, він не зрозуміє, де саме він знаходиться, особливо є по клацанні по посиланню, сторінка просто прокручується наверх.
Посилання на головну сторінку на самій головній сторінці з'являється через те, що на веб-сайті використовується одне й те саме навігаційне меню, в якому в тому числі є посилання «на головну». Прекрасно. Але коли відвідувач опиняється на сторінці, яка згадується в навігаційному меню, цей пункт-посилання в меню повинен бути відключений або виділений таким чином, щоб відвідувачу було ясно, де він зараз знаходиться.