Навигация
Разработка структуры сайта
31325
знаков
0
таблиц
3
изображения
2.3 Разработка структуры сайта
Случалось ли вам бывать на сайтах, на которых страницы буквально "навалены" друг на друга в полном беспорядке. И совершенно неясно, куда нужно идти, чтобы найти ту или иную информацию. Причем подобной "болезнью" страдают не только домашние, но и корпоративные сайты, а зачастую даже и информационные проекты. Причина этого - в отсутствии продуманной структуры. Часто бывает так: первоначальный проект был небольшим. Но в процессе развития к нему подключался то один, то другой раздел. Ну а поскольку определенной структуры нет, то страницы присоединяются к различным местам проекта "как Бог на душу положит". И вот через некоторое время пользователи начинаются блуждать по сайту в поисках нужной им информации. Нужно ли говорить, что большинству из них не понравится подобное издевательство, и они поспешат покинуть негостеприимный проект, уйдя к конкурентам. Структура сайта должна определяться еще на первых этапах создания проекта до начала разработки дизайна. И в будущем, по мере роста сайта, веб-мастера должны строго ее придерживаться.
Линейная структура.
Это самая простая структура сайта. Веб-страницы идут одна за другой, ипользователь должен просматривать их как слайд-шоу. В линейной структуре не существует разделения контента на уровни. Все страницы на таких сайтах равноправны, и их должен увидеть каждый посетитель. Несмотря на простоту реализации линейной структуры, недостатков у нее гораздо больше, нежели достоинств. А поэтому область ее применения четко ограничена. Она может использоваться на имиджевых сайтах-презентациях и в онлайновых учебных пособиях. Реализация линейной структуры не представляет собой абсолютно никакой сложности. Самый простой вариант сайта - набор HTML-страниц, с каждой из которых есть ссылка на последующую предыдущую (естественно, исключение составляют крайние страницы). На каждой страницы обязательно должно быть какое-то заглавие и ссылка на первую страницу. Иначе посетители, попавшие в середину сайта, например, с поисковой системы, ничего не поймут и почти наверняка покинут проект разочарованными.
Линейная структура с альтернативами и вариантами.
Основой данной структуры является простое линейное размещение веб-страниц. Однако на сайтах, построенных по этому принципу, посетители могут проявить некоторую инициативу, облегчив для себя поиск нужной информации. Под альтернативами в данном случае понимается выбор между двумя ветками. Чаще всего подобная структура используется для сбора информации о посетителе. Примером здесь может служить процесс регистрации клиента на сайте какой-то фирмы, оказывающей определенные услуги. В этом случае все люди начинают работу со стартовой страницы. Однако потом частным лицам предлагается ввести одну информацию, а представителям коммерческих структур - другую. После этого и те, и другие попадают на одну и ту же страницу.
Линейная структура с ответвлениями.
Это тоже контролируемая структура, которая напоминает дорогу с ответвляющимися от нее время от времени тупиковыми тропинками. То есть посетитель последовательно переходит с одной страницы на другую. Если информация, размещенная на какой-то из них его заинтересовала, и он хочет узнать подробности, то может перейти на ответвление, а потом вернуться обратно на основную "дорожку".
Древовидная структура.
Древовидная структура - самый универсальный способ размещения веб-страниц. Она подходит для создания практически любых типов сайтов. Ее принцип, наверное, понятен всем. Пользователь при заходе на заглавную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т. п. У древовидной структуры очень много достоинств. Главный недостаток: в древовидной структуре очень сложно соблюдать баланс между глубиной и шириной. Если "дерево" вашего сайта будет расти только вглубь, то пользователям, чтобы дойти до какой-то информации, придется загрузить и просмотреть слишком много страниц. Естественно, это будет раздражать. Ну а если вы создадите очень широкую древовидную структуру, то посетители будут вынуждены каждый раз тратить очень много времени для выбора нужной им ветки.
Решетчатая структура.
Эта структура уже на порядок сложнее всех рассмотренных ранее. В ней все страницы также размещаются в различных ветках. Но у пользователя есть возможность перемещаться по ним не только вертикально (вверх-вниз) но и горизонтально (то есть между ветками на разных уровнях). Используется решетка в основном только в каталогах. При этом перемещение между ветками на глубинных уровнях осуществляется с помощью отсылок на рубрики в других разделах.
2.4 Проектирование интерфейса
Меню сайта – один из основных функциональных элементов сайта, состоящий из набора ссылок на различные страницы. Каждая такая ссылка называется пунктом меню. Меню может быть, как горизонтальным, так и вертикальным. Сайт может иметь несколько разных типов и видов меню:
главное меню сайта – содержит ссылки на ключевые страницы сайта. Часто главное меню - это простой список ссылок, с изменяющимися кнопками при наведении на них курсора;
дополнительное меню сайта – как правило, представляет собой наиболее сложную структуру. Имеет иерархическую структуру и бывает 3-х видов:
выпадающее меню - раскрывается (выпадает) при наведении на пункт меню;
раскрывающееся меню - имеет раскрывающуюся структуру по клику на кнопку меню;
раскрытое меню - статическое меню, часто имеет древовидную структуру.
Меню – наиболее распространенная навигационная система, она похожа на оглавление к книге. Меню состоит из коротких текстовых активных ссылок на определенные страницы сайта. Меню должно быть видно с любой страницы ресурса, тогда пользователь сможет воспользоваться им в любой момент. Составление полного меню, благодаря которому будет осуществляться быстрый переход на искомые страницы, для больших сайтов (свыше 50 страниц) практически невыполнимая задача. Тогда на помощь приходит раскрывающееся меню, т.е. когда человек кликает на какую либо ссылку, открывается несколько дополнительных ссылок, характеризующих подразделы. Можно размещать несколько меню: одно под шапкой два других по бокам – справа и слева. В том случае, если сайт небольшой, то лучше ограничиться формированием меню в правой колонке сайта, т.к. это очень удобно и привычно для пользователя. В общем, справа лучше располагать самые важные ссылки на разделы, поскольку данная зона наиболее активна на сайте. При соблюдении некоторых несложных правил/советов можно с лёгкостью создать меню по которому сложно будет заблудиться:
на главной странице сайта должна быть представлена карта сайта/меню, если не в графическом то текстовом виде;
на всех последующих страницах должны присутствовать ссылки на главную страницу на которой в свою очередь находятся ссылки на эти же страницы;
при использовании рисунков в качестве ссылок они должны быть однотипными на всех страницах и располагаться в одной и той же позиции;
рисунки, используемые в качестве ссылок(кнопки), должны быть интуитивно различимы для посетителя относительно других элементов страницы.
Для исполнения навигации обычно применяются следующие типы ссылок/меню:
-внутренние ссылки, связывающие страницы в пределах одного сайта;
-внешние ссылки, связь с докаментами вне данного сайта;
-ссылки на почту;
-локальные ссылки, внутри страницы между определёнными фрагментами информации.
Похожие работы
... должно стать появление 1-5 районных управлений образования с 2-5 школами, в которых большая часть администраторов, педагогов и родителей осознает необходимость реформы системы управления и готова к интенсивной работе по созданию и внедрению новой модели. Заявки на получения статуса пилотных площадок и дальнейшее участие в проекте подаются в комитет рабочей группы, и в оговоренный срок выносится ...
... Дело ЛТД, 2006. – 217 с. 7. Мескон М.Х., Альберт М., Хедоури Ф. Основы менеджмента. - М., 2005. – 162 с. 8. Проблемы теории и практики управления - 2004, №3. С. 54 9. Фасхутдинов Р.А. Разработка управленческого решения: учебное пособие - М., 2008. – 140 с. 10. Шермерорн Дж., Хант Дж., Осборн Р. Организационное поведение. - СПб.: Питер, 2006. – 89 с. 11. Объяснительная записка к годовому ...
... : группа 20+1 30+2 40+2 школьники 1400 р 1250 р 1150 р взрослые 1600р 1470р 1320р индивидуальные туристы 1980р Раздел 6. Состояние инфраструктуры г. Серпухов Город расположен в 99 км к Югу от Москвы. С Москвой Серпухов связан Варшавским и Симферопольским шоссе, а также железной дорогой Курского направления. Время в пути по железной дороге до станции метро " ...
... наука находила всё новое практическое значение с развитием вычислительной техники. Этот процесс продолжается и сегодня. Немыслимый раньше «тандем» «физиков» и «лириков» стал реальностью. Для полноценного взаимодействия математики и информатики с гуманитарными науками потребовались квалифицированные специалисты как с той, так и с другой стороны. В то время как специалистам-компьютерщикам всё более ...
0 комментариев