- •5 Лекция: «Проектирование структуры web-сайта»
- •1. Структура сайта.
- •2. Разделы сайта.
- •2.2. Корпоративный блог.
- •2.3. Вопросы и ответы.
- •2.5. Вакансии.
- •2.6. Каталог товаров.
- •2.7. Контактная информация.
- •3. Навигация.
- •2. Поиск контента;
- •4. Карта web-сайта.
- •5. Информационное наполнение.
- •6. Инновационные особенности сайтов.
2.7. Контактная информация.
Поиск «Контактной информации» - одна из основных целей, для достижения которой посетители приходят на сайт.
Принципы подачи «контактной информации»:
1. Автоматическое изменение номера телефона и адреса в зависимости от месторасположения Клиента;
2. На каждой странице сайта должны располагаться «Механизмы контактирования» и быть явно заметны;
3. В разделе «Контакты» информация должна быть структурирована, исходя из запросов Клиента.
Способы подачи «Контактной информации»:
1. Краткий вступительный текст о преимуществах посещения офиса;
2. Подробный и точный адрес, включающий детальную инструкцию о том, как можно быстро и легко добраться до места (желательно с указанием заметных ориентиров);
3. Схема проезда со ссылкой для уточнения и проверки на любой картографический интернет – сервис;
4. Какая – либо «фишка», связанная с контактной информацией ;
5. Персональные данные контактного лица;
6. Для обладателей GPS-навигаторов можно сразу указать верные координаты;
7. Веб-форма (типа «Задать вопрос» или «Отправить сообщение»);
8. Интегрированная карта с отмеченным маршрутом и комментариями к нему;
9. Понятный график работы с указанием всех дополнительных условий (выходных, перерыва и т.д.)
10. Хорошо заметная кнопка или ссылка «Версия для печати»;
3. Навигация.
Навигация - это система элементов интерфейса, позволяющих пользователю перемещаться по веб-сайту. Простейшим примером навигации является «ссылка».
Задачи навигационных систем:
1. Идентификация текущего местонахождения пользователя по отношению к структуре сайта;
2. Поиск контента;
3. Отработка основных сценариев поведения пользователей;
4. Перемещение по контенту сайта.
Принципы оформления интерфейса:
1. Принцип логичности и непротиворечивости (у пользователя не должно возникать вопроса о том, в каком именно разделе ему искать нужную информацию);
2. Принцип наследуемости (отдельные свойства более высоких разделов должны переноситься на разделы, более низкие);
3. Принцип интуитивной понятности (ни один из элементов навигации не должен требовать отдельных пояснений или инструкций по использованию);
4. «Правило трёх кликов» (переход между любыми двумя страницами на сайте должен требовать не более трёх кликов);
Виды навигации:
1. Навигационное меню:
а) Вертикальные или горизонтальные закладки , содержащие один или несколько подуровней;
б) Вертикальная или горизонтальная панель с рубрикатором, который может быть сразу раскрыт или раскрываться по клику или наведению мыши;
в) Вертикальная древовидная структура со свёрнутыми или развёрнутыми «ветвями»;
г) Меню из пиктограмм и/или иконок, снабжённых комментариями только в виде всплывающих текстов.
2. Теги:
а) «Классическое» «облако тегов» (меток, ключевых слов), размер которых зависит от частоты использования каждого тега на сайте;
б) Список тегов (с указанием или без указания частоты встречаемости).
3. Ссылочная и всплывающая навигация внутри контента :
а) Ссылки внутри текстов, ведущие на другие материалы сайта или другие сайты;
б) Всплывающие навигационные окна, smart-теги;
в) Ссылки типа «Подробнее» и «Узнать больше»;
г) Ссылки от заголовков и подзаголовков;
д) Ссылки типа «Смотри также»;
е) Ссылки от баннеров.
4. Визарды и мастера:
а) Линейные, позволяющие последовательно пройти простую пошаговою процедуру;
б) «Фильтрующие», позволяющие за несколько шагов сделать определённую выборку;
в) Гуру, поддерживающие перемещение благодаря последовательно задаваемым вопросам.
5. Пролистывающая навигация:
а) Ссылки типа «Вперёд – Назад» («Раньше - Позже») для перемещения по большим объёмам контента;
б) Пейджинг по номерам страниц или алфавиту.
6. Поиск по сайту:
а) Простой (обычное поле поиска, не снабжённое дополнительными параметрами;
б) Сложный, снабжённый условиями и фильтрами.
7. Прочие виды навигации:
а) Размеченные изображения или flash-ролики с программными элементами;
б) Карта сайта;
в) Статусная или контекстно-зависимая строка («хлебная крошка»);
г) Пиктограммы и/или иконки, не организованные в виде единого меню.
Контрольный список:
1. На каждой странице пользователь должен понимать: где он находится относительно всего сайта, куда ещё можно пойти, где он уже был;
2. На всех страницах сайта должен соблюдаться единый стиль оформления навигации;
3. На страницах должны отсутствовать ссылки на саму себя;
4. Часто изменяемую навигацию следует делать текстом;
5. Меню (навигационный интерфейс) должен занимать не более 20% от рабочей площадь экрана (при разрешении 1024 x 768);
6. Логотип компании должен являться ссылкой на главную (первую) страницу сайта;
7. Пункт меню, соответствующий активной странице и разделу, должен быть выделен;
8. Количество элементов во всех навигационных панелях должно быть разумным (желательно не более 7-12);
9. В рамках одной страницы разные типы навигации не должны визуально конкурировать между собой;
10. Количество разных видов навигации на любой странице не должно превышать пяти;
11. Важно использовать стандартный набор иконок («домой», «наверх», «обсудить», «почта» и др.);
12. Все элементы навигации должны быть сгруппированы по принципу подобия;
13. Кнопка «Назад» браузера не должна дублироваться в навигации (за исключением Ajax-приложений);
14. На страницах не должно быть ссылок типа «щёлкните тут», «здесь» и т.д.;
