2.7. Главная страница сайта

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

Главная страница дает представление обо всем сайте – о его содер­жимом, дизайне, навигационной системе, структуре. Поэтому ее дизайн должен быть эргономичным. Например, назначение начальной страницы коммерческого или корпоративного сайта заключается в том, чтобы дать представление пользователям о данной компании, о товарах и услугах, предлагаемых компанией о преимуществах перед другими компаниями.

На главной странице сайта могут быть разделы: Статьи, где содержатся материалы по теме; Новости – несут ту же функцию, что и статьи, только постоянно обновляются; Магазин либо раздел с описанием услуг. Рядом со статьями или новостями могут отображаться товары и услуги. Блог можно сделать как альтернативу новостному разделу. Форум нужен для оказания технической поддержки и для общения посетителей. FAQ – часто задаваемые вопросы и ответы на них. В этом разделе можно описать вопросы и ответы в поддержку товаров. Эти страницы генерируют также поисковый трафик. Файловый архив – это документация, программное обеспечение, фотографии. Портфолио нужно для студий веб-дизайна, фрилансеров, разработчиков ПО – это своего рода витрина, на которой представлены лучшие образцы работ. Обратная связь – форма обратной связи или данные для связи с менеджером, администратором должна быть на любом сайте. Рассылка необходима, чтобы иметь контакт с посетителями. Поиск – если у Вас есть все, что описано выше, то поиск просто необходим. Информеры – погода, курсы валют, календарь. Регистрация/Авторизация на сайте проводится в случае, если предполагается предоставление некоторых дополнитель­ных услуг.

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

Назначение сайта. Название или логотип компании должны иметь подходящий размер и располагаться в заметном месте страницы. Обычно это верхний левый угол. Нельзя перегружать эту область визуальными эффектами.

Информация о компании. Кроме названия и назначения компании к странице часто добавляется рекламный лозунг (слоган), который четко характеризует деятельность компании. Лозунг должен быть ко­ротким и метким. Так, например, лозунг компании Яндекс «Найдется все». От лозунгов можно отка­заться, если в имени компании раскрывается ее назначение или если компания известна как, например, Microsoft.

Стиль содержимого сайта. Выбирая слова, следует ориентироваться на язык пользователей, а не компании. Нужно следить за применением прописных букв и соблю­дением текстового стиля. Формулируя задания для пользователей сайта, надо использовать повелительное наклонение, например «Введите название города». Избегайте восклицательных знаков.

Использование примеров для краткого обзора содержимого сайта. Каждый пример должен сопровождаться ссылкой на подробное описание данного продукта и его фотографии.

Ссылки. Их подчеркивают и выделяют голубым цветом. Цвета просмотренных и не просмотренных ссылок должны различаться. Если функция ссылки отличается от обыкновенного перехода на другую страницу и состоит в загрузке PDF-файла, отправке электронного сооб­щения, запуске аудио- или видеопроигрывателя, это необходимо четко обозначить.

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

Поиск. Главная страница имеет непосредственно поле для ввода поисковых запросов.

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

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

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

Раскрывающиеся окна и промежуточные страницы. Пользователи, набравшие в адресной строке обозревателя главный URL сайта либо пришедшие на него по ссылке, должны попадать сразу на настоящую главную страницу. Откажитесь от раскрывающихся окон.

Рекламные объявления. Рекламные баннеры других компаний сле­дует вынести на периферию страницы.

Большинство сайтов применяют стандартную компоновку главной страницы. Вверху слева помещается название и логотип компании. Затем может располагаться раздел "Новости", потом – раздел с названием "О компании". Далее следует раздел "Услуги". На главной странице торгового сайта можно также разместить раздел "Статьи", содержащий статьи о товарах и услугах и, например, "Полезное". В последнем можно предоставить ссылки на бесплатное скачивание и руководство по настройке и использованию программ, используемых в Интернет. Последним разделом, который необходим на главной странице, является раздел "Контакты". Здесь нужно разместить не только телефон и Skype компании, но и фактический адрес, и точную схему проезда. На главной странице торгового сайта обязательно должны быть приведены фото предлагаемого товара.

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

Приведем несколько рекомендаций для улучшения дизайна сайта.

1. Посетитель должен сразу понять, куда он попал и что он может найти на сайте.

2. Навигация – интуитивно понятна, любой раздел должен быть дос­тижим за 2–3 клика мышью.

3. Для отправки заявок желательно иметь диалоговую форму.

4. На сайте с разветвленной структурой и на новостных порталах может быть дополнительная навигационная строка «хлебные крошки». «Хлебные крошки» (англ. Breadcrumbs) – элемент навигации по веб-сайту, представляющий собой путь по сайту от «корня» до текущей страницы, на которой находится пользователь. Хлебные крошки на сайтах необходимы лишь в тех случаях, когда существует необходимость применения логической вложенности содержания и отсутствует отдельное меню сбоку. Благодаря наличию на сайте навигационной строки пользователю проще выйти на интересующий его материал.

5. Дизайн главной страницы может отличаться от дизайна внутрен­них страниц сайта, но все они должны быть выполнены в едином стиле.

6. В Интернете – 99% воды. Пользователя следует защищать от нее, упорядочивая информацию и улучшая навигацию.

7. Люди не читают веб-страницы, а просматривают и задерживаются на словах и выражениях, которые привлекают внимание.

8. Пользователи избегают медленно загружающихся сайтов.