Команда злостных критиков разорвет ваш сайт в клочья!

Меня ночью разбуди я тебе скажу всё про внутренности телевизора (телемастер я по совместительству) однако я НЕ СОБРАЛ НИ ОДНОГО САМ...

т.е я хочу сказать что количество понятие субъективное, может быть один хороший. а может быть сто плохих...

имеется сайт и возможны в нем дыры...

http://sportmashina.com

Благодарен всем кто ткнет носом в ошибки!

Рад, что тема живет, спасибо за поддержку. Что-то сон мой затянулся, и даже после пробуждения далеко не сразу удалось выйти в сеть. Очевидно, что сейчас совсем уже не утро :) Однако, благодаря начавшей уже формироваться команде, скучно посетителям не было, я так вижу.

Итак, начну уже критиковать и я, наконец-то.

Первая заявка поступила от человека с ником atoleg, и на растерзание он отдавал две своих работы - boston-cars.ru и mir-kolyasok.ru. Сперва сразу небольшое (ли?) замечание по-поводу обоих сайтов: тема крыльев в логотипе может быть и к месту на автосайте, но к коляскам не очень идет. Да и есть подозрение, что это плагиат чистой воды.

boston-cars.ru

В целом дизайн не вызывает рвотных рефлексов, но...

1. Валидатор выдает 68 ошибок. Поясню, что первым делом я проверяю именно валидатором, и если получаю такой (предсказуемый, к сожалению) результат, решил в код даже не смотреть, чтобы экономить время. Надеюсь, впредь люди постесняются корявый код отдавать на суд.

2. С отключеной графикой пользоваться сайтом невозможно вообще. Я считаю, что это очень важно в принципе, но почти уверен, что кто-то возразит что-то вроде: "да с нынешними скоростями об этом можно не заморачиваться, у всех все включено". Хорошо. Результаты моего маленького опроса, надеюсь, развеют такие заблуждения.

Хотя, если считать Россией только Москву и Питер, то может и сойдет ;)

3. Я вообще не люблю, когда текст делают картинками, но иногда люди прибегают к этому способу, чтобы буковки были красивее - то есть хотят использовать нестандартный шрифт, либо просто добиться эффекта сглаживания во всех браузерах. В Вашем же случае, atoleg, я не вижу никаких оснований для засовывания текста в картинки. Тем более, что он все равно набран обычным рубленым шрифтом (точно гарнитуру определять лень, но 90% посетителей все равно не отличат эриал от верданы). Текст в нижних картинках ужасен, а "новости" - так это просто убожество, извините меня. Мало того, что он жутко мелкий, так еще и качество ужасное. Если Вы для чего-то текст картинками делаете, так потрудитесь его сделать хотя бы чуточку лучше "честного".

4. Продолжение, оказывается... сейчас обнаружил, что есть еще "архив новостей". Я просто требую, чтобы Вы объяснили людям, зачем все это в картинках? :)

5. Да-да, стандартные значки (домик, письмо и лупа) видимо настолько всем приелись, что лучше спрятать их на светло-сером фоне. Кстати, нажимая на лупу я лично ожидал увидеть поиск, а не карту сайта, котррая при этом является просто списком мелких ссылок. Какую-то иерархию там уловить почти невозможно.

Больше ничего говорить об этом сайте не хочется. Перейдем к следующему:

mir-kolyasok.ru

Опять-таки, довольно симпатично и отторжения сразу не вызывает. Опять-таки есть несколько серъезнейших НО...

1. Ошибок уже 110 :) похоже, уважаемый atoleg следует заветам Лебедева, который лучшим валидатором считает браузер. Но у Лебедева большой штат сотрудников, а вот экономит ли это увтерждение время автору сайта "Мир колясок"? Я лично сомневаюсь.

2. Без картинок, теоритически пользоваться можно, но изврат еще тот. Особенно порадовал белый текст меню на белом фоне. Впрочем, даже с картинками верхний пункт меню на желтом фоне.

3. Замечание к меню не самое серъезное, но было бы куда приятнее и нагляднее, если бы подсвечивался весь блок меню при наведении курсора, как на предыдущем сайте. Здесь же не подсвечивается ничего. Более того, ссылка активируется только при нахождении курсора над текстом, если же мы нажмем на картинку солнышка в строке - ничего не произойдет. Эти же замечания относятся и к меню, которое пониже основного.

4. У меня лично серъезных проблем со зрением пока нет, к счастью... но, думаю, что некоторые люди долго могли бы гадать, как же правильно прочесть: "Мир олясок"? Или может быть "ир олясок"? В любом случае им бы вряд ли понравилась "регистрация" зачем-то сливающаяся с фоном. Зато те, кто увидел бы вопросы голосования, начертанные светло-оранжевым по белому, прониклись бы гордым чувством сопричастности к секретам компании.

Несомненно, если бы дети сами покупали себе коляску, им бы понравились эти цветные буквы.

5. Заголовки "наши новости" и "все новости" абсолютно идентичны по оформлению, но последний является еще и ссылкой. Да и вообще, ни одна новость не ссылается на более подробное описание.

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

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

Оказывается тут ограничение на длину сообщения 10000 символов, так что продолжение в следующем посте.

Продолжаем.

Теперь следующий смельчак - i73 с сайтом onetop.ru.

1. 96 ошибок пришлось проанализировать валидатору... Значит я в код даже не смотрю, поберегу свое техноэстетическое сознание.

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

3. Почему кнопка "найти" так далеко от поля ввода?

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

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

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

7. В "топе пользователей" возникает естественное желание нажать на ники, посмотреть профиль, статьи. Но ники не являются ссылками - просто текст. Опять обман :)

8. Вообще текст в новостях и меню слишком тускловатый и мелкий.

Вердикт: сайтом пользоваться хоть и неудобно, но можно. Желания же такого не возникло. Блекло, совершенно никакого изюма. Доверия не вызывает, производит впечатление ресурса, нужного лишь создателям и авторам статей.

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

Продолжаем снова.

Теперь дошла очередь до сайта megaobzor.com, который заявил SMM. На что он надеялся? Непонятно.

1. Видимо, люди глядя на предыдущие ссылки, совсем осмелели :) А зря. 185 ошибок в коде говорят о том, что кодом не заморачивались вообще. Я тоже не хочу.

Остальные придирки будут мелкие, далее же подобные сайты рассматриваться не будут вообще (в конце поста будет написано, почему).

2. Шаблонный дизайн, в общем-то, отторжения не вызывает, но и не радует. Лично мне такие сайты, типа "все в одном" не нравятся, но я точно знаю, что есть достаточно обширная категория людей, питающая слабость к насыщенным информацией ресурсам.

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

4. Заголовки было бы удобнее читать, будь они выровнены влево, а не по-центру.

5. Интересно, почему так часто люди ставят побольше препятствий для своих потенциальных клиентов? Если кто-то считает, что удобно читать мелкий белый текст с черной обводкой - поднимите руки. Мало того, что неприятно читать, так еще и некрасиво. И это реклама (!) разработчика.

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

Дальше у нас сайт scepsis.ru от saint_evil. Сразу скажу, что такие проекты мне симпатичны. Имеется в виду содержание. Но критикую я удобство пользования и дизайн. Так что поехали...

1. This Page Is Valid XHTML 1.0 Transitional! Я тоже разделяю восторг валидатора, это ведь первый сайт в теме, создатели которого уважают современные отраслевые стандарты. Однозначно плюс :) С разбора кода и начнем тогда, к дизайну переключимся позже.

2. И тут первое разочарование. Довольно простой макет сверстан таблицами, к сожалению. И таблиц этих более 15 на главной! Ай-я-яй.

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

4. Текст в шапке весь картинкой зачем-то. Никакой alt для нее не прописан, потому что это фон ячейки. То есть с отключеной графикой я не узнаю, что "свобода начинается с сомнения" :)

5. CSS довольно "толстый" - 20 кб, анализируя его я делаю вывод, что хоть верстальщик и вяло стремится следовать стандартам, но понимания сути CSS (особенно самой прелести - каскадирования) у него пока нет, и он ничего не знает о сокращенных свойствах.

Например такой перл:

border-top: 1px solid #333333;

border-right: 1px solid #333333;

border-bottom: 1px solid #333333;

border-left: 1px none #333333;

Правильней было бы записать таким образом:

border: 1px solid #333;

6. В шапке цепочка тэгов br, которые используются для задания интервалов.

7. Совсем печальна конструкция из тэга font с классом, повторяющаяся 18 раз.

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

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

9. Текущие пункты меню подсвечиваются, но к сожалению, если я нахожусь на главной, "главная" все также остается ссылкой на саму себя.

10. Фиксированная ширина для насыщенного информацией сайта непростительна. А если пользователь привык смотреть сайты в браузере, развернутом в половину экрана по-горизонтали, и при этом разрешение у него 800х600?

11. Статьи с подобных сайтов я часто читаю на КПК. И я всегда хвалю создателей, когда статья сразу мне показывается, без необходимости прокручивать бесконечные пункты навигации. Вас тут не похвалишь, к сожалению. Если вы не можете сдвинуть в коде навигацию в конец страницы (что неудивительно, когда используется табличная верстка), то хорошим тоном бы тогда был пункт "пропустить навигацию", который с помощью CSS можно не показывать на нормальных экранах.

12. Для такого сайта отсутствие отдельного стиля для печати - большой минус.

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

Однако дизайн в этом случае не будет являться причиной для отказа от пользования сайтом :) Все-таки содержание вытягивает.

Теперь самоуверенный Nikola с сайтом студии "Концепция стиля". Примечательно, что это первый сайт дизайн-студии, в этой теме. Ну что-ж, сам нарвался :)

1. 74 ошибки! При этом заявленный тип - XHTML 1.0 Strict. Вот такая "Концепция стиля".

Сперва думал, что стиль CSS и код смотреть не буду, а то мало ли, какие там "концепции". Однако решил все же заглянуть, ведь все же студия... вон, у Лебедева тоже невалидный код, а ведь в его профессионализме не сомневаются (такой контраргумент любят приводить).

2. Не зря посмотрел :) Такие шедевры... например:

<a style="coflor:black;te6xt-decoration:none"...

Мало того, что стиль зачем-то встроенный, так еще и с такими ужасными опечатками.

Интересно, а как клиентам делают сайты, если даже в своем такая каша? Кстати, похоже верстальщик куда-то торопился, потому что встречаются и другие опечатки, например bforder, bofrder, mi6n-height и другие. В общем, о коде, все-таки, давайте не будем...

3. Возможно, на кого-то и произведет впечатление траурная фигурная полоса, занимающая большую часть страницы, но будет ли это впечатление позитивным? Особенно "приятно" будет неудачникам с небольшими мониторами. Что-ж, разумное решение - заказчики, которые не могут накопить на нормальный монитор пусть на нас не надеются, да? :)

4. Загрузил сайт в FF и выяснил, что по-черной полосе оказывается бегают скриншоты сайтов :) Причем так забавно - бегают только пока курсор над ними. Что еще больше веселит, они иногда обижаются, и заезжают обратно. Честно говоря я так и не разобрался в этой системе.

5. "Услуги", "портфолио", "студия", "контакты", набраны столь прекрасным шрифтом, что это решили сделать картинками. И alt для них не нужен! Пусть люди включают графику и любуются, для них же старались!

6. А кто первый придумал подчеркивать весь текст новостей? Я что-то уже не припомню, но встречаю этот странный прием все чаще и чаще. Скоро стандартом станет.

В общем, долой такую "концепцию". На этой бьезрадостной ноте и завершать бы, но надо сказать еще кое что.

ДАЛЬШЕ ОЧЕНЬ ВАЖНЫЙ КУСОК ТЕКСТА

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

1) код не проходит валидацию;
2) сайтом невозможно пользоваться с отключеной в браузере графикой;
3) использованы таблицы для оформления (нет-нет, в религиозные войны не втягивайте);
4) вы не уверены.

Лично я просто не буду никак комментировать эти сайты. Кидайте уже достойные работы, пожалуйста. А то тут на форуме чуть ли не каждый второй дизайнер-профессионал (судя по некоторым ответам), а оказывается, что не очень-то уверены в этом. Фальш? Фарш! :)

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

PPM и pelvis, понимаю, что таких подначек не избежать, ведь помимо вас уже и в репутациях пошли те же вопросы. Объясню тогда раз и навсегда. Во-первых, я не считаю, что право на критику может быть дано лишь опытным сайтостроителям, ведь логические ошибки можно увидеть просто приложив мозги :) да и взгляд со стороны, опять же.

Во-вторых, удобство пользования вообще могут оценивать совершенно некомпетентные в Интернет-технологиях люди, более того - так даже лучше было бы. Так что вопрос "а судьи кто?" вполне обоснован, конечно, но вот мерить адекватность этих судей по-количеству работ (или по крутости автомобиля, да, PPM? ;)) не совсем верно, я так считаю.

Однако ваше любопытство удовлетворю. Всего мной сделано 9 сайтов, большая часть которых в томском сегменте сети (недоступна извне, к сожалению). В работе еще 2, в планах разной степени отдаленности - 6. Первый блин мне показать стыдно :) А последние работы я не выкладываю по той причине, что мои лично требования к коду и дизайну сильно возросли.

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

Так что каждый может кинуть помидор, если есть желание :) Однако конкретно эта тема - аналог авторской колонки, поэтому критиковать мою работу давайте в другом месте.

Не скромничай, твое участие автоматом заносит тебя в группу критиков :)

Отлично! Стоило мне выложить свою критику как посыпались анонимные минусы. Причем вес их очень мал, так что ясно кто есть ху ;)

Что-ж, значит будем продолжать - задевает людей за живое.

Буду краток: фигня. :)

Проведите опрос "отключаете ли вы графику", а не стройте позицию на скоростях и ценах. У меня и при самом отстойном диалапе картинки всегда были включены. ;)

15. У нас разные калькуляторы? :)

Вот эти два момента ну просто никак в моём сознании не вяжутся:

Совсем не фигня. Предлагаемый Вами опрос будет очень и очень необъективен, поскольку не стоит сравнивать аудиторию searchengines.ru с аудиторией сайта, продающего детские коляски, или, например, агентства недвижимости. Например, в логах моего сайта показано, что среди пришедших с этого форума браузер FF более чем у 40%. Но ведь глупо считать, что такое же соотношение и у всей аудитории рунета, правда?

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