©
Copyright Алекс aka TrigGer
& x-graphic studio.
© Все права защищены.
Перепечатка
материалов разрешается, только после письменного разрешения автора (e-mail).
При перепечатке любого материала с журнала видимая ссылка на источник www.kovrik.hut.ru
и все имена, ссылки авторов обязательны.
*** WEB Star *** #2 WEB design
Навигация сайта: стиль или простота?
Автор:
Алекс aka TrigGer
Источник: kovrik.hut.ru
Что самое главное в сайте? Вы скажете, что это контент, то есть его информационное
наполнение. И вы будете от части правы. Но не это самое главное в сайте. Хотя
контент играет большую роль в сайте, но он может превратиться в груду ни кому
не нужного хлама, если нет продуманной навигации по сайту.
Вот сейчас об этом и поговорим. Что же такое навигация? По простому говоря
- это пути, по которым посетитель просматривает ваши страницы. Так? Так… Что
же представляет собой навигация? Навигация - это просто ссылки на другие документы,
находящиеся на сайте. Если нет ссылки, то и нет доступа к этой странице. Что
ж, если это ссылки, то нужно сделать так, чтобы посетителю было удобно путешествовать
по сайту с помощью ссылок.
Группа ссылок называется панелью навигации, потому что там собраны практически
все ссылки на ваши страницы. Ссылки могут быть не только текстовыми, но и
графическими. Это когда на графический элемент (картинку) ставиться ссылка
на тот или иной документ. Понятно… Но обычно графическая навигация группируется
в стильную составляющую графического интерфейса сайта, которая не должна отступать
от задуманного дизайна.
Так все-таки что лучше в навигации стиль или простота? Конечно, то и другое
вместе. Как этого добиться? Этот путь выбирает каждый мастер сам. Тут нет
определенных правил, которые заключают web-мастера в определенные рамки. Но
все же такая рамка есть. Это размер страницы. Если размер страницы очень большой,
то она будет очень долго грузиться в Интернете. Как известно в Интернете скорость
загрузки составляет, примерно, 3 kb в секунду. Так же известно, что нетерпеливый
посетитель не будет ждать очень долго. Он обычно ждет 8-10 секунд, если на
странице ни чего не происходит, то он ее покидает, зачастую навсегда. Так
что старайтесь укладываться, как минимум в 30 kb, но можно и больше, но не
переступайте предел в 100 kb - это уже слишком долго. Если у вас сайт посвящен
графике или спецэффектам в Photoshop'e, то посетитель заранее готов, что страницы
будут грузиться долго, так как он понимает, что все примеры идут обычно с
графическими картинками, на которых показаны примеры.
Ну, так вот. В принципе, я могу вам дать несколько советов, которые (надеюсь)
вам помогут в построении стильной навигации. Во-первых, нужно перед началом
работы продумать цветовую схему сайта (каким цветом будут ссылки, каким -
текст, каким - фон и т.д.), а уже потом приступать к исполнению навигации.
Во-вторых, подберите себе дизайн. Это уже каждый сам. Есть, конечно, несколько
стилей, в которых оформляются сайты. Например, один из них - это футуристический.
Что это? Каждый домысливает сам, так как это дело сугубо творческое и каждый
понимает "футуру" по-своему. Есть также техно стиль. Еще один -
это робостиль, это, когда на сайте преобладают всякие трубочки, сегментные
трубки, панельки стального цвета. Чтобы узнать сколько есть стилей, нужно
достаточно времени полазить по Сети и поглядеть на другие сайты. Когда, вы
изучаете другие сайты на предмет дизайна и стиля, никогда не стоит сдирать
его на свой сайт и переделывать, так как это индивидуальная работа в ней сокрыт
очень глубокий замысел. Вы все равно не поймете, что замышлял мастер, когда
строил навигацию, когда его внедрял в дизайн сайта. Лучше всего посмотреть
и запомнить понравившиеся вам вещи, а потом соорудить что-нибудь свое, особенное.
Старайтесь чтобы навигация весила очень мало, так как ее страница может не
потянуть и будет загружать его очень медленно. Тут надо играть на оптимальное
качество рисунка и картинки, которую вы сделали на сайт. Оптимальным качеством
считается то, когда подобран оптимальный баланс между размером файла картинки
и качеством самой картинки. Старайтесь чтобы размер файла был как можно меньше,
а качество такое какое вы задумали.
Теперь надо сказать о местоположении навигации на странице. Лучше всего, когда
не одна панель навигации, а их несколько, так гораздо удобнее посетителю.
Вы должны помнить, что посетитель тратит свои кровные деньги на вылазку в
Сеть и вы должны облегчить ему путь к той или иной информации. И должно быть
это быстро. Обычно на сайтах наблюдаешь такую картину. Слева от вас находиться
панель навигации на которой расположены ссылки. Также может быть панель на
верху или внизу, или оба варианта вместе. Лучше делать навигацию сверху, снизу
и сбоку. Это облегчает жизнь посетителя, так как ему не надо прокручивать
всю страницу целиком и искать нужную ему ссылку. Он просто, дочитав страницу
до конца, кликнет на ссылку в нижней панели навигации и перейдет на нужную
ему страницу. Или можно сделать якорь (#top), чтобы он его возвращал наверх.
Конечно, все это занимает место на странице. Места становиться все меньше
и меньше, когда вы делаете навигацию, но чем поступиться это уже решать вам.
Удобство для посетителя или больше информации на странице (сайте), но к ней
меньше доступа. Решать вам…
Путешествуя как-то по Интернету я наткнулся на интересный сайт, в смысле навигации.
На этом сайте ее практически нету, простые текстовые ссылки не в счет. Но
вот что меня удивило, так это то, что, нажимая на такую ссылку, открывается
новое окно браузера и на ней уже отображается информация. Это тоже можно назвать
навигацией, но не забывайте, что посетитель не любит засорять панель задач
новыми окнами браузерами (одно или два в самый раз, а не десять).
На этом я свою статью закончу, так как не вижу смысла подробно расписывать
все премудрости изготовления графической навигации, так как, я повторяюсь,
это дело сугубо личное и творческое.
Удачи. С уважением Алекс aka TrigGer.