Обзор сайта компании «Akzo-Nobel» - Новости

ITNews открывает новый раздел - «ITДозор», посвященный шедеврам питерского сайтостроения. Авторы не претендуют на мнение высшей инстанции, а лишь оставляют пометки на полях «исследуемых» сайтов.

И первый «исследуемый» сайт - «Akzo-Nobel».

Разработчики: TRINET

Прочитав этот обзор и ознакомившись с картинками, вы узнаете:

Что разработчики помнят и чтят Буратино
Откуда можно отправить коммерческое предложение на редизайн
Из чего варят зеленый суп
Как позвонить Силеру Грунилаку
Где получить совет о вспучивании
Как попасть на секретный уровень

Вы научитесь новым приемам верстки, удержания целевой аудитории, проектировании системы навигации сайта и представления продукции. Если вы будете достаточно внимательны, то даже поиграете с сайтом в небольшую промо-игру. Приступим!

Темная материя

Судя по всему, концерн реализует какие-то новые, неизвестные земной науке субстанции. Обратите внимание на меню в левой части страниц (Рис. 1). «оЮПЙЕР»! На странице про дилеров еще одно интригующее предложение: «ннн "яюаю"» (Рис. 1б)

Выбери меня, выбери меня, птицца щасья зафтрашнева дня

Каждый уважающий себя сайт уже имеет такую «фичу»! Вся целевая аудитория, которая попала на сайт, по замыслу разработчиков, непременно воспользуется кнопкой «Избранное». Вот только что это? То, что «избрали» хозяева сайта? Круче! Разработчики вовсю применяют продвинутые технологии JavaScript на благо заказчика: по замыслу, посетители будут возвращаться снова и снова, через «Избранное». Удивительно, что нет кнопки «back» или «refresh». До этой страницы пока не дочитали.

Телепортационные технологии

Предположим, посетитель сайта сидит в своем скучном офисе, и захотелось ему домой. Что он сделает? Правильно! Откроет данный сайт и нажмет кнопку «Домой». Замечательное название для кнопки на русском сайте.

Добро пожаловать, или «Опять приехали»

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

Зачем представлять на главной странице ссылки на товары услуги компании или анонсы материалов? Ведь есть целых 4 (!) меню на каждой странице. Пускай изучают.

Некий Якоб Н. в своей заметке «Top Ten Guidelines for Homepage Usability» пишет, что главная страница оказывает на прибыли компании намного большее влияние, чем прибыли от электронной торговли. И еще много чего умного, интересного и полезного.

Обратная связь

В форме обратной связи предусмотрено 2 темы сообщения: «коммерческое предложение» и «вопрос по работе сайта». Третьего не дано. Интересно, в чей офис отправляются «вопросы по работе сайта»? И можно ли отсюда отправить коммерческое предложение на редизайн?

По доброй традиции

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

Хитрые программные решения:

С какой-то целью внешние ссылки на сайте реализованы так:

Наверное, берегут Page Rank. От того и статусная строка корявая (Рис. 2), и в новом окне через контекстное меню страницу не открыть – ошибка вылезает. Сами ссылки, хоть и открываются в новом окне, но как-то не по-человечьи. Способов отличить ссылку, открывающуюся в новом окне, не предусмотрено.

Что интересно: ссылка на сайт разработчика реализована нормально.

Защита информации

В разработке сайта применены новейшие технологии защиты информации. Возьмем страницу для печати Внимание на: (Рис. 3). Телефон и email надежно защищены от посетителя сайта. Хотя, у меня такое подозрение, что циферки могут стать видны на просвет или в ультрафиолете.

В печать!

Версия для печати открывается в новом окне, что уже неплохо. Есть даже две ссылки на версию для печати – во втором сверху горизонтальном меню и под основным текстом! А вот CSS для печати не предусмотрено.

Креатифф

Я долго изучал изображение в верхнем правом углу страницы (Рис. 4).

Гипотеза 1: кто-то варит зеленый суп из листьев
Гипотеза 2: это часть невероятно сложного технологического процесса по производству зеленой краски

Где я?

Система навигации крайне неохотно сообщает мне, где я нахожусь. Зайдем на страницу, на которой «реализована интерактивная управляемая посредством TrinetCMS виртуальная карта дилеров.» У нас есть URL и неброский заголовок страницы (к чести авторов, помещенный в тег <H1>). Меню в ходе всей навигации никак не менялось.

Торжество копирайтеров

Хроническое несоответствие заголовков тексту – еще одна распространенная патология местного сайтостроения. Наверное, климат влияет.

«О нас», – гласит заголовок страницы. И тут же следует текст: «Промышленные ЛКМ для отделки древесины». Так «о нас» – это «о компании» или «о промышленных ЛКМ»? Ага! «Мы, промышленные ЛКМ, торжественно клянемся…».

В тексте пытливый читатель узнает, что «высококачественные материалы „Акзо Нобель” известны на российском рынке с начала 90-х годов», «Продажи на территории России осуществляются с централизованного склада в Финляндии». Хозяева сайта честно признаются, что «…представленный здесь перечень материалов – это только часть ассортимента».

А как вам нравятся такие перлы: «Сайт периодически обновляется новинками…» или «…наиболее приемлемы для Российского рынка»?

Мне всегда казалось, что в разделах, посвященных компании, надо писать о компании, а не о ЛКМ или о том, чем именно обновляется сайт. Я верил, что подобные разделы предназначены для того, чтобы повышать уровень доверия потенциального клиента именно к компании-хозяину сайта. Неужели я был неправ?!

Промо-игра «Найдите 10 различий»

Где-то я это уже видел: http://seebarit.spb.ru/aboutus/. Ах да! Вот где: http://seebarit.spb.ru/. Как интересно. И заголовок окна интригующий: «Akzo Nobel Концерн AKZO NOBEL»

Ньюсмэйкеры

Новости. И снова хвала копирайтерам! Кто знает, тот поймет. Заголовок новости таков: «Участие в выставке „Интерлакокраска 2005”». Можно было бы и по-человечески, например так: «Компания „Akzo-Nobel” участвует в выставке „Интерлакокраска-2005”».

Между прочим, в Интернете есть целые статьи о том, как писать заголовки…

Юзабельность кликабельных

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

Что же они продают?

Интересно, а что предлагают хозяева сайта? На этот вопрос нам ответит замечательное, понятное, доступное и однозначно трактуемое меню слева (Рис. 1)!

Судя по названиям пунктов меню, компания предлагает нам: окна и двери, садовую мебель, межкомнатные двери, снова мебель и некую субстанцию с таинственным названием «оЮПЙЕР».

Краткость – сестра таланта. Только троюродная

Идем на страницу «Садовая мебель». Видим: целых два раза написано: «Садовая мебель». То что повыше, это заголовок, понятное дело. А вот в основной части страницы? Ссылка? Нет, не ссылка. По-видимому, все рассчитано на очень заинтересованных посетителей, готовых тратить свое время на изучение системы навигации и особенностей представления ссылок на данном сайте (Рис. 6).

По правому краю расположено еще одно (пятое по счету!) меню на данной странице (Рис. 7). А вы бы догадались? Я догадался. Просто это – еще одна распространенная врожденная патология сайтов местных производителей. Какая-то непреодолимая причина заставляет их помещать разделы каталогов в меню, а не в основную часть страницы. Попробуйте-ка представить, как выглядел бы каталог Яндекса в исполнении авторов: (Рис. 8).

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

Прыг-скок!

На странице «проспекты» все, вроде бы, спокойно. Отмечен тип файла, его размеры. Но почему так скачут пиктограммы (Рис. 9)? И почему ссылкой на файл служит не название проспекта (что было бы логичнее), а размер файла? Вот так это можно сделать по-человечески: (Рис. 9б). Для пытливых читателей на рисунке оставлена небольшая недоработка.

Только собирался уйти с этой страницы, да решил посмотреть на статусную строку. (Рис. 9с) При сильной тряске (наверное, в процессе тестирования) расширение "PDF" отвалилось от верхнего файла и прицепилось к нижнему! Чудеса управления сайтом!

Коротко о вспучивании

На сайте можно получить полезный совет о вспучивании. Веселые картинки: Рис. 10. Еще раз браво составителям заголовков!

Ахтунг! Секретный уровень

Ввел в строке поиска букву «т» и получил доступ к секретным уровням на сайте. К ним вы вряд ли доберетесь посредством навигационного меню! Даже карта сайта не поможет. Смотрим и радуемся: http://seebarit.spb.ru/search/?search=%F2

Гранаты у него не той системы

Кто-то из защитников в обсуждении данного сайта имел неосторожность заявить: «У компании нет привычного всем каталога, существует понятие „система” (для непрофессионалов рынка – это ничего не скажет». Внимание на Рис. 11

Прозрачно-непрозрачные

Уже не знаю, как расценивать то, что можно видеть на Рис. 11б. То ли это чудеса CMS, то ли мастерство составителей заголовков и пунктов меню.

Кручу-верчу, всех запутать хочу

На одной из страниц с техническим описанием есть любопытная ссылочка «Скачать в формате PDF». Наведите на нее курсор мыши и посмотрите в статусную строку. (Рис. 12). Мистика!

Маркируем списки

Интересно, что сказал бы Якоб Нильсен, если бы увидел, как один и тот же значок применяется и для ссылок (где он активен), и для маркировки списков (Рис. 13)?

Чудеса локального поиска или «Позовите господина Грунилака»

Стройность информационной архитектуры и всю мощь системы поиска по сайту сможет ощутить каждый, кто введет в строке поиска запрос «контактная информация». Результаты см. на Рис. 14.

И каждая строчка бесценна…


<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=KOI8-R"> 
<META NAME="keywords" CONTENT="Ключевое слово"> 
<META NAME="description" CONTENT=""> 
<META NAME="Author" CONTENT="Trinet Company. http://www.trinet.ru/"> 
<LINK REL="SHORTCUT ICON" href="/favicon.ico"> 
<SCRIPT TYPE="text/javascript" SRC=""></SCRIPT> 
<SCRIPT TYPE="text/javascript" SRC="/includes/js/check_functions.inc.js"></SCRIPT> 
<SCRIPT TYPE="text/javascript" SRC="/components/page/js/script.inc.js"></SCRIPT> 
<LINK REL="stylesheet" TYPE="text/css" HREF="">

<LINK REL="stylesheet" TYPE="text/css" HREF="/components/page/css/style.inc.css">

Особенно бесценными удались строчки №2, №3, №6

Без комментариев

На Рис. 15 наглядно показано отношение собственно контента к общему объему кода главной страницы.

Для самых терпеливых

Те, кто проявили недюжинное терпение и дочитали обзор до конца, заслуживают награду.

А вот скриншот с заглавной страницы одной питерской компании, которая делает сайты

Обратите внимание:

О смысле заголовков
О написании заголовков
Якоб Н. о главных страницах
Прививка от косяков
Как делать версии для печати в 21 веке

P.S. Редакция приглашает всех желающих провести свой ITДозор на страницах нашего издания.

ITПоиск

ITОпрос

Обзор сайта компании «Akzo-Nobel» (35/+0)