1. Плохой текст.
Вне всякого сомнения самая распространенная проблема.
Примеры (откроются в новом окне):
Чаще всего:
- Текст не адаптирован для Сети (слишком большие абзацы, много воды, не расставлены нужные ссылки, возможно текст в конкретном месте вообще не нужен как таковой).
- Шрифт слишком маленький для комфортного чтения (даже для людей с идеальным зрением).
- Цвет текста не контрастный на своем фоне.
- Между-строчное расстояние слишком маленькое (об этом забывает 90% дизайнеров, часто даже хороших).
- Текст растягивается в слишком длинные строки (не указано max-width).
- Текст плохо иллюстрирован там, где это бы сильно помогло его восприятию.
- Текст сложно воспринимать, потому что элементы графического оформления страницы его подавляют (даже тогда, когда текст — главное на странице).
- Заголовки не отличаются по размеру от текста (в основном проблема встречается на «попсовых» CMS типа Битрикса).
- Ссылки плохо отличимы от текста (некоторые дизайнеры уверены в том, что это абсолютно нормально, и их уже не переубедить).
- Не используется логическое форматирование (списки, код, цитаты).
- Текст безграмотный и грамматически, и в пунктуации (тире, отступы, кавычки — очень редко хорошие).
2. Лишние вещи и боязнь пустоты.
Лишние графические элементы есть практически на каждом сайте. Они не несут никакого, даже часто атмосферного, позитивного эффекта, но отвлекают пользователей от главного.
Сюда же можно отнести желание дизайнера заполнить каждый сантиметр пользовательского экрана, чего бы это не стоило.
Примеры:
Чаще всего ситуация возникает, когда все нужное на странице уже размещено, а дизайн все еще смотрится «блекло». В результате на страницу добавляется группа совершенно лишних там элементов (декоративных, текстов, элементов управления), негативное влияние которых на уже размещенные, действительно важные вещи, игнорируется.
3. Отсутствие единого стиля и стандартов оформления.
Грешат почти все. Например, часто бывает что при оформлении заказа в интернет-магазине в несколько шагов кнопки «Вперед» и «Назад» в каждом окне выглядят по разному, расположены в разных местах, и даже называются по разному («Продолжить», «Дальше»). В результате единый процесс оформления товара разбивается на несколько независимых этапов.
Также очень редко администраторам сайтов удается выдержать оформление текста в одном стиле. Например, в одном месте используются списки, в другом — нет. В одном месте ссылки синие, в другом, такие же ссылки — темно-синие.
4. Плохая мета-информация (URL, title, favicon).
Очень редкий сайт не имеет проблем в этой области.
Примеры c URL:
http://site.ru/nav/id23567/
http://www.site.ru/1/7/ssylka-primer1245.html
http://www.site.ru/2008/01/02/ssylka-primer.html
Чаще всего:
- URL не «читается».
- Нет единства системы ссылок, контент доступен на разных доменах, с разными префиксами и суфиксами, перенаправление не настроено.
- Транслит используется там, где он совершенно не нужен.
- Расширение документов показывается даже тогда, когда оно совершенно не нужно.
- Шаблон не подходит типу размещаемых документов, например в нем используется текущая дата, когда материал абсолютно статичного характера.
Сюда же можно отнести в основном две вещи: ориентация исключительно на интересы SEO при задании заголовков (title) страницы (встречается очень часто) и отсутствие либо плохое качество мини-иконки (favicon).
5. Плохая 404-страница.
404-страница, как таковая, встречается почти всегда, но оформлена правильно крайне редко.
Примеры:
Чаще всего:
- Страница оформлена в обычном шаблоне системы, факт ошибки плохо определяется пользователем.
- Не указаны возможные причины случившегося.
- Не предложен список ссылок, по которым можно перейти.
- Не дан контактный адрес администрации.
6. Текущее положение пользователя на сайте указано плохо.
На большинстве сайтов текущее положение (в пунктах меню, в иерархии сайта) не указано вообще, либо указано очень плохо.
Примеры:
7. Сайт заточен только под конкретную платформу.
Мелочи в этой сфере есть у всех, но и крупные недоработки встречаются довольно часто.
Что удивительнее всего, заточенность сайта под альтернативные браузеры (Firefox, Opera) встречается довольно часто, хотя и уступает, конечно, концентрации разработчиков только на IE. Сюда же можно отнести концентрацию только на одном разрешении экрана — сейчас это обычно 1280*1024. На существование Mac и Linux мало кто вообще обращает внимание.
В результате страдают пользователи с настройками отличными от настроек заказчика сайта (у него то работает все хорошо, а что бывают и другие параметры, заказчики знают редко).
8. Нет возможности подписки на обновления.
Здесь все просто: наличие на сайте постоянно обновляемого раздела выглядит просто смешно, если у пользователя нет никакой возможности подписаться на новые записи в разделе — ни RSS, ни подписки по почте. Обычно этим грешат корпоративные сайты в разделе своих новостей.
Пример:
9. Применение технологии Flash неуместно.
Самый яркий пример последнего месяца — уже фактически классика жанра top4top.
Пример полной уместности Flash в качестве контрпримера — bonga.net
10. Не прописаны «юзабилити-атрибуты» (title, alt, теги label, width и height у картинок, …).
На элементах навигации, ссылках, картинках — даже тогда, когда это очень бы помогло и сделало сайт доступнее. К сожалению, до таких мелочей дело обычно не доходит, потому что редкий заказчик способен понять их значение.
blog.perfectomania.com/usability/top-10-yuzabiliti-oshibok-runeta/
