Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Где меню

Пример

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

Пример

Пример

Где я

Отсутствие навигационных элементов или неудобная навигация

Навигация

Очень большие абзацы

Штрафной балл: 0.1

 

Длинные абзацы всегда читать сложно, особенно, если это не художественное, а техническое изложение.

Читать с экрана труднее, чем со страниц бумажной книги. Поэтому экранные абзацы должны быть очень короткими.

Не рекомендуется записывать абзацы длиннее 4-5 строк в расчёте на 80-символьные строки. Ниже представлен абзац именно такой длины (Г. Х. Андерсен, «Дюймовочка»).

А старая жаба сидела внизу, в тине, и убирала свое жилище тростником и желтыми кувшинками — надо же было приукрасить все для молодой невестки! Потом она поплыла со своим безобразным сынком к листу, где сидела Дюймовочка, чтобы взять прежде всего её хорошенькую кроватку и поставить в спальне невесты.

 

Штрафной балл: 0.1

 

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

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

q Где я? Пользователь однозначно понимает, где внутри сайта он находится.

q Куда я могу пойти? С каждой страницы есть возможность попасть на любую другую, минуя Главную.

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

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

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

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

начало образование история традиции ссылки

Пользователь на странице история.

q Путь от Главной к текущей странице в иерархическом дереве сайта, если сайт имеет более 2 уровней (принимая за первый уровень страницу Главная). Приём называется «хлебные крошки».

начало [образование] история традиции ссылки начало → образование → базовое

Пользователь на странице базовое. Эта страница является потомком страницы образование.

начало [образование] история традиции ссылки базовое дополнительное домашнее начало → образование → дополнительное

Пользователь на странице дополнительное. Можно «пойти» к братьям базовое и домашнее. Можно вернуться к предку образование или к любым его братьям.

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

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

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

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

Как правильно кодировать ссылку вверх

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

<A href ="javascript:void(0)" onclick ="scroll(0,0)" > вверх </A>

<== предыдущая лекция | следующая лекция ==>
Фиксированный размер шрифта, который не нельзя изменить в браузере | Логотип не является ссылкой на Главную на вторых страницах
Поделиться с друзьями:


Дата добавления: 2014-01-14; Просмотров: 314; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.011 сек.