Телефон: +38 (093) 914-20-50
WEB-дизайн и создание продающих сайтов

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

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


1. РАДИОКНОПКИ И ЧЕКБОКСЫ НЕ СВЯЗАНЫ С МЕТКАМИ
Радиокнопки и чекбоксы не связаны с меткамиЧтобы связать поля и метки используйте атрибут «for» который свяжет метки и поля, и сделает так, что при клике по метке – автоматически выберется нужное пользователю поле формы.

2. ССЫЛКА В ЛОГОТИПЕ НЕ ВЕДЕТ НА ГЛАВНУЮ СТРАНИЦУ САЙТА
Ссылка в логотипе не ведет на главную страницу сайта Это уже установившееся в вебе правило. Большинство пользователей инстинктивно кликают на логотип для перехода на главную страницу.

3. ССЫЛКИ ПО КОТОРЫМ УЖЕ ПЕРЕХОДИЛИ НИЧЕМ НЕ ОТЛИЧАЮТСЯ ОТ НЕТРОНУТЫХ ССЫЛОК
Ссылки по которым уже переходили ничем не отличаются от нетронутых ссылок Все просто – если посетитель уже кликал по ссылке, то он должен знать об этом. Об этом, к сожалению, забывают большинство людей при создании сайтов.

4. АКТИВНОЕ ПОЛЕ В ФОРМЕ НИКАК НЕ ВЫДЕЛЕНО
Активное поле в форме никак не выделено Для выделения активного поля формы пользуйтесь псевдо-классом «:focus», это поможет добавить рамку или задний фон.

5. ФОТОГРАФИИ БЕЗ АЛЬТЕРНАТИВНОГО ТЕКСТА
ФОТОГРАФИИ БЕЗ АЛЬТЕРНАТИВНОГО ТЕКСТА Для описания изображения используйте атрибут «alt». В случае, если картинка является ссылкой, укажите путь куда она ведет.

6. ФОНОВОЕ ИЗОБРАЖЕНИЕ БЕЗ ЦВЕТА ФОНА
ФОНОВОЕ ИЗОБРАЖЕНИЕ БЕЗ ЦВЕТА ФОНА Это необходимо если у пользователя будут отключены изображения. Выбирайте цвет близкий с цветом картинки.

7. ИСПОЛЬЗОВАНИЕ ОЧЕНЬ ДЛИННЫХ АБЗАЦЕВ БЕЗ ОТСТУПОВ
ИСПОЛЬЗОВАНИЕ ОЧЕНЬ ДЛИННЫХ АБЗАЦЕВ БЕЗ ОТСТУПОВ Очень сложно читать текст без разделителей и рубрикаторов. Картинки, отступы и заголовки внесут разнообразие в монотонный текст.

8. ПОДЧЕРКИВАНИЕ СЛОВ НЕ ЯВЛЯЮЩИМИСЯ ССЫЛКАМИ
ПОДЧЕРКИВАНИЕ СЛОВ НЕ ЯВЛЯЮЩИМИСЯ ССЫЛКАМИ Пользователи привыкли к тому что ссылки должны быть подчеркнутыми и подчеркнутые слова не являющиеся ссылками сбивают с толку людей пришедших на ваш сайт.

9. ПРИЗЫВАТЬ «НАЖАТЬ ЗДЕСЬ»
Призывать «нажать здесь» Слова вроде «нажать здесь», «перейдите по ссылке» и тому подобные — просто недопустимы. Это заставляет пользователей вчитываться в текст перед ссылкой чтобы понять нужно ли ему переходить по ней или нет. Вместо этих слов используйте в ссылке ее описание.

10. ВЫРАВНИВАНИЕ ПО ШИРИНЕ
ВЫРАВНИВАНИЕ ПО ШИРИНЕ По возможности не используйте «text-align: justify». Текст который выровнен по ширине может быть и выглядит красиво, но, в большинстве случаев, очень сложно читается.
Оцените нашу работу
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (4 оценки, среднее: 5 из 5)
Загрузка...
Skype

Skype: poltorrr

Контакты

+38 (093) 914-20-50
info@poltor.com

Я в соцсетях
Консультация

Бесплатная консультация
Написать мне

© 2017. «Poltor.com». Все права защищены.
Создаем сайты, которые продают!
Остались вопросы?

Заполните форму ниже, и я обязательно свяжусь
с вами в ближайшее время.