TIPS OF WEB

Спецвыпуск Xakep, номер #019, стр. 019-096-1

Навигация и другие животные

Vadias (vadias@sendmail.ru)

Рад видеть, брат, что ты на глазах становишься все мудрее и креативнее. Ты долго собирал инфу для своего сайта, мастерил проги, сочинял байки, сканировал фотки или рисовал полугениальные пикчуры и, в конце концов, выложил все это добро в сетку. Однако следует помнить: инфу надо не просто дать, ее надо дать красиво - на блюдечке с голубой каемочкой, как завещал великий Остап Бендер. Именно для этих целей мы собирали эти типсы, призванные сделать ВВВ красивее и удобнее, при этом не заставляя тебя потеть, изучая тонкости интернет-технологий, - так ненавязчиво ты будешь становиться гуру веб-дизайна, разумно применяя их на радость друзьям и на зависть ламакам, и каждая пага твоего сайта будет дышать умиротворенностью и совершенством. Настало время почувствовать себя Леонардо, художником, создающим очередное гениальное полотно :).

Tipsa 1. Когда информации набирается достаточное количество, одновременная подача всех данных неоправданна: юзверю будет слишком проблематично найти конкретную единицу информации. Можно, конечно, организовать на сайте поиск, но гораздо привычнее и целесообразнее разбить инфу на разделы, естественно, учитывая их смысл - отдельно фотки, статьи, ссылки, варез. Если сайт часто обновляется словесной информацией, то хорошим ходом будет выносить на главную страницу начало этого текста, прерывать его многоточием и писать "дальше", сделав это слово ссылкой на весь остальной текст.

Tipsa 2. Пага в несколько экранов длинной - признак неуважения к посетителю и вообще ламерства. Многие гуру веб-дизигна считают, что одна страница сайта должна влезать в окно бродилки целиком.

Tipsa 3. Навигация на сайте слишком важна, чтобы смеяться над ней. Придерживайся следующих небольших правил - и твои прихожане будут спасены от опасности заблудиться в электронных джунглях и философских выкладках. Во-первых, юзверь всегда хочет знать, где он находится в настоящий момент. Ему можно помочь, вынеся такую информацию (типа "сайт -> раздел -> страница") в title. Можно сделать по-другому: если на паге есть меню навигации, то текущий раздел каким-нибудь образом нужно выделить среди других, скажем, сделать чуть темнее или светлее. Во-вторых, есть простое правило, которое нужно учитывать при веб-строительстве: вложенных ссылок должно быть не более двух-трех. В-третьих, оптимальное количество разделов, а равно и кнопок в меню - не более семи штук, но не менее четырех.

Tipsa 4. Если кнопки оформлены как графические вставки, обязательно прописывай alt - пусть всплывающая подсказка чуть подробнее поведает посетителю, что его ждет после нажатия. Атрибут alt прописывается в теге следующим образом: .

Tipsa 5. Чтобы кнопки выглядели как живые, юзай функцию ролловер (перекатыш). Это значит, что при наведении мауса на область кнопки она будет менять свой вид. Сначала готовятся непосредственно кнопки в обоих вариантах - до и после наведения курсора мауса. Вариантов изменения можно подобрать немало, но для гармоничности сайта пользуйся ими осторожно - обезьяньи перепады настроения уже не в цене :). Порекомендовать можно скромные эффекты вроде небольшого изменения цвета, яркости и контраста или простой анимации. Использовать анимацию без нужды также не следует.