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

Перед тем, как попасть на Ваш сайт, среднестатистический пользователь посетит уже огромное количество сайтов. К этому времени у него уже выработается модель того, как должны выглядеть и работать сайты. Пользователь решит оставаться или нет на Вашем сайте, как только загрузится главная страница и, если ему что-то непонятно или сложно, то он уйдет. Именно поэтому сайт (а самое главное его главная страница) должен удовлетворять основным соглашениям о дизайне.

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

Представьте, что Вы вошли в магазин, но не можете понять, что же там продается. Смешно? Конечно же смешно, но я, например, видел много сайтов, суть и назначение которых оставались для меня загадкой, по крайней мере несколько минут, пока я не открывал несколько страниц этого сайта. А будут ли Ваши потенциальные клиенты блуждать по сайту в поисках истины или сразу уйдут к конкурентам? Итак, вот первые советы:

• Название компании и логотип должны иметь подходящий размер и располагаться в заметном месте страницы (обычно это верхний левый угол);
• Если присутствует рекламный лозунг, то он должен обязательно отражать суть деятельности компании;
• Выделите первостепенные задачи сайта, чтобы пользователь понимал с чего ему начинать.

Когда Вы попадаете на сайт и желаете приобрести какие-то товары/услуги, Вам интересно, кто их предоставляет и не пропадут ли Ваши деньги. Конечно, поэтому необходимо правильно подать информацию о компании:

• Добавьте к главной странице ссылку на раздел «О нас», в котором бы содержались сведения о компании и ссылки на подробную информацию;
• Добавьте к главной странице ссылку на раздел «Контакты» и если необходимо, то адрес, телефон и e-mail можно разместить прямо на главной странице;
• Если Вы поддерживаете механизм «обратной связи», то объясните пользователям, кто именно будет читать их сообщения;
• Не размещайте на общедоступном сайте информацию, предназначенную только для сотрудников компании, это может вызвать неразбериху.

Правила подачи информации:

• Выбирая слова, ориентируйтесь на язык пользователей;
• Избегайте чрезмерности (когда выделено все, это равносильно тому, что ничего не выделено);
• Не используйте в качестве названий разделов или каких-то блоков рекламные лозунги или слишком умные фразы, это затрудняет понимание;
• Формулируя задания для пользователей, используйте только повелительное наклонение («Введите название города» и т.д.);
• Прежде чем употреблять не встречавшуюся ранее в тексте аббревиатуру, ее следует расшифровать;
• Избегайте восклицательных знаков;
• Реже употребляйте слова, набранные только прописными буквами, т.к. это затрудняет восприятие.

Оформление ссылок:

• Названия ссылок должны отличаться друг от друга и быть понятными;
• Цвета просмотренных и непросмотренных ссылок должны отличаться;
• В названии ссылок не употребляйте слово «ссылка». Чтобы показать, что данное слово или фраза является ссылкой, просто подчеркните его или выделите;
• Если функция ссылки состоит в загрузке какого-то приложения, т.е. отличается от обычной, то об этом должно быть сказано.

Требования к навигации:

• Главная панель навигации должна находиться в заметном месте страницы, предпочтительно рядом с ее основной частью;
• Сгруппируйте элементы области навигации (подобные элементы должны находиться рядом);
• Если предусмотрена корзина для покупок, то ссылка на нее должна быть на главной странице;
• Пиктограммы для обозначения элементов навигации можно использовать только если они интуитивно однозначно понятны.

Поиск по сайту:

• Поля ввода должны быть достаточно длинными (25-30 символов);
• Рядом с полем ввода расположите кнопку «Найти», а не «Вперед» или т.п., так как в этом случае не придется озаглавливать эту область сайта как поиск;
• По умолчанию, поиск должен охватывать весь сайт;
• Не включайте в поисковую систему по сайту функцию поиска по всей сети.

Наличие дополнительных ссылок на сайте:

• Главная страница должна обеспечивать доступ к первостепенным функциям сайта;
• Не выставляйте на сайт службы, которые повторяют стандартные функции обозревателя (выбор стартовой страницы, создание закладки)

Наполнение графикой, музыкой и анимацией

Рекомендуется отводить под графические изображения от 5% до 15% общей площади главной страницы. Использование музыки не желательно, но если оно есть, то должна быть предусмотрена возможность ее выключить. Аналогична ситуация и с анимированной заставкой к сайту: если она есть, то должна быть предусмотрена возможность ее пропустить.

• Графика должна отображать реальное содержание сайта, а не только служить его украшением;
• Подписывайте рисунки и фотографии, если их смысл не до конца понятен из контекста статьи, к которой они прилагаются;
• Изображения должны быть отредактированы в соответствии с размером экрана;
• Избегайте употребления «водяных знаков» (бледное фоновое изображение, поверх которого идет текст);
• Никогда не подвергайте анимации главные элементы страницы (логотип, лозунг, главный заголовок) и не используйте анимацию только для того, чтобы привлечь внимание к какому-нибудь элементу главной страницы.

Время загрузки.

Если главная страница загружается долго, то пользователи сделают логичный вывод, что и весь сайт такой же медленный и высока вероятность того, что эти посетители к Вам не вернутся. Рекомендуемая скорость загрузки страницы 10 секунд (при средней скорости соединения).

Ширина страницы.

Сегодня самая распространенное разрешение монитора 1024х768 пикселей и оптимальная ширина страницы примерно 990 пикселей. Крайне не желательна прокрутка вбок.

Структура страницы.

Лучше использовать гибкую структуру страницы, которая автоматически приспосабливается под конкретный размер окна обозревателя.

Длина главной страницы.

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

Фреймы.

Их использование крайне нежелательно, т.к. они негативно влияют на эффективность работы со страницей.

Навигация.

Существует 4 различных схемы навигации, среди которых нет лидера и которые широко распространены:

• левая панель навигации;
• вкладки;
• ссылки по верху страницы;
• список категорий в средней части страницы.

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