Создание сайтов

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

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

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

Элементы, помещаемые в шапку 

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

• Идентификатор, фирменный знак - логотип и название. Это логотип компании, персональный логотип, логотип сервиса. В зависимости от того, чей это сайт. Название чаще всего входит в логотип, но может стоять отдельно от логотипа, если, к примеру, название длинное.
• Навигация (меню) , которая позволяет быстро находить нужный раздел и перейти по ссылке. 
• Контакты - основной телефон, email, ссылки на соцсети, адрес. Большой объём контактной информации не стоит помещать в шапке, чтобы не перегружать её подробностями, достаточно просто сделать кнопку для перехода в контакты. Но проект может диктовать и иное решение. К примеру, у компании есть сеть филиалов - её имеет смысл поместить в отдельном разделе сайта, добавить карты и схемы. 
• Ключевая фраза, лозунг, слоган. Это краткий текст,  поясняющая о чем этот сайт, чем занимается компания. Такая фраза может быть и частью логотипа. Если из логотипа непонятно о чем сайт - то фразу "Кто мы, что мы" очень рекомендуется помещать в шапке.  Эта информация  вместе с логотипом формирует ассоциацию пользователей в отношение сайта и компании. 
• Адрес. Один адрес  можно  его разместить в блоке контактов. Если это сеть магазинов, или филиалов и для всех требуется показать адреса, то требуется иное решение, например, кнопка перехода в о внутренний раздел или выпадающий список адресов. 
• Обратный звонок. Чтобы не упускать клиентов, которые не могут или не хотят звонить сами, до сих пор используют форму с помощью которой клиент может попросить позвонить ему. В шапке помещается кнопка, открывающая такую форму. 
• Выбор региона, авто определение местонахождения пользователя.  Если компания оказывает услуги или продаёт товары на большой территории,  то будет хорошо дать пользователю наглядно это увидеть и возможность выбрать именно свой регион.
• Для интернет-магазина - корзина покупателя, динамически меняющаяся в результате действий пользователя, с обновляемым счетчиком количества товаров в корзине и общей суммой. 
• Для сайтов с личным кабинетом - кнопка личного кабинета.
• Если на сайте есть поисковый механизм - иконка для перехода к поиску
• Дополнительная навигация. Если ресурс многостраничный со сложной структурой,  можно добавить отдельное меню. Структурирование информации - вообще всегда хорошо.

Хедер представляет собой главный информационный блок сайта, с него формируется представление посетителя о сайте, то самое "правило пяти секунд": если  за 5 секунд посетитель не понял где он, тот ли этот сайт что он искал и хочется ли ему листать дальше - он уйдёт.  То есть, шапка - просто критически важный важный элемент сайта,  на самом деле  оказывает влияние на поведенческие факторы ресурса. Поэтому его структуре следует уделить особое внимание и тщательно подготовить все элементы. С помощью шапки сайта пользователи должны быстро ориентироваться на сайте и находить нужную им информацию.

Впрочем, хорошие дизайнеры всё это отлично знают и применяют на практике.