Веб дизайн. Юзабіліті. Створення інтерфейсу сайту
Як зазвичай відбувається.
На заході багато уваги приділяється юзабіліті сайту. Це пов'язано з тим, що до інтернет-проектів серйозний підхід, на їх реалізацію виділяються великі суми грошей. Тому є можливість найняти спеціаліста з юзабіліті (розробника або оптимізатора інтерфейсів). На просторах колишнього СРСР бюджети сайтів набагато менші, і найчастіше розробкою інтерфейсу займається дизайнер, або навіть програміст-розробник сайту. І це позначається як результат.
Коли інтерфейс розробляє дизайнер, найчастіше намагається зробити його елементи так, щоб йому самому подобалося сторінки сайту. Оцінює їх, природно, як професіонал у сфері дизайну, тобто. основна вимога - щоб все було красиво і лаконічно.
Коли інтерфейс розробляє програміст, він намагається зробити все логічно, але на шляху менших витрат. Навряд програміст, будучи розумною людиною, ускладнюватиме роботу сам собі. Він передбачає такий інтерфейс, який йому простіше запрограмувати, але при цьому звичайно логічний, інакше замовник не прийме роботу.
Навіть якщо за інтерфейс відповідає менеджер проекту, і він особисто вирішує «що таке добре, а що таке погано», нічого хорошого з цього не виходить, тому що його думка суб'єктивно – це раз, і він знає досить багато про сайт, що розробляється, щоб не помітити багато проблем інтерфейсу – це два.
У всіх випадках страждає на юзабіліті інтерфейсу. Інтерфейс сайту виходить таким, яким його вирішили зробити розробники, незалежно від того, чи буде він зручним для звичайних користувачів. Дуже добре, якщо групі розробників вдається вгадати та зробити інтерфейс найбільш вдалим. Але, якщо не вдається, сайт втрачає частину відвідувачів, а замовник - частина клієнтів.
Елементарні правила.
Якщо все ж таки склалася така ситуація, коли розробляти та оптимізувати інтерфейс доводиться не фахівцеві в цій галузі, не варто зневірятися. Достатньо освоїти кілька простих і логічних правил, щоб робити інтерфейс з високим ступенем юзабіліті.
Всі ці правила виведені з книги Стіва Круга, я їх лише трохи адаптував до сучасних та регіональних умов та стиснув.
Найважливіша інформація, за якою на сайт приходитиме більшість відвідувачів, або яка може бути цікава більшості, має бути анонсована на головній сторінці сайту (шлях 1). Таким чином, шлях великої частини аудиторії сайту до досягнення мети буде максимально коротким, а значить результат максимально ефективний.
Якщо ж потрібну інформацію відвідувач не знайшов на головній сторінці сайту, він користується меню (частіше) або пошуком (рідше). Тому ці елементи сторінки повинні бути максимально зручними, видними, простими та ефективними. Під ефективністю розуміється найменша кількість дій, яку доведеться вчинити користувачеві для знаходження шуканої інформації, а також простота користування елементами сторінок сайту. Поглянувши на меню, у відвідувача не повинно виникнути жодного зайвого питання, і він повинен максимально швидко зрозуміти, куди йому треба натиснути, щоб на крок наблизитися до інформації, що шукається. Вікно пошуку повинно бути видно на сторінці, і не повинно містити зайвих елементів керування. В ідеалі це має бути текстова мітка «Пошук», рядок введення довжиною на 2-3 слова та кнопки «знайти».
Простота назв також грає важливу роль на сайті. Що простіше назва розділу, то менше треба думати користувачеві розуміння, що з розділом ховається. Особливо це стосується меню сайту.
До речі, самеменю сайту має бути однаковим на всіх сторінках (виключенням може бути лише головна за потреби), а поточний (активний) розділ у ньому має бути виділений.
І не варто писати тексти про те, як користуватися інтерфейсом сайту, за винятком дуже коротких фраз-помічників. Такі фрази завжди вміщуються в 1-2 речення. Як користуватись інтерфейсом, має бути зрозуміло візуально, інтуїтивно. Інакше ваш сайт неюзабільний.
Будь-який користувач спочатку спробує виконати своє завдання відразу, шляхом тику, не вдаючись в аспекти реалізації сайту. Якщо в нього це вийде, і він знайде, що шукав, залишиться задоволений і при необхідності повернеться на сайт. Якщо не вдасться, користувач спробує вивчити сайт, почитає підказки, але враження про нього залишаться не такими хорошими.
Пам'ятайте, що користувач прийшов на сайт не помилуватися дизайном, а отримати те, що він шукає. Тому питання краси дизайну повинні вирішуватися після вирішення питань юзабіліті інтерфейсу. Відповідно, на юзабіліті має бути звернена більша увага, ніж на красу (за умови, що дизайн сайту «гідний»; сайти з поганим дизайном спочатку приречені на смерть).
Питання, які підсвідомо ставить собі відвідувач сайту. Варіант 1: зайшовши на головну сторінку сайту.
- Де я?
- Звідки слід розпочати?
- Про що цей веб-сайт?
- Де знаходиться …?
- Що тут ще є?
Варіант 2: головні сторінки.
- Де я (у контексті ієрархії сайту)?
- Що головне на цій сторінці?
- Чому це називається так?
- Що далі?
Конкретні поради.
Тепер озвучу мої особисті короткі нотатки, що ґрунтуються на матеріалі книги.