Преступление 1. Не ассоциированные с формой выбора подписи.
<input id="1" type="radio" /> <label for="1">Кликаем надпись - активируем кнопк</label>Для того чтобы ассоциировать подпись добавляем к ней тег for, а в радио-кнопке указываем id.
Преступление 2. Логотип сайта не ведет на главную страницу.
Логотип выполняет не только декоративную функцию, так заведено, что он еще является и ссылкой на главную страницу сайта. Не забывайте об этом, пользователь любит, чтобы его привычки не нарушали.Преступление 3. Использование фоновой картинки без установки цвета фона.
Часто встречается белый шрифт на картинке, в качестве фона. Но если картинки отключены, то надпись становится нечитабельной. Устанавливайте всегда для фоновой картинки, схожий по контрастности и цветовой гамме цвет фона.Преступление 4. Ссылки без подчеркивания.
И снова мы обращаемся к тому, что пользователь привык видеть. А пользователь привык, что ссылки подчеркнуты. К тому же некоторые браузеры могут не поддерживать стили ссылок и они станут неразличимыми.Преступление 5. Посещенные ссылки не выделяются.
Заботясь о цветовой схеме дизайна, разработчик часто устанавливает одинаковое форматирование для ссылок, активных ссылок, и посещенных ссылок. Не забывайте, что дизайн должен быть не ради дизайна, а ради удобства. Посещенные ссылки должны иметь собственное форматирование, в качестве варианта можете совершить на посещенных ссылках преступление 4 и снять с них подчеркивание.a:visited {text-decoration:none;}Преступление 6. Использование подчеркивания в тексте.
Подчеркивание текста, как вариант выделения может вводить пользователя в заблуждение, что текст является ссылкой. Поверьте, посетитель вашего сайта скорее привык к общепринятым стандартам, нежели к особенностям форматирования на вашем сайте.Преступление 7. Использование в качестве ссылок "жми сюда" или "здесь"
Плохо:Чтобы просмотреть это сообщение полностью кликните здесь
Хорошо:
Вы можете просмотреть сообщение полностью
Преступление 8. Отсутствие индикации активного поля
Не забывайте использовать индикацию активного текстового поля, особенно в сложных формах.textarea:focus {border:1px solid #a0acbf;}
Сообщения
