Работа над чужими ошибками

Фленов Михаил

Спецвыпуск: Хакер, номер #050, стр. 050-070-4

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

Не надо перегружать шапку и делать ее слишком высокой. В интернете полно сайтов, в которых шапка по высоте больше, чем допускается, на 400 пикселей. Яркий пример на том же рис. 6, где сразу под шапкой находится рекламное объявление сумасшедшей высоты и минимальной информативности. И вот для размещения действительно полезных данных остается меньше половины экрана, а остальное прячется за пределами окна. Пользователи не любят скроллинг, поэтому основная информация должна быть видна сразу и без прокрутки.

У меня в салате мухи!

Основа usability и правильного макетирования любого сайта - это меню. Если оно неудобно, то придется потратить слишком много времени на поиск необходимой информации или вообще отказаться от надежд найти ее. Где располагать меню? Чуть ниже шапки по горизонтали или по вертикали, но вдоль левого или правого края. Что выбрать? Зависит это от дизайна и количества основных разделов.

Если основных разделов немного, то можно расположить меню горизонтально, вдоль верхней части. Оно может быть выполнено в виде простых ссылок, если нет подразделов, или в виде выпадающего меню, как на сайтах www.cydsoft.com, www.ulead.com, www.atlantis-pak.ru и т.д. Выпадающее меню рекомендуется делать для сайтов, в которых много подразделов, в поисках которых неудобно прыгать по разделам.

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

Если разделов много и разместить их названия по горизонтали не удается, то придется размещать все по вертикали вдоль одной из сторон страницы (зависит от дизайна), но все же подумай о создании горизонтального меню с выпадающими списками. Только не надо создавать два меню сразу (горизонтальное и вертикальное): убьешь не только дизайн, но и usability, да и пользователь не узнает, в каком меню искать нужный раздел. Желательно, чтобы меню было одно и только одно. Если ты выбрал в качестве основного горизонтальное расположение ссылок, то вдоль края расположи нечто вроде "горячих ссылок" на тему выбранной страницы, но эти же ссылки должны быть и в основном меню.

Горизонтальное меню должно умещаться в одну строку, особенно если есть выпадающий список. Вот, например, сайт фирмы Атлантис-Пак (рис. 6): основное меню встроено в шапку (не будем критиковать это решение, хотя оно откровенно глупое), но хуже всего то, что оно состоит из двух строк. Из пункта "О компании" в верхней строке вываливается список подменю, который перекрывает нижнюю строку. Чтобы перейти на нижнее меню, нужно сначала убрать мышь куда-нибудь в сторону, чтобы скрылся выпадающий список, и только потом возвращаться к нужному пункту меню.