10 самых распространенных ошибок в юзабилити

Чтобы сайт был понятен всем пользователям и и не вызывал трудности в его использовании необходимо учитывать несколько очень важных моментов при его создании. Об этих моментах я сегодня и расскажу. Эта статья поможет вам избежать самых частых и распространенных ошибок в юзабилити и создании сайтов.

Чтобы связать поля и метки используйте атрибут «for» который свяжет метки и поля, и сделает так, что при клике по метке – автоматически выберется нужное пользователю поле формы.

Это уже установившееся в вебе правило. Большинство пользователей инстинктивно кликают на логотип для перехода на главную страницу.

Все просто – если посетитель уже кликал по ссылке, то он должен знать об этом. Об этом, к сожалению, забывают большинство людей при создании сайтов.

Для выделения активного поля формы пользуйтесь псевдо-классом «:focus», это поможет добавить рамку или задний фон.

Для описания изображения используйте атрибут «alt». В случае, если картинка является ссылкой, укажите путь куда она ведет.

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

Очень сложно читать текст без разделителей и рубрикаторов. Картинки, отступы и заголовки внесут разнообразие в монотонный текст.

Пользователи привыкли к тому что ссылки должны быть подчеркнутыми и подчеркнутые слова не являющиеся ссылками сбивают с толку людей пришедших на ваш сайт.

Слова вроде «нажать здесь», «перейдите по ссылке» и тому подобные — просто недопустимы. Это заставляет пользователей вчитываться в текст перед ссылкой чтобы понять нужно ли ему переходить по ней или нет. Вместо этих слов используйте в ссылке ее описание.

По возможности не используйте «text-align: justify». Текст который выровнен по ширине может быть и выглядит красиво, но, в большинстве случаев, очень сложно читается.

---