Вступление
Шатаясь по Инету, я набрел на страничку некого Станислава Лема(нет, это не известный фантаст), где обнаружил раздел "Ложка дёгтя". О чем, вы думаете, этот раздел? Правильно - о веб-дизайне. Станислав решил комментировать всех, кто зашел в его гостевую и оставил там комментарий с просьбой прокомментировать свой сайт. Разумеется, я оставил там свою заявку на "ложку дегтя". Вскоре в моей гостевой появилось сообщение Станислава, где он делает мне заявку на обзор своего сайта. Я согласился.

Почему я взялся за этот обзор? Потому что Станислав делает обзоры, как и я, и считает себя достаточно компетентным для роли веб-обозревателя. Он правильно считает, что посетитель всегда прав. И он, соответственно, как посетитель имеет право критиковать непонравившиеся ему сайты - как в магазине. :) Только вот в отличие от магазина в обзоре сайтов надо все же разбираться в веб-дизайне. А разбирается ли Станислав в веб-дизайне? Если судить по его сайту, то не очень. Хотя некоторые намеки на свой стиль и наличие дизайнерского таланта у него есть.

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

Итак, сам обзор...
Начнем, как водится, с начальной страницы.

Страничка начинается словами "Дом, милый дом". И далее текстовая надпись "Страничка, отличная от других". Чем она отличная не совсем понятно.

Фон цвета - темно синий. Очень активный цвет - на него тяжело смотреть долгое время. Цвет текста - белый. При таком фоне сложно было придумать что-нибудь другое. :) Шрифт - стандартный Times New Roman. На мой взгляд 2 цвета вообще на всем сайте - это как-то мало. Соответственно - один шрифт тоже маловато. Times уже всем приелся, хочется чего-нибудь нестандартного.

Структура страниц - заголовок, выделенный белым цветом, и далее содержание подзаголовка. Очень простенько, никакого разнообразия.

Оглавление на сайте вот такое:

В ассортименте:

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

Что меня порадовало, так это alt-текст разделов. Он точно повторяет графические надписи, кроме последнего раздела "Книга жалоб и предложений имеется". Alt-текст там попроще: "Гостевая книга" - вот такой же должна быть и графическая надпись. А запись "книга жалоб и предложений имеется" - избыточна.

Также непонятны эти разрывы - что значат эти белые квадратики в правой части каждого пункта? Это остается загадкой.

Пунктов меню слишком много - 9 штук. Сложно выделить то, что тебе необходимо. Названия разделов непонятные - и нигде нет к ним пояснений.

В заключении отмечу, что это меню используется только на главной странице. Стоило ли в таком случае городить огород и загружать страничку графикой?

Левее этого меню находятся ссылки на е-меил и icq Станислава. Насчет е-меил - никаких претензий. А вот графическое изображение icq вызывает много нареканий. Вот как выглядит графический символ icq у Станислава:

неизвестный символ icq - у меня не ассоциируется с icq - Лично у меня ассоциируется с: 1) чайником 2) телефоном 3) волейбольным кольцом (когда как на самом деле это хоровод людей)	признанный символ icq - ассоциируется с icq. Применяется на большинстве сайтов. Не заставляет думать что это такое.
Размер файла 2165 байт. Все таки в 20 раз больше. :()	Размер файла 136 байт
Размер картинки выделяется и акцентирует на себя ненужное внимание	Размер картинки равен размеру шрифта текста. Незаметен, но тот, кому надо - найдет.

Чуть ниже мы видим:

	Stanislav Lem The Home Page скоро 1 год в эфире!  Жду ваших поздравлений, пожеланий, замечаний, руганий, и всего, всего, всего, что посчитаете нужным написать, нарисовать, напеть и т.д. в адрес сайта по случаю его дня рождения.  Ваше творчество присылайте мне только на spm111@yandex.ru с пометкой "День рождения".

Здесь мы впервые видим логотип Станислава. Вообще-то его обычно размещают где-то вверху страницы, а не в середине, - но не будет к этому придираться.

Логотип довольно удачно сделан - но отличается некоторой недоработанность. Во-первых, большие буквы S и L все в каких-то мелких крапинках и неровностях. Так и задумывалось? Вряд ли. Это создает впечатление(субъективное :), как будто буквочки были поедены червяками. :)

Еще можно обратить внимание на большое пустое место в верху логотипа - смысловая дырка в дизайне.

Дальше идут новости сайта, состоящие из двух пунктов и ссылки на архив(примечание - иногда пунктов новостей больше - до 4 штук). Причем разница между новостями в 3 дня. Вероятно автор считает, что на его страничку заходят каждый день, и более ранние новости просто не нужно выносить на главную страничку. Над первой новостью - висит значок "Новоё" - именно новоё - как вы можете видеть: [ошибочка вышла: мне сообщили, что тут написано Новьё - это вообще новое слово в русском языке. А еще позднее я вдруг обнаружил, что это плагиат с сайта tema.ru/raboty/ - вот так Лем берет чужие идеи, даже не изменяя их(как, например, я)]

Эта картинка не снабжена алт-текстом, к тому же - мне очень сложно понять, почему скособоченный треугольник должен быть символом нового. Но дело даже не в этом, а в том, что на синем фоне эта картинка выглядит вот так:

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

Еще представьте - приходят люди на сайт - а там всегда над последними 2-мя новостями висит значок "новьё" - соответственно, этот знак ничего не выделяет.

Ладно, задержались мы на главной страничке - перейдем в Раздел "О себе"(благо, он идет первым пунктом меню):

Здесь мы видим еще одну фотографию(или рисованную картинку?) Станислава, - кстати, все отмечают, что он похож на Есенина, на что автор сайта в гостевой ответил: "А почему не он на меня?".

Раздел достаточно банален - хотя ответы отличаются некоторой оригинальность. [Позднее я усомнился в оригинальности данной анкеты о себе, т.к. как говорится в разделе Реакция: "Так вот, в "Паре слов обо мне", "практически всё изменено" совершенно не просматривается. И честно говоря именно это, присваивание себе того, что О СЕБЕ написал совершенно другой человек, возмутило меня больше всего." . Сами можете прочесть вот здесь ] Особо можно отметить последний комментарий внизу страницы: "Мне все равно: что вы подумаете, прочитав эту страницу." Что-то я сомневаюсь, что Станислав здесь до конца искренен. При таком подходе нет никакого смысла делать страницу и выставлять ее в Сеть.

Логотип сайта опять приютился где-то сбоку, вместо того чтобы находится вверху и быть ссылкой на начальную страничку, как это принято везде.

Впервые появляется изображение книги - ссылка на гостевую книгу. Тогда не понятно - почему же туда еще не впихнуть е-меил и icq - как на начальной. Место там вроде бы есть.

Внизу страницы мы видим:

Вот тут начинаются вопросы. Во-первых, графическая надпись "Сударь, извольте же идти" не отвечает на вопрос "Куда идти?" Куда ведут меня ссылки "туды" и "сюды"? Во-вторых, запись "Сударь..." уж очень напоминает похожую надпись в ру/ководстве Лебедева "Пройдемте, товарищи", - но там по крайней мере обращение безличное - и к мужчинам, и женщинам. А тут только к сударям. В-третьих, я не согласен - "сюды" и "туды" надо поменять местами. ;)

Ладно, по ходу дела выясняется, что "сюды" - это к начальной страничке, а "туды" - это в следующий раздел сайта - к фотографиям Станислава. Еще надо добавить, что это меню выполняет на сайте Станислава функцию локальной навигации - т.е. оно меняет свое значение в зависимости от контекста. "Туды" - это то, куда по мнению автора нам надо пойти после этого раздела; а "сюды" - это либо предыдущий пункт меню либо предыдущий обзор либо... в общем это что-то типа кнопки back в броузере - но в отличии от нее результат кликанья по кнопки "сюды" не всегда предсказуем.

Завершает все это текстовая навигация - единственный способ прямо попасть куда тебе надо. Она заслуживает отдельного разговора. (Держись, Станислав :).

Во-первых, текстовое меню занимает аж четыре строчки, - многовато. К тому же 2 строчки имеют только одно слово. Во-вторых, раздел "банеризация" внезапно изменил свое название на "Я тебе вон чё, а ты мне?" - это уже непонятно и длинно. В-третьих, откуда не возьмись возник раздел "новости" - не совсем понятно, зачем он тут появился. Желающие посмотреть новости зашли в этот раздел на главной странице. В-четвертых, раздела "гостевая книга" просто нет(есть раздел "обратная связь" - гостевая книга есть - но если посетитель ее не заметил вверху страницы, значит он пролетел. Вроде все.... А вам мало? :) Таким образом налицо большая разница между графическим оглавлением на начальной, и текстовой навигацией на всем сайте.

Так, пройдемте, судари, в "туды"(т.е. в фотоальбом):

Итак, что здесь мне не нравится:

Общие размышления.
Не могу обойти внимание такой аспект сайтостроения на сайте Станислава, как исходный код его страниц. Html-код. Он безобразен.

Скажем, заглянем на какой-нибудь из обзоров. Например, сюда.

Мы увидим там следующее:

Когда: 20.07.2001г. / 16:59:27   Кто: P}{N  URL: http://www.pxn.dax.ru  Сообщение:  "Посмотрел твой сайт и понравился он мне...почти ‡) Почему у тебя нет выхода в гостевую со всех страниц ,а только с главной ??? Почитал ложку дегтя как говориться сорину в чужом глазу замечаем , а бревно в своём невидим...."

Просто смотрим, как это выглядит в коде:
<CENTER>
<TABLE border=0 cellPadding=0 cellSpacing=0 cols=1 width="80%" BGCOLOR="#000099"><TR><TD>
<FONT color=#c0c0c0>Когда: 20.07.2001г. / 16:59:27&nbsp;</FONT>&nbsp;<BR>
<FONT color=#c0c0c0>Кто: P}{N</FONT>&nbsp;<BR>
<FONT color=#c0c0c0>URL: http://www.pxn.dax.ru</FONT>&nbsp;<BR>
<FONT color=#c0c0c0>Сообщение:</FONT>&nbsp;<BR>
<FONT color=#c0c0c0>"Посмотрел твой сайт и понравился он мне...почти ‡) Почему у тебя нет выхода в гостевую со всех страниц ,а только с главной ??? Почитал ложку дегтя как говориться сорину в чужом глазу замечаем , а бревно в своём невидим...."</FONT>&nbsp; </TD></TR></TABLE>
</CENTER>

Видимо, никто не объяснил товарищу Станиславу, что:

1. он открыл здесь 3 лишних тэга font. Соответственно, закрывающие тоже лишние. В пределах одной ячейки таблицы можно было бы открыть один font и он бы прекрасно работал.
2. Дальше - параметр cols=1 в таблице лишний. Таблица состоит из одной ячейки - ты на будущее cols=1 записал, чтоб не забыть?
3. Неразрывные пробелы   тут нафиг не нужны.
4. И наконец - в данном случае можно было не писать все эти парметры в таблице cellPadding=0 cellSpacing=0 - в данном случае подойдет и таблица по умолчанию.
5. Последняя придирка - зачем указан фон таблицы? Если он совпадает с фоном всей страницы - это совершенно излишне.

А еще Станислав знает, что если вся страница большая и загружена в одну таблицу, то страница будет долго загружаться. Поэтому он как умный человек разбил свою страничку на примерно таблиц 5-6, чтобы они загружались по очереди. Но при этом увеличился и html-код примерно в 3-4 раза соответственно.

А еще у него в коде иногда встречается(это он так пустое место делает):
<CENTER>&nbsp;</CENTER>
 
<CENTER>&nbsp;</CENTER>
 
<CENTER>&nbsp;</CENTER>
 
Специально для тебя, Станислав, сообщаю, что этого же можно достигнуть написав <P>&nbsp;</P>
  - коротко, и центрировать не надо.

Еще один перл - во всех картинках проставлен неизвестный науке параметр NOSAVE. Смысл я в этом не вижу.

Ладно - перлы в html-коде я еще долго выуживать могу. Правильно написал Станислав что "его это не интересует". Правильно не интересует, раз сам делаешь такие ошибки.

Так, подходим к самому интересному, к выводам.

Выводы:

Здесь я несколько расслаблюсь и позволю себе прорезюмировать сайта Станислава в том стиле, как это делает он сам.

Как ты там писал про мой сайт? "А ничего выдающегося. Всё посредственно и неоригинально. Обыденно и безвкусно."? Возвращаю тебе это определение. Ты его заслужил. Твой дизайн - это шаблон, годный только для грудных детей в детском саде. Вырастать пора. 4 дизайн сайта меняешь, а все никак не можешь придумать что-нибудь пооригинальней.

Насчет наград: награжу ко я тебя парочкой кнопочек "иди учится", 1-2 булочки - все-таки сайт их заслужил; и огромным количеством ложек дегтя и бочек с грязью за все твои неточности в дизайне и юзабилити.

Кстати, про птичек: о юзабилити. Не стоит понимать юзабилити как возвышенно. Дескать, если сайт с юзабилити, значит, он совершенен. А если там есть мелкие помарки в дизайне значит, там юзабилити совсем нет. На сайте нет грубых ошибок в юзабилити - однако мелкие и не очень мелкие ошибки сводят на нет удобство использования этим сайтом.

P.S. да, и напоследок. Сколько занимает у Станислава разбор сайта? думаю, около получаса. У меня этот обзор занял больше 3-х дней. И стоило ли возиться...боюсь, не оценит.

Комментарии по этому обзору: