Так делать НЕЛЬЗЯ!

Мир маяков
http://www.lighthouse.ho.com.ua

Автор: Nikitar
http://rusforumz.com/

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

Сегодня вам будет представлен в нашей рубрике четвёртый сайт для детального разбора. Честно говоря, сайт не так уж плох, по сравнению с самым первым (ДУБ ФОРЕВА!) этот просто шедевр, но и у шедевра есть какие-то недочёты и ошибки. Сегодня случайно ударив ладонью по клавиатуре (а курсор у меня стоял в адресной строке) я очутился на сайте Мир Маяков. Адрес у сайта очень непростой, он располагается аж в 4-й зоне, на бесплатном хостинге.

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

Всё это мелькание по идее должно привлечь посетителя к теме сайта - маяки. Но на мой взгляд, это уже перебор. Особенно раздражает мелькание синей точки справа в новостях, но и в горизонтальном меню посоветовал бы убрать светящиеся точки. Ннасчёт шапки. Мигает маяк. Мигает надписи, причём обе, ещё одна справа. Всё это реализовано как javascript'ы и гиф-анимация. Конечно, приятнее там смотрелась бы flash-анимация и с наддписями и прочим. Если flash не хотите ставить, то тогда надо выбирать или гиф или javascript. Всё вместе слишком много.

Опускаю глаза ниже меню и вижу 2 панели, между которыми огромное пространство - чёрное. Честно сказать, смотрится не очень хорошо. Лучше здесь использовать какой-нибудь красивый бордер между правой и левой панелью, но не разделять их так далеко. Или для правой панели выбрать какой-нибудь другой оттенок, чтобы отличалось.

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

И вообще если посмотреть на страницу, даже на скриншоте, то видно что поля слева и справа, а также сверху - явно лишние. Мало кто знает, как убрать эти поля устанавливаемые по умолчанию браузером. Для этого вставьте в тег

следующую строчку: topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" Она уберёт ненавистные поля. Кстати, сролл удачно поставлен, цветовая гамма неплохо подобрана, мне понравилась.

Что неправильно на этой странице:

1. javascript. МинЗдрав предупреждает: чрезмерное увлечение эффектами javascript до добра не доводит. Так как это может вызвать раздражение у посетителей (хотя это в зависимости от эффекта), у некоторы пользователей он может быть отключен (не факт), javascript отнимает достаточное количество сил у процессора, может долго грузиться. Так что не перегружайте страницу javascript'ми, а то у начинающих веб-мастеров велик соблазн.

2. Мелькание. Анимация на сайте - это хорошо, но когда она мелькает и причём в нескольких местах сайта одновременно, то это отвлекает внимание пользователя, а потом просто начинает надоедать.

3. Поля браузера. Иногда действительно лучше, когда сайт выглядит без полей, автоматически вставляемых браузером (исправляется с помощью вставки в тег

следующей строки: topmargin="0" leftmargin="0" marginheight="0" marginwidth="0". Это требуется если шапка растянута во всю ширину страницы и резко контрастирует с фоном (как в этом случае).

Ещё раз окинув взглядом верх главной страницы, я немало удивился. Вначале там был баннер, который я принял за баннер бесплатного хостинга, но теперь он пропал. Если это баннер хостинга - то единственный совет - переезжайте, если ваш - то снимите его немедленно, он мешает. Сверху НАД шапкой - ссылка. Я понимаю, конечно, реклама и всё такое, но шапка потому и называется ШАПКОЙ, что она находится на самом верху, над ней ничего не должно быть, поэтому вашу ссылку лучше передвинуть куда-нибудь пониже, а то она выглядит немного нелепо, про правую надпись - то же самое.

Медленно двигаю страницу вниз. И наконец дохожу до низа страницы. Повтор меню. Ну что же, возможно вы правы, что его повторили. Но если повторять меню, то немного с другим дизайном, лучше всего что-то занимающее совсем мало места. Оно должно именно напоминать, а не заново показывать, какие есть разделы на сайте. Потому что оно выглядит так, словно это ещё одно меню, или рекламные ссылки, и для того, чтобы убедится что это не так, нужно сбегать наверх и посмотреть те же это ссылки или нет. Убедившись, что те, можно смело нажимать. Но ведь они были сделаны не для этого, а наоборот, для облегчения навигации. Хотели как лучше, а получилось...ну что получилось, то и получилось :)

Подвал забит счётчиками и кнопками, причём так точно всё подобрано, я даже удивился, и картинка красивая внизу. Люблю дизайн, в котором низ является продолжение верха. Но когда я увидел ма-а-аленькую такую надпись в левом нижнем углу страницы, я понял в чём дело. "Сайт оптимизирован под разрешение 1024x768 и браузер IE" Обычно такая надпись означает следующее: "Уважаемые дамы и господа! Я только ещё начинающий веб-мастер, поэтому свой сайт сделал только под одно разрешение, если у вас оно другое, то вам следует выкинуть свой монитор и купить новый. Или вы просто не увидите моего гениального творения, о чём будете жалеть всю оставшуюся жизнь!" Естественно, это не допустимо. Старайтесь смотреть сайт в других браузерах и при других разерешениях, а не "оптимизировать" только под конкретные параметры.

И вообще эта надпись там ни к селу ни к городу. Справа копирайт тоже неоформлен. Я конечно понимаю, эти надписи во всех углах экрана - претензия на стиль, но они выглядят, по меньшей мере, нелепо, и портят всё впечатление от сайта, сделайте с ними что-нибудь, прошу вас!

Ошибки на странице:

1. Реклама Всему должно быть место в дизайне и баннеру тоже. Если баннер вам насильно ставят, то нужно либо попробовать договориться с хостером, либо копить деньги на платный хостинг.

2. Оптимизация. Необходимо оптимизировать своё творение не под какой-то конкретный параметр, а под все (или практически) под все возможные разрешения и браузеры, которыми может воспользоваться посетитель сайта. В последнее время всё меньше и меньше человек использует разрешение 800x600, поэтому можно считать минимальным разрешение 1024x768. Основной браузер конечно, IE (версии с 4-й), но не забывайте про такие браузеры, как Опера, FireFox, Mozilla, Nescape и прочие.

3. Общий дизайн. Всё уместно там, где оно уместно. Вот такой каламбур. Старайтесь добиться единобразия в стиле одного сайта. То есть если все надписи у вас на плашках, то несколько надписей на голом фоне будут выглядеть отвратительно, необходимо поместить их тоже на плашки.

Ладно, что я всё на главной, да на главной, пойду-ка я, поброжу по сайту что ли, или хотя бы зайду на одну из страниц. И выбор мой пал на фотогалерею (ну что ж поделать, люблю я фотографии рассматривать :)) Перешёл я на страницу фотогалереи и О УЖАС! Какой ужасный гиф стоит в виде стрелок, это нужно видеть. Автор сайта, если вы сейчас читаете меня, а вы это делаете, я уверен, то пожалуйста ради всех дизайнеров мира, уберите эту гадость с вашего сайта. Если мигающие огоньки - это было забавно, если точки: то появляющиеся, то исчезающие - это было несуразно, то стрелочки гифовые - это отвратительно. Их лучше заменить каким-нибудь статическим изображением, красиво выполненном в фотошопе. Или просто поставить вместо гифа, что-то вроде ">>" или "-" - это и то будет лучше смотреться.

Теперь сама галерея. Фотографии в синих рамках...Мда. Рамки явно ни к чему, а если и делать то тонкие и лучше чёрные или серые. Хоть не выделяются и то спасибо. Открываются все в новом окне без дизайна - неплохо. Можно сделать с помощью javascript'a точное окно по размерам, но явно не обязательно (итак javascript'a много очень).

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

Ошибки на этой странице:

1. Гифы. Гиф - это прошлый век. Сейчас лучше всего выглядит jpg-статическое или flash, но флэш использовать для стрелочек - глупо, поэтому лучше всего взять статическое изображение.

2. Дефолтные рамки. Всё дефолтное, то есть установленное по умолчанию, не совсем симпатизирует пользователю, и если есть УДАЧНАЯ замена этому, то её надо использовать, посетитель это оценит. Если УДАЧНО не получается, то лучше не трогать.

3. Шрифт. Шрифт подобрать нелегко для сайта, но лучше не использовать декоративные, вычурные шрифты, если нет специальной направленности сайта на это (сайт-портфолио художника (декоративный шрифт), сайт про русские иконы (русский кириллический характерный шрифт), фан-клуб готики (готический шрифт) и так далее).

Общее впечатление от сайта: сайт очень понравился, правда. Мелкие недочёты, которые легко можно исправить не особо испортили общее впечатление. Видно, что над сайтом долго и упорно трудились, поэтому очень жаль, что он до сих пор находится на бесплатном хостинге. Обращение к автору и все остальным: если вы хотите, чтобы ваш сайт наконец-таки переехал на платный хостинг и получил нормальную раскрутку, то просто примите участие в конкурсе на форуме RusForumz.com и запостите свой сайт в разделе "Зацени-ка" с пометкой НА КОНКУРС. Вы получите оценку своего сайта + возможность выиграть конкурс (Подробнее...).

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

Вы тоже можете написать мне какой сайт вы бы хотели чтобы я оценил и написал такой подробный обзор. Это может быть ваш сайт или сайт кого-нибудь другого. Убогий и нет. страшный и приличный, ужасный и симпатичный, все они будут жестоко раскритикованы. Не боитесь жёсткой критики? Тогда пишите название сайта на странице обратной связи и не забудьте указать в теме: «Сайт на заценку» или что-то в этом роде.

Ждём-с. Ну, а сейчас прощаюсь и удаляюсь. Nikitar.

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

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