Веб-критику в помощь

Пришлось тут надысь сайт один посмотреть, замечаний понаписать. Задачи конкретно опустить не было, так само получилось. Написал, перечитал — длинно. Добавил фигур от речи, чтоб не скучно было и до конца дочитали. Потренировался на кошках, кошки сказали намана. Во-о-от…

Так к чему это я. Еще раз перечитав свой опус, понял, что это применимо к 50% сайтов. И читается нормально. Так что, если придется писать что-то подобное, пользуйтесь на здоровье, копируйте, меняйте URL, правьте по мелочи, и засылайте. Скриншоты, простите, не выкладываю, чтобы не компрометировать клиента, но и без них все понятно.

Не за что.

Итак

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

Здесь я определю, исходя из каких критериев будет оцениваться сайт. Две аксиомы.

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

Во-вторых, виды посетителей должны быть четко определены. Я исхожу из следующей типологии:

- постоянные клиенты — пользуются в основном онлайн-сервисами;
— потенциальные клиенты — смотрят на информацию о компании, оценивают техническую оснащенность сайта, составляют субъективное впечатление о компании;
— в отдельную группу выделил бы первых клиентов, поскольку «у вас не будет второго шанса произвести первое впечатление», — люди, решившие попробовать воспользоваться услугами ХХХХ — эта категория находится в стадии освоения онлайн-сервисов;
— не клиенты — журналисты, исследователи рынка, аналитики, пришедшие за информацией о компании и, возможно, обратной связью.

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

Итак, с чем сталкивается посетитель, впервые зашедший на сайт http://www.zzzz.ru. В первую очередь, со странным доменным именем. Если это транслит, то почему не «хххх», если это попытка написать латиницей кириллические буквы, то почему не «уууу»? Если это аббревиатура английского названия компании, то где на сайте найти хотя бы слабый намек на это? Шансы на запоминание у такого адреса стремятся к нулю. Да, компания подстраховалась, сделав переадресацию с «правильного» адреса xxxx.ru на непонятный zzzz.ru, но в чем смысл этого нелепого телодвижения?!

Информационное проектирование

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

- ссылки, ведущие сами на себя (например, логотип на главной странице http://xxxx.ru/, а также поистине шедевральная страница калькулятора (см. приложенный скриншот 2009–01–19_161453), где есть три (!!!) ссылки, фактически ведущие на эту же страницу. Ну, хорошо, две с половиной (№3 ведет на уровень вверх), но это еще более запутывает ситуацию).
— нелепые ссылки «далее» вместо очевидной реализации стандартного меню (тот же скриншот).
— отсутствие внятного обратного пути (в просторечии «градусника») и вообще — любой другой возможности четко определить собственное положение на сайте. Впрочем, это больше недостаток графического дизайна, но о нем ниже.
— отсутствие предупреждений о размере и собственно наличии файла при открытии файлов со страниц сайта, отсутствие обработчика ошибок при открытии (см. скриншот 2009–01–19_174003).
— переключатели между двумя языковыми версиями сайта, присутствующие на странице одновременно (переключиться с русского на русский — в этом есть какой-то сакральный смысл?).
— отсутствие различий между посещенными или непосещенными ссылками.
— многое другое.

Два основных результата ошибок информационного проектирования, а, вернее, полного отсутствия такового:

1. Абсолютно равномерное распределение акцентов по всему контенту скрывает уникальные предложения и потребительские преимущества компании, что конечно же неправильно. Так, например, хитовый продукт — отраслевые пакеты услуг (http://xxxx.ru/field.html) так умело замаскирован при помощи самых разных приемов, что шансы на то, что посетитель поймет, насколько это удобно именно для него, ничтожно малы.

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

Графический дизайн

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

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

Параметры заголовков и абзацев текста контента также мало способствуют удобному восприятию текста, не говоря уже о чисто технических моментах типа представленного на скриншоте 2009–01–19_185301. Больше же на сайте из графдизайна ничего нет (называть элементами дизайна цельнотянутые из сети картиночки с буковками размером 78х76 пикселей язык как-то не поворачивается).

Контент-менеджмент

Дурацкий термин, но слово «редактура» не полностью отражает суть вопроса. Также является следствием отсутствия внятного информационного проектирования. Кроме того, суть проблемы в непонимании потребностей и задач посетителей и стремлении выложить как можно больше информации на сайт. Результатом является огромное количество информационного мусора, затрудняющего восприятие действительно необходимой пользователю информации (в качестве примера см. скриншот 2009–01–19_162112, это весьма типичная ситуация, когда 50% информации на странице можно просто выкинуть).

Можно с большой долей уверенности утверждать, что 70% информации на сайте, в том виде, в котором она представлена сейчас — лишняя, а по-настоящему необходимые пользователям сведения или сервисы на нем не присутствуют. Я, конечно, не являюсь клиентом перевозчика, поэтому не смог протестировать сервис мониторинга посылки полностью, но страницы «находится в стадии разработки» и без того весьма разочаровывают, в приличных компаниях за это обычно веб-мастера увольняют: нет ничего — так и не показывай, не вводи посетителей в заблуждение и не расстраивай понапрасну.

Техническая реализация

Чуть лучше, чем все остальное, но в целом соответствует общему уровню сайта — сделано очень небрежно, без внимания к деталям. Недочетов слишком много, самые характерные, из серии «я сделал свой первый в жизни сайт»:

- сайт по-разному отображается в разных броузерах (см., например, скриншот из Opera — файл xxxx_opera).
— странная и ничем не обусловленная организация CSS. Так, например, непонятно, зачем вводить классы типа <span class="TitleNews">, когда есть замечательные стандартные h1-h6, которые прекрасно индексируются с повышенной релевантностью поисковыми машинами.
— альтернативный текст при картинках отсутствует напрочь — помимо того, что это грубая ошибка, такое отсутствие не лучшим образом отражается на индексации поисковиками.
— не удосужились сделать обработчик 404 и 403 ошибки.
— не закрыты папки на сервере, не имеющие файлов index или main, я могу пролезть в любую; см., например, скриншот 2009–01–19_194429 — узнаете свой сайт? — вопиющая, просто детсадовская ошибка.
— и прочая, и прочая…

Предположения и попытки сделать вывод

Сайт был сделан кем угодно, только не специалистом по интерактивным маркетингу и рекламе. Под «сделан» — имеется в виду не конкретно написание кода и рисование картинок, а постановка задач и контроль качества их решения.

Ставлю последние штаны на то, что в истории появления этого творения есть только два варианта:

1. Директор (или ответственный за сайт) имеет знакомых, которые «что-то там такое с компьютерами…» Соответственно, задача звучала примерно так: «Нам сайт нужен, вы там в этом понимаете, поэтому сделайте нам что-нибудь».

или

2. Однажды случайному человеку в компании была поставлена задача «быстро сделать сайт», он(а) нарисовал(а) за полдня «структурку», пытаясь ни о чем не забыть, после чего замызганная бумажка с почеркушками была спущена найденным по знакомству старательным, но недалеким программистам-верстальщикам под видом технического задания.

Как оно ни было, результатом стали отсутствие сайта у компании ХХХХ (то, что есть сейчас, при всем моем уважении кы, сайтом назвать нельзя, как нельзя ЭТО назвать вообще каким-либо цензурным словом), и выброшенные на ветер деньги.

Рекомендаций по улучшению и не просите — нельзя улучшить то, чего нет. Да, и последнее, — пока за сайт в компании отвечает системный администратор или программист (в общем, «кто-то там по компьютерам»), ситуация не имеет никаких шансов нормализоваться.

Автор: M@, 20.01.2009 |

Все заметки в разделе «10:00 - 19:00»

Мизерикордия для умирающего проекта , Интернет-реклама работает!.. , Веб-критику в помощь , Второй номер «Проектора»… , Профессиональный жаргон — образец , Типа гаджеты , Опять принимаются поздравления... , Весёлая контекстная реклама , Креатив для контекстной текстовой рекламы , Профи-2005: принимаются поздравления , Тому... кто меня... найдет... , Сдаем проект , Парадокс управления проектом , Рекламные возможности блогов — есть ли они? , Почем креатив для народа? , Самый нужный клиентский сервис , Не ради "Денег" , Product placement online , Personas для ихнего интернета , Рамблер-ханжество , Глубоко философская проблема , Навеяло реальностью , Перепись с населением