Какой должен быть идеальный дизайн шапки (header) для сайта

Юзабилити и продвижение
Header или «шапка» сайта – важный компонент в оформлении интернет-платформы. Он определяет привлекательность ресурса в сети, удобство пользования площадкой в целом. Важен параметр для юзабилити – «шапка» дает пользователю главные сведения о ресурсе. Элементы «шапки» должны отвечать на вопросы:
- Название компании;
- Логотип;
- Предоставляемые услуги;
- Существующие способы для связи;
- График работы;
- Адрес;
- Другие важные пункты.
Лишней информации в «шапке» при этом быть не должно – текст будет мешать посетителям сосредотачиваться на основной информации. Оставьте только те элементы, которые помогают сделать конверсию.
Основные элементы «шапки» сайта
Вверху сайта располагаются:
- Название ресурса либо компании в русской или английской раскладке. Оно должно быть на всех сайтах, кроме тех, которые сдают баннер в header для в аренду.
- Девиз либо логотип. Это значимые составляющие фирменного стиля, характерные для стандартных информационных проектов, онлайн-магазинов, проморесурсов, визиток.
- Контакты. Они должны быть под рукой у пользователя в целях совершения конверсии. Закрепите «шапку», чтобы при скроллинге она двигалась за курсором (но это не обязательно).
Дополнительные элементы веб-мастер использует на свое усмотрение. Это может быть, к примеру, окно ввода данных регистрации. Также в шапке обязательно должны быть формы заказа, обратного звонка, «Корзина» покупок.
Почему важно правильное оформление?
При посещении сайта человек внимательно страницу от начала до конца не рассматривает, а пробегается глазами. Это позволяет обнаружить интересные элементы, удержаться на чем-то. Глаза пользователя двигаются по разным траекториям, доступные варианты:
- Гуттенберга;
- Z;
- F.
Гуттенберг встречается во время чтения страничек со слабой визуальной иерархией, однородной презентацией данных. Z-образная модель будет типичной для сайтов, в которых блоки с контентом визуально разделяются. Читатель проходит взглядом сверху слева вверх с правой стороны. То есть оценка идет сначала именно хедера. F-образная схема тоже встречается часто, при ней глаза идут горизонтально, потом вниз, как бы сканируя информацию.
Во всех схемах сначала рассматривается горизонтальная верхняя область. Поэтому специалисты в области маркетинга, контента уделяют header большое внимание.