Как улучшить юзабилити сайта? Предлагаем перечень из 10 самых важных аспектов, с ними пользователям станет на порядок удобнее и комфортнее пребывать на вашем сайте!
Как улучшить юзабилити сайта? 10 важных аспектов
1. Текстовая расшифровка для нетекстового контента
Продублируйте все видео и аудио материалы текстовой расшифровкой. Сюда же относится альтернативный текст фотографии, возможность проговорить капчу, названия для полей ввода.
2. Величина шрифта
Дайте возможность увеличить шрифт, если основным контентом сайта является текст. А вообще всегда давайте такую возможность.
3. Удобоваримая мобильная версия сайта
Контент должен оставаться логичным и понятным при его адаптации для мобильных устройств. Например, при упрощении макета страницы, отключении css-стилей и картинок. Восприятие не должно зависеть от формы, размера или оформления контента.
4. Доступность ко всем функциям с помощью клавиатуры
Предоставьте возможность управления всеми функциями при помощи клавиатуры. При этом не должно мешать естественной навигации и взаимодействию при помощи мыши.
5. Мигающие баннеры следует убрать вовсе
Не используйте на сайте мигающих элементов. Или ограничьтесь тремя вспышками. Часто мигающие элементы могут вызвать эпилептический припадок или привести к нежелательным последствиям у людей с нарушениями психики.
6. Навигация по сайту
Помогайте пользователю понять где он находится. Используйте так называемые «хлебные крошки», указывая на то, какой путь он проделал вглубь сайта начиная с главной страницы.
7. Ясная формулировка заголовков каждой отдельной страницы
И если отдельные статьи с заголовками обычно «дружат», то страницы категорий и меток часто-густо не оптимизипрован не для поисковых систем, не сточки зрения юзабилити сайта.
8. Устраните внезапно появляющиеся элементы
Не пугайте пользователя непредсказуемым поведением страницы. Ярким примером могут послужить различные всплывающие окна с предложениями акций. Посетитель пришел читать статью, а не смотреть на внезапно возникающие всплывающие окна, закрывающие пол-экрана.
9. Поля форм сделайте интуитивно понятными
Помогайте пользователям с вводом информации и по возможности исправляйте ошибки. Если требуется ввести название города, то после ввода первой буквы предлагайте список вариантов. Или если название было введено английскими буквами предлагайте вариант названия города, но на русском языке.
10. Чистый валидный код
Всегда используйте закрывающие теги, даже там, где они не обязательны и их отсутствие не ведет к “поломке” верстки. Все теги используются согласно своей роли в спецификации, нет повторяющихся идентификаторов или атрибутов (в рамках одного тега).
По материалам Нетологии
