Центр Высоких Технологий

Оценка сайта ОАО «Торговый дом “Воткинский завод”»

Введение

Данный отчёт содержит анализ веб-сайта предприятия ОАО «Торговый дом „Воткинский завод“» (http://www.topol.ru/). Анализ произведен специалистами Центра Высоких Технологий с целью исследования качества профессиональной разработки ресурса и оценки следующих характеристик: структуры и наполнения, общего дизайна и вёрстки сайта.

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

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

Анализ структуры и наполнения сайта

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

Начнём с главной страницы. Её незамедлительно надо отправить на помойку, потому что она является пустым местом в смысле информативности. Что мы можем узнать из этой страницы? Только то, что она заглавная на сайте, посвящённом какому-то торговому дому. Сухие заголовки разделов нам вообще ничего не говорят о том, что это за торговый дом, чем он торгует, на кого рассчитана его продукция, сколько стоит её купить и зачем посетитель должен это делать. Здоровая шестерня в логотипе торгового дома и слово «завод» в его названии, конечно, недвусмысленно намекают на то, что рекламировать на сайте будут отнюдь не бриллианты и женское бельё, но всё равно простор для фантазии остаётся довольно большим. А если посетитель предпочитает смотреть сайты с отключенными картинками, то и эти подсказки он не увидит.

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

Главная страница сайта

Экспертная оценка веб-сайта ТД «Воткинский завод».

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

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

Внутренняя страница сайта

Экспертная оценка веб-сайта ТД «Воткинский завод».

Главная навигация поменяла свое местоположение относительно стартовой страницы, а меню 2-го и 3-го уровней разбросаны относительно друг друга, снижая тем самым вероятность нахождения ее пользователями с первой попытки. Текст и иллюстрации небрежно раскинуты по странице: взгляд пользователей движется хаотично, замедляя распознавание материала.

Далее пройдёмся по некоторым пунктам меню. Начнем с новостей. С новостями всё очень плохо. Слишком плохо. Очевидно, некому их обновлять. Тогда лучше закрыть этот раздел, потому что слово «новости» происходит от слова «новый». Новость от 5 мая 2005 года не является новой по состоянию на начало февраля 2006 года. Извините, так уж устроена жизнь.

В разделе «Публикации» много ярких красивых рисунков из ярких красивых журналов. Осталось сделать самую малость: разобраться с заголовками. Красные жирные буквы так и пестрят по экрану, путая все представления о том, где начинаются и кончаются публикации.

В разделе «Акционеры» необходимо около каждой ссылки явно прописать формат и размер файла, скрывающегося за ней.

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

Заголовок раздела «ИС „МашИнформТЭК“» поверг нас всех в трепет. Рекомендуем сменить его на что-нибудь нейтральное и подходящее по смыслу, вроде «Информационная система». Изображения внутри раздела отвратительны.

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

Раздел «Прайс-листы»… Его место — в соседней мусорной куче с главной страницей на помойке. Чего только стоит одна фраза «прайс-листы выполнены в формате MS-Word и MS-Excel». Как было сказано выше, все подразделы этого раздела надо объединить на одной странице и разбить подзаголовками. В режиме просмотра прайс-листов в режиме он-лайн не мешало бы сделать ссылки с конкретного пункта прайс-листа на соответствующий раздел в каталоге продукции.

К оформлению прайс-листов претензии огромны. Во-первых, в некоторых местах указаны только цены без НДС — это весьма дурной тон. Во-вторых, нас весьма порадовал он-лайн прайс-лист на насосные агрегаты. Вернее не сам прайс-лист, а приведенная вместо него анкета, которую мне необходимо заполнить и выслать вам, чтобы узнать-таки цену на насос. В-третьих, складские остатки приведены по состоянию на 10 месяцев назад. И тоже без цен. Думаем, замечаний набралось бы и для «в-четвёртых», и для «в-пятнадцатых», но нас уже и эти три пункта утомили.

Раздел «Гостевая книга» надо выкинуть. Для того, чтобы убедиться в этом, достаточно прочитать отзывы в этой книге.

Прочее. Катастрофически не хватает технической навигации, под которой подразумевается следующее:

  • Статусная строка, в которой показывается местонахождение пользователя внутри сайта. Например, в таком виде: «Продукция › Нефтегазовое оборудования › Насосное оборудование».
  • Поиск.
  • Карта сайта.
  • Контактная информация.

С контактной информацией всё в порядке. С остальным — полный ноль.

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

Из положительных моментов: радует постоянное наличие контактной информации на видном скромном месте во всех разделах. Радует наличие достаточно большого места под основной текст в разделах. Всё.

Анализ дизайна и вёрстки сайта

Дизайн сайта примитивен и убог. Больше, чем на раскраску шестерёнки в логотипе, разработчиков не хватило. А может, и этого не потребовалось, поскольку шестерёнку уже раскрасил кто-то до них. Мы уверены, что дело в их непрофессионализме, а не в том, что заказчик пожалел деньги на то, «чтобы было прилично». Решение о заключении основного текста страницы в серый прямоугольник однозначно достойно какого-нибудь некролога в газете. И не больше. Цветовая гамма спорна. Объясните нам, например, откуда взялся коричневый цвет текста заголовков, в профессиональной среде называемый капут-мортуум? А изображение гостевой книги вообще спёрто из публичных источников.

В общем, дизайна нет. Обсуждать нечего.

Вёрстка выполнена на том же уровне, что и дизайн. Претензии есть ко всему, к чему только можно придраться:

  • Текст везде набран слишком мелким шрифтом.
  • Абзацы с текстом постоянно выровнены в разные стороны: то по левому краю, то по центру, то по ширине.
  • При отключенных изображениях разметка здорово «пляшет».
  • Отсутствуют всплывающие подсказки и альтернативный текст у изображений.
  • Изображения плохо обработаны.
  • Таблицы оформлены отвратительно: везде понатыкан столбец «№», в котором нигде нет никакого смысла, цифры в столбцах выровнены неправильно (надо — по десятичным разрядам чисел с общим выравниванием по правому краю), сетка таблицы убога, примитивна и мешает восприятию данных.
  • Используются «нерусские» знаки препинания.
  • Внутренний HTML-код ужасен. Разработчикам не мешало бы поближе познакомиться с таблицами стилей.
  • Вместо минусов в упорядоченных списках разумнее и приятнее для глаз использовать «пульки».

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

Заключение

Основной обзор закончен. Окончательный диагноз, поставленный нами сайту, звучит так: «не по Хуану сомбреро». Другими словами, клиент серьёзный, а сайт фиговый.

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

Предложения по навигации и структуре сайта

Предлагаем расположить страницы сайта в более логичной последовательности, сократив общее количество разделов главной навигации, объединив некоторые разделы в один и облегчив, тем самым, работу посетителей ресурса.

Примерно новая структура сайта должна выглядеть следующим образом:

  • О предприятии
    • История, виды деятельности
    • Акционерам
    • Сертификаты
    • Дилеры
  • Информационный центр
    • Новости
    • Публикации
  • Каталог продукции
    • Нефтегазовое оборудование
    • Промышленное оборудование
    • Бытовая техника «Фея»
    • Перспективные изделия
    • Поисковая система
    • Прайс-листы
    • Предложения
  • Контакты
  • Карта сайта
  • Поиск

Для лучшего ориентирования по сайту необходимо соблюдение следующих условий:

  1. Добавить статусную строку.
  2. Добавить техническую навигацию.
  3. Определиться с местоположением пунктов навигации всех уровней и строго соблюдать его на всех страницах.
  4. Сделать оформление навигации отличным от основного текста.
  5. Разместить кнопки «Наверх».
  6. Определиться с оформлением заголовков страниц, а также подзаголовков и выравниванием текста на странице.
  7. Снабдить ссылки на прайс-листы и отчеты красивыми пиктограммами, символизирующими формат файлов.
  8. Создать страницу «404», в корректной форме информирующую пользователей об ошибке.

Предложения по дизайну сайта

Дизайн и вёрстку необходимо тщательно переработать. Основные предложения таковы:

  • Мы допускаем, что голубой и белый цвета являются фирменными цветами предприятия, но именно такие оттенки создают впечатление безнадёжного бледного больного на смертном одре. Следует изменить оттенки фирменных цветов на более сочные и энергичные.
  • Увеличить размер шрифта или сделать его размер меняющимся в зависимости от настроек браузера у пользователей.
  • Сделать заголовки страниц самыми заметными элементами на странице.
  • Ссылками лучше всего делать все краткое описание публикации, новости или название файла — это облегчает переход на интересующую страницу
  • Оформление ссылки с помощью пиктограммы с названием формата файла привлечет дополнительное внимание посетителей.
  • Таблицы выглядят аккуратно и удобочитаемо, если в их оформлении отказаться от лишних линий, перегружающих содержание страницы. Также необходимо выравнивать все числа в колонке не по центру, а по десятичным знакам (то есть, использовать выравнивание по правому краю). Также в числах следует разделять тысячи пробелом.
  • Мы настоятельно рекомендуем при наборе текста использовать специальные программы-типографы, автоматизирующие рутинный процесс исправления минусов на тире и «лапок» на «ёлочки».
  • Снабдить все иллюстрации на сайте альтернативными текстами и всплывающими подсказками.
  • Привести все иллюстрации и чертежи к единому стилю оформления и придерживаться его на всех без исключения разделах.
  • Увеличить размер полей, сделать колонки, пропорционально изменяемыми в зависимости от ширины экрана.
  • Вынести на главную страницу информацию о последних событиях и новинках продукции.
  • Осуществлять художественный надзор на всем протяжении работы над веб-сайтом.

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

Экспертная оценка веб-сайта ТД «Воткинский завод».

Как видно из рисунка, главная страница становится более информативной за счет появления на ней новостей и новинок продукции.

Экспертная оценка веб-сайта ТД «Воткинский завод».

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

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