+7(499) 350-14-08 +7(351)277-91-69 г. Челябинск, просп. Ленина, 55а  info@astra-web.ru Контакты в Москве и Челябинске

Обратный звонок

×

Запросить индивидуальное коммерческое предложение

Ваш E-mail или телефон
×
'bitrix:breadcrumb' is not a component

10 юзабилити преступлений

17 Июня 2010

На стадии дизайна и разработки мы должны учитывать прописные истины и основные концепции для улучшения юзабилити сайта. В этой статье описываются классические, но непростительные ошибки в области веб дизайна и способы их решения.

Преступление #1: В формах метки не связаны с полями ввода

crime1
Использование атрибута "for" позволит пользователям кликать по метке для выбора соответствующего поля формы. Это особенно важно для чекбоксов и радиокнопок — увеличить область клика.


Преступление #2: Логотип не ведёт на главную страницу

crime2
Создание такой ссылки является хорошим тоном, ведь большинство пользователей ожидают перехода в корень сайта при клике на логотип.

Преступление #3: Не помечены посещённые ссылки

crime3
Об этом забывают очень часто, но посетителям нужно знать, по каким ссылкам они уже кликали.

Преступление #4: Не подсвечено в форме активное поле

crime4
Используйте псевдо-класс ":focus" для добавления к полям ввода рамки или смены фона.

Преступление #5: Изображения без описания

crime5
В атрибуте "alt" укажите описание изображения. А если картинка носит оформительно-декоративный характер, то оставьте его пустым (но не удаляйте!). Если же это кнопка-ссылка, то укажите в описании, куда она ведёт.

Преступление #6: Фоновые изображения без фонового цвета

crime6
Если у пользователя будут отключены картинки, то текст может стать нечитаемым. Используйте схожий с картинкой фоновый цвет.

Преступление #7: Использование длинных скучных абзацев текста

crime7
Нет ничего хуже, чем монотонный и непрерывный текст. Вставляйте в контент картинки, заголовки и отступы для боле комфортного чтения.

Преступление #8: Подчёркивание того, что не является ссылкой

crime8
Не подчёркивайте текст где ни попадя! Пользователи привыкли видеть в таком стиле ссылки — не сбивайте их с толку. Лучше оформите необходимые слова курсивом или жирным.

Преступление #9: Призывать посетителей "кликнуть здесь"

crime9
Использование слов "перейти по ссылке", "кликните здесь" и прочих подобных "шедевров" недопустимо. Т. к. заставляет посетителя вчитываться в предложение для понимания того, куда же ведёт ссылка. Вместо этого в тексте ссылки используйте её описание.

Преступление #10: Выравнивать текст по ширине

crime10
Старайтесь не использовать "text-align: justify". Текст может красиво выглядеть, но на самом деле становится трудночитаемым (особенно для людей с ограниченными возможностями) из-за разного расстояния между словами.

10 Usability Crimes You Really Shouldn’t Commit

перевод


blog comments powered by Disqus