Медосмотр для своего сайта.

Вступление:

Согласитесь, порою, когда целыми днями трудишься над своим детищем, закрываешь глаза на некоторые изъяны в процессе работыи прочее. А ведь эти изъяны не есть хорошо, дорогой товарищ :).

Ведь я же, как и ты, хочу, чтобы мой сайт был лучшим. А следовательно надо в этом направлении думать. Я предлагаю тебе пройтись по этапам прочистки шаблона сайта уже после того, как та сказал(а) себе, всё! Шаблон готов. Согласен(на), тогда в бой!

Зачем вам скрипты?

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

К тому же, каждый скрипт это нехилое количество драгоценных килобайт, мы же хотим, чтобы все дождались конца загрузки страницы, так:? А так как не вся Россия прешла на оптоволкно, то приходится жертвовать красотой во имя краткости, не забывай, краткость сестра таланта, не я сказал =).

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

Если это входит в дизайн твоего сайта, хотя такой трудно себе представить, а вместе с этим ещё и быстро грузится, то да. А если у тебя всё-таки более менее серьёзный сайт, то нет. Уж лучше больше информации, чем кучу лишнего, а если так хочется показать, как много красивых скриптов ты натаскал(а) из сети (или сам написал(а)), то устрой для этого всего галерею, люди будут знать на что идут и дождутся загрузки. Все довольны, счётчик крутится!

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

На вкус и цвет....

Перед тем как начать советовать свой сайт всем подряд, задумайся, а все ли увидят его так же, как видишь его ты? Не все. Почему? Законный вопрос, во-первых у разных людей разные мониторы, во-вторых разные броузеры, в-третьих разные разрешения экрана.(дефекты зрения я не учитываю :),  а вот про психологию восприятия в другой статье).

Грустно? А что делать, будем бороться. Прежде всего надо надыбать где-то разные версии броузеров, все мы тестить не станем, их слишком много, но вот самые популярные, желательно, хотя бы последние версии, но чем больше, как говорится, тем лучше, вот эти герои: Internet Explorer, Opera, Mozilla, Netscape Navigator , ну вот и всё для начала. Где их найти, ну, первый у тебя с виндами вместе лежит, если под windows работаешь, а остальные или из интернета качай, или с прилавка диск покупай, о как! Даже стихами пошло, вот, что значит по ночам статьи писать....

Обзавёлся? Отлично! Теперь ставим их себе на комп и смотрим. Меняем разрешение экрана и снова смотрим. Всё отлично, везде одинаково, садись, пять! Что-то не так? Что ж, давай разбираться по пунктам:

1. Не те цвета, ну что уж тут поделать, есть такое, часто не от тебя зависит, посмотри таблицу безопасных цветов, есть на www.design.ru . Не поможет, ну что ж делать, а если в IE пашет, а в других не очень, но тем не менее смотрится, то не парься и оставь как есть, а вот если в других совсем никак, то надо будет думать, но такие варианты не часто бывают....

2. Ужас! Таблицы разъехались, всё кувырком! Я этого не делал, скажешь ты, а нет, твоё детище, просто броузер более беспощадный.... А значит это, что ты, пардон, ламер ушастый, только без обид :). Все таблички на каждом сайте должны быть в css прописаны, не занешь что это такое? Иди читай, http://css.manual.ru, прописано всё должно быть в процентах, чтобы при любом разрешении сайт имел одинаковые пропорции.  

3. Кое-что не отображается. Да есть такое, у броузеров есть свои, так сказать, национальные особенности, например, эффект "мерцание", в Internet Explorer не пашет, только в Нетскейпе ,  а бегущая строка только в эксплорере. Об этом читайте отдельные статьи по поводу броузеров.

Красивый сайт без картинок, а вам слабо?!

Пожалуй больше всего ошибок связаны с картинками на сайте, ну, во-первых, давай рассуждать здраво, зачем вам куча картинок без текста, сайт это прежде всего информация, та же книга, только красиво представленнная. А потому не надо её захламлять. Наша задача её удобно и доступно преподнести, так давайте этим и заниматься, а не чем-то другим.

Так давай разберёмся, какие основные ошибки бывают у начинающих(и не только), связанные с картинками. Первым делом, не стоит использовать большие картинки в качестве фона. Потом проблем не оберёшься, во-первых они УЖАСНО долго грузятся, во-вторых на разных разрешениях они занимают разные части экрана, можно это конечно подправить в стилях, но сильно легче не станет, так что послушай меня, так делать не надо.

Далее, указываем ТОЧНЫЕ размеры картинки в" width " и " height ", в этом случае сразу будет виден блок, где должна будет быть картинка, а текст пойдёт строится вокруг него, затем появится сама картинка. Если же не указать размеры, то выскочит текст,  посетитель начнёт читать, вдруг появится картинка, текст, чёрт знает куда, картинка тупая, с другой стороны монитора мат, посетитель с сайта. Делаем выводы....

Так же, не помешает изучить особенности разных форматов изображений, например, прозрачный фон только у GIF, фотографии лучше всегов jpeg и ещё много тонкостей, о которых прочитаешь сам(а) :).

Не забываем про альтернативный текст у ваших рисунков, это ведь ещё и на поисковый рейтинг влияет.

Кстати, незабываем, еслши используем 3D, то все тени должны падать в одну сторону, иначе это будет смотреться довольно страннно =).

  Ну и хватит пока о картинках.

А куда мне идти? Бедному артисту... Вопросы навигациии

Навигация, это ,наверное, самый заезженный элемент веб страниц, о ней говорят все, и всё равно не все делают правильно. Так что же такое эти основные столбы навигации, на которых держится весь сайт? Об этом и поговорим.

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

Не забываем о том, что  посещённые, непосещённые и активные ссылки должны различаться по цвету. Если у вашего сайта, как и у большинства сайтов в наше время, сложная, многоуровневая структура, то не забывайте о карте сайта, вы можете сделать её текстовой, графической, или той и другой, по вкусу, но её присутствие желательно.

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

А вам удобно? Тестируем юзабилити.

Юзабилити, или по нашему удобство. Давай посмотрим два случая. Первый, вы приходите в библиотеку, а там, злая старушка, разбросанные книги, грязь и прочее. И второй случай, вы заходите в библиотеку, а там, все книги по полочкам, организован компьютерный поиск, зал-читальня, реклама новинок, книжки стоят по алфавиту, приветливые служащие. Я думаю не надо объянять к чему надо стремиться, сайт та же библиотека, и на нём посетителю тоже должно быть удобно. Так давайте поговрим о том, ка сделать посетителю "удобно".

Посмотрите на сайт и отметьте для себя:

Есть ли возможность с любой страницы попасть на главную и бросается ли эта ссылка в глаза?

 Если ваш сайт достаточно велик, то  есть ли на нём поиск?

Можете ли вы в 3 клика попасть с любой страницы на любую?

Не бьёт ли по глазам сочетание цветов на вашем сайте?

Если на вашем сайте есть файлы для скачкм, то указан ли размер файла?

Есть ли у ваших посетителей возможность задать вам вопрос (почта, гостевая книга...)?

Все ли ваши ссылки работоспособны?

Легко ли запомнить адрес вашего сайта?

Не стоит подчёркивать текст, не являющийся ссылкой, синий подчёркнутый текст это стереотип, как правило лучше его не рушить, но в конце концов, для чего существуют правила?...

Прочая нечисть. Убираем всё оставшееся(лишнее оставшееся :) ) .

Послесловие, так сказать. Напоследок хочу дать ещё парочку совтеов, буду надееться ещё не надоел.

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

Самые новые технологие это круто, но кто их увидит? В наше время многие ещё сидят под windows 95, Internet Expolorer3.0 и считают что всё классно, безусловно, равняться на них не следует, но употреблять  сверхновые технологии, которые к тому же и весят нехило, тоже не стоит.

Flash это бич дизайнеров, походите по дизайнерским сайтам, они ОЧЕНЬ красивые, но лишь немногие быстро грузятся, а ведь оптимизация изображения, это целая наука. А ради смеха, попробуйте походить по сайтам дизайнеров, особенно начинающих с выключенными картинками, смешно смотреть, делаем выводы...

Желаю вам и вашему сайту удачного апгрейда, вопросы по статье присылайте на morsell@yandex.ru

статья с www.morsell.narod.ru

 30.08.04 Morsel © =)