Юзабіліті для чайників
Дотримуйтесь порядок основних і другорядних сторінок
Якщо кнопки другорядних сторінок передують кнопок основних, це вводить користувача в оману. Наприклад, один з варіантів дизайну сервісу Digg припускав таке розташування кнопок:
Представники західної культури переглядають сайти зліва направо зверху вниз. Кнопка, розташована лівіше і / або вище, передує кнопці, розташованої правіше і / або нижче.
Меню навігації: вертикальне чи горизонтальне?
У деяких ситуаціях доречно використовувати вертикальне меню, в інших - горизонтальне. Дизайнери повинні розуміти, який тип меню підходить в тій чи іншій ситуації.
Відвідувачі швидше сприймають вертикальне меню. Завдяки невеликій відстані між елементами користувачі сканують дві або три кнопки за одну візуальну зупинку. Вертикальне меню займає ліву колонку сторінки, тому у вас залишається менше місця для контенту. Верхні елементи вертикальної навігації добре помітні користувачеві, однак нижні залишаються малопомітними.
Приберіть вертикальні смуги з горизонтального меню
Дизайнери використовують вертикальні смуги в меню, щоб візуально розділяти елементи.
Існує більш простий спосіб візуально розділити елементи меню. Досить збільшити простір між ними. Цей спосіб поділу елементів меню збільшує швидкість сприйняття, так як користувач робить менше візуальних зупинок.
Меню-акордеон: простий спосіб пагінацію
Посторінкова пагінація підходить, якщо ви пропонуєте користувачеві велику кількість різних матеріалів. А коли ви публікуєте один великий матеріал, краще об'єднати меню-акордеон з посторінковою пагінацією:
Щоб прочитати новий контент, користувачеві не треба завантажувати наступну сторінку. Завдяки AJAX-модулю акордеон-меню завантажує контент на відкритій сторінці.
Як зробити нескінченну прокрутку зручною для користувачів
Наступні рекомендації допоможуть вам підвищити ефективність сторінок з нескінченним скроллингом:
- При нескінченній прокручуванні верхнє меню навігації має бути доступне користувачеві. Ця рекомендація реалізована в «Фейсбуці».
- Показуйте користувачеві, що контент завантажується.
- Повідомляйте відвідувачеві, скільки контенту залишилося.
- Дозвольте повертатися до вихідної точки одним натисканням кнопки.
Каруселі, копіювальні, слайдери: уникайте типових помилок
Дизайнери люблять каруселі за візуальну привабливість. Нижче вказані типові помилки, які зменшують ефективність цих елементів:
- Продовження ротації контенту, коли користувач переглядає один з анонсів
При наведенні курсора на карусель рух має перемикатися в ручний режим.
При ручному прокручуванні каруселі повинен змінюватися весь ряд.
Як вмістити все необхідне в шапку сайту
- Радикальний спосіб: сховайте кнопки навігації
Як зробити вертикальне меню зручним
Вертикальне меню зручно тим, що дизайнер може помістити в нього скільки завгодно посилань. Користувач може прокрутити сторінку, щоб побачити елементи, розташовані в нижній частині вертикального меню. Однак це справедливо лише в тому випадку, якщо користувач шукає щось конкретне. Інакше він просто не прокручує сторінку.
Щоб вирішити цю проблему, залиште в вертикальному меню тільки посилання першого порядку. Посилання другого порядку повинні відображатися при натисканні.
Зовнішні посилання повинні відкриватися в новій вкладці браузера
Внутрішні посилання повинні відкриватися в існуючій вкладці, а зовнішні в новій. По-перше, це зручно для користувача. По-друге, це утримує користувача на вашому сайті.
Об'єднуйте меню, що випадає
Карусель повинна мати зручну навігацію
Середній CTR контенту, відображуваного за допомогою каруселей, становить 1%. Це занадто низький показник, так як каруселі зазвичай є найбільш візуально привабливими елементами на головних сторінках.
Проблема полягає в меню каруселей: воно часто буває незручним і малоінформативною. Елементи навігації повинні бути великими, а користувач повинен знати, який контент він вибирає.
