Билет 15 Решение вопросов дизайна при разработке в html-документе.

Главное меню.

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

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

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

Навигация:

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

• Где я?

• Куда я могу пойти

• Где меню?

Где я?

На этот вопрос помогают ответить следующие элементы сайта:

Логотип и заголовок – они называют сайт.

Заголовок страницы, заголовок окна и позиция меню, которое не является ссылкой – отмечают текущую страницу сайта.

Меню “хлебные крошки” показывают путь от главной страницы к текущей.

Куда я могу пойти?

В примере, показанном на рисунке, пользователь находится на странице “раздел 2.2”. он может перейти к сестрам этой страницы (“раздел 2.1”, “раздел 2.3” “раздел 2.4”) к ее предку (раздел 2) и к сестрам предка (раздел 1, раздел 3, раздел 4) или переместиться на начальную страницу сайта.

Рисунок

Где меню?

Пользователь не должен испытывать проблем с доступом к навигационным элементам.

Меню обязано быть в самом в начале страницы, чтобы пользователю было удобно пролистывать сайт и в конце чтобы продолжить движение по сайту после прочтения страницы.

На длинных страницах полезна ссылка вверх после каждого раздела.

Пример глубокой иерархии

Если сайт имеет третьи, четвертые и более глубокие иерархические уровни, то на каждой странице должны присутствовать следующие элементы:

• Главное меню сайта (корень “начало” и список прямых потомков) – в этом меню предок текущей страницы (это ссылка) должен быть как – то дополнительно выделен.

Например:

• Меню текущей страницы – в это меню записывают страницы – сестры текущей страницы.

• Меню “хлебные крошки ” – показывает путь к текущей странице от главной (по иерархической схеме сайта).

Пункты этого меню отделяются друг от друга, каким – либо направленным знаком. Последняя запись (указание на текущую страницу) ссылкой не является.

Схема «хлебные крошки» на странице «кураторы» показана на рисунке (под главным меню):

Начало | университет | продукты история кук ссылки карта

начало  университет  кураторы

Авторская подпись

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

Причины по которым необходима авторская подпись:

• Авторство всегда интересует пользователя

• Адрес электронной почты позволит пользователю написать письмо автору сайта.

Внешние ссылки

На сайте обязательно должны быть внешние ссылки иначе сайт – тупик.

Внешние ссылки полезно собирать на отдельной странице (с названием “ссылки ”) и дополнительно исходя из контента

В каждом случае внешние ссылки желательно прописывать в явном виде (чтобы пользователь не путал их со ссылками текущего сайта).

Внешние ссылки должны быть прокомментированы

Главная страница

Полезно! Сформулировать идею сайта, анонсы материалов и новости.

Текст на сайте

Текст нужно разбивать на абзацы, так как большие абзацы читать с экрана трудно. Абзацы должны отделиться друг от друга пустыми строками (элемент p).

Красные строки лучше не использовать на левом крае страницы.

На шершавом фоне текст лучше записывать в одноцветной области

Не нужно фиксировать размер шрифта

Не записывайте основной текст увеличенным размером шрифта курсивом или жирным

Хитрые шрифты, заданные при помощи тега <font> могу т привести к выводу на экран кракобяк вместо русских

Структурируйте текст, используя иерархию заголовком ( элементы Hn) и абзацное деление.

Конструируйте текст по принципу перевернутой пирамиды – сначала вывод затем подробности.