Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Проектирование структуры web-сайта.doc
Скачиваний:
1
Добавлен:
01.03.2025
Размер:
96.26 Кб
Скачать

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. На страницах не должно быть ссылок типа «щёлкните тут», «здесь» и т.д.;