В Інтернеті сьогодні можна побачити безліч сайтів, що мають проблеми з юзабіліті. Постійне ігнорування цього важливого елементу в справі створення сайту призводить до того, що відвідувачі сайту губляться на ньому, виявляються збитими з пантелику і розчаровуються. Час, протягом якого відвідувач приймає рішення, залишитися і дослідити сайт або покинути його, так само 0,4 секунди. Залучення відвідувачів на сайт є дуже складним завданням — воно полягає в швидкому встановленні зв’язку з ними і його збереженні.
Добре, якщо сайт має хороші позиції в результатах пошуку, але також важливо зробити сайт зручним і привабливим. Що гарного в тому, щоб «бути знайденим», якщо відвідувачі швидко залишають ваш сайт? Сайт, повинен бути, з одного боку, оптимізованим під пошукові системи, з іншого — зручним і привабливим для відвідувачів — ось основні передумови вашого успіху в онлайн бізнесі.
Є безліч правил, яких потрібно дотримуватися при створенні зручного сайту. Це не означає, що в результаті сайт втратить свою унікальність. Необхідно лише використовувати на сайті прості показники, завдяки яким відвідувачі завжди будуть знати куди йти, щоб знайти потрібну інформацію.
Процес створення зручного інтерфейсу досить складний. Деякі основні елементи повинні бути враховані ще перед початком будь-яких робіт зі створення дизайну. Належна увага має бути приділена створенню контенту, пошуковій оптимізації та зовнішньому вигляду сайту — з усього цього складається зручний і привабливий сайт.
Нижче наведено короткий огляд основних помилок при створенні сайтів.
КОНТЕНТ
Редагування тексту з посиланнями
Часто ми бачимо, що дизайнери роблять підкресленими слова в тексті, які не ведуть відвідувачів на іншу частину сайту. Підкреслення тексту, який нікуди не посилається, є великою проблемою, особливо якщо на вашому сайті є підкреслений текст, який означає можливість клікнути і перейти по ньому на іншу сторінку.
Інша помилка полягає в тому, що посилання в тексті залишаються непідкресленими, що теж може ввести в оману. Намагайтеся використовувати інші способи, щоб виділити частину тексту, яку ви вважаєте важливою, якщо вона при цьому не є гіперпосиланням.
Те ж саме стосується і використання кольорової гамми для вашого тексту. Уникайте використання стандартного синього кольору посилань (RGB colour # 0000FF) для тексту, який не є посиланням. Тоді відвідувачі не будуть розчарованими марними спробами клікати на текст, який нікуди не веде.
Контрастний текст
Ще одна помилка, яку ми спостерігаємо все частіше — використання сірого кольору для тексту на білому фоні. Такий стиль відразу ж позбавляє вас величезної кількість відвідувачів, які навіть не можуть прочитати те, що їм пропонується. Це якраз той випадок, коли юзабіліті має більшу вагу в порівнянні з естетикою.
Якщо ваш сайт повинен бути зрозумілим відвідувачам, використовуйте контрастне поєднання кольорів тексту і фону.
Швидкий перегляд сторінки
Стара приказка «Зустрічають по одягу ..» справедлива і по відношенню до сайтів. Завжди важливо визначити якої довжини текст розміщувати на будь-якій сторінці сайту. Пам’ятайте, що час має величезну цінність, коли відвідувач ще тільки намагається визначити, чи він потрапив на потрібну сторінку сайту. Нехай ваше перше повідомлення буде коротким, інформативним і містить посилання на випадок, якщо відвідувач побажає одержати більше інформації на цю тему. Більшість користувачів мають звичку бігцем переглядати пару абзаців, щоб вирішити залишитися на сторінці і читати далі або перейти куди-небудь ще.
СТРУКТУРА САЙТУ І ОРГАНІЗАЦІЯ СТОРІНОК
Створення такої структури сайту, яка забезпечує достатній рівень довіри відвідувачів, є надзвичайно важливе для успіху сайту. Чи знайдуть відвідувачі інформацію, яку шукають, і чи можуть вони зрозуміти ваше повідомлення?
Логічна структура сайту
На жаль, найпоширеніша помилка — розміщувати на сторінці так багато інформації, як тільки можна. Але потрібно мати на увазі, що кожна тема повинна бути розташована на своїй сторінці і на будь-який додатковий матеріал, що відноситься до цієї теми, повинні вести посилання (відмінні від головного меню сайту). Щоб пояснити це, наведемо приклад:
Уявіть, що ви продаєте на сайті музичні інструменти. Розглянемо сторінку, на якій розташована інформації про гітару, яку ви пропонуєте. На цій сторінці повинна розташовуватися фотографія (фотографії) товару і докладний опис. Якщо відвідувачі захочуть отримати більше інформації про товар, наприклад, технічні характеристики або керівництво користувача, яке можна завантажити з сайту, їм повинна бути (теоретично) надана можливість перейти на таку сторінку, де також може бути розміщена будь-яка інша інформація, що стосується товару.
Дуже просто (і це поширено) розмістити на цій сторінці матеріал, що не належить до даного товару, який, на вашу думку, буде цікавий відвідувачеві. Не давайте користувачеві можливості збитися зі шляху, нагромаджуючи сторінку інформацією про іншу продукцію. Є ймовірність, що потенційні клієнти потрапили саме на цю сторінку, тому що вони цього хотіли. Розміщення на сторінці додаткової інформації про останні флейти на складі не допоможе встановити контакт з відвідувачем.
Можливо причиною того, що веб дизайнери потрапляють в цю пастку, є те, що вони намагаються застосувати методи, використовувані в друкованій рекламі. У друкованій рекламі вам дається місце певного розміру для розміщення інформації про товар. Іноді дизайнери забувають, що сайти динамічні і можуть представляти собою більше, ніж тільки одна сторінка.
Сплеш сторінка
Відвідувачі приходять на ваш сайт, щоб знайти потрібну інформацію і часто перше, що вони бачать, це сплеш сторінка. У більшості випадків ця вступна сторінка не являє собою нічого корисного для відвідувача і не сумісна за зовнішнім виглядом і враженням з іншою частиною сайту. У цілому, єдина мета сплеш сторінки — надати якоїсь «крутісті» при вході на сайт. Кожна сторінка вашого сайту, включаючи головну, повинна бути інформативною та послідовною за зовнішнім виглядом і враженням.
НАВІГАЦІЯ
Навігація відіграє значну роль для збереження ваших потенційних клієнтів на сайті. Статистика показує, що серед негативних факторів, що розчаровують відвідувачів сайтів, 95% займає неадекватна навігація.
Єдині стандарти навігації для всього сайту
Де знаходиться найкраще місце для розміщення меню? Це питання постійно обговорюється веб-майстрами. Чи повинно бути розташоване головне меню у верхній частині сторінки? Або краще розмістити його зліва? Що б ви не вирішили, хай меню буде завжди на одному і тому ж місці на всьому сайті. Користувачі повинні завжди знати, як повернутися до інформації, яку вони вже бачили і вони повинні бути також впевнені, що зможуть знайти інформацію, яку вони ще повинні прочитати. Посилання на головну сторінку повинно бути на одному і тому ж місці незалежно від того, на якій сторінці сайту ви знаходитесь.
Куди я зараз перейду?
Користувачі повинні завжди заздалегідь знати, куди приведе їх текстове посилання або кнопка. Якщо посилання приведе до завантаження файлу, проінформуйте їх заздалегідь. Величезна кількість Інтернет користувачів бувають збентежені несподіваними результатами навігації по сайтах і тим, що їх змушують робити те, чого вони не хочуть.
Нижче представлений хороший приклад того, як можна поінформувати відвідувача про те, що перехід за посиланням приведе до завантаження PDF файлу (попередження: приклади нижче не є посиланнями):
«Назва товару» Керівництво користувача в форматі PDF (16 MB)
або
«Назва товару» Керівництво користувача (16MB — PDF файл)
ВАЖЛИВО: звичайною ввічливістю є також вказівка фізичного розміру файлу, який буде завантажуватися, як це зазначено вище.
Так само як існують правила дорожнього руху для тих, хто керує автомобілем, є правила, яких потрібно дотримуватися при створенні сайту. Грамотне дотримання цих правил не повинно перешкодити творчому підходу до розробки сайту .