01. Было–Стало 02. Экстерьер 03. Редакционные материалы 04. Службы 05. Сервисы 06. О проекте


01. Было - Стало



Было...

Стало...

Все началось холодным февральским днем, когда редакция Рекламастера обратилась к нам с заданием перенести сайт на новую технологическую платформу. Однако, изучив объект (рис. 1), мы пришли к заключению – пациент скорее мертв, нежели жив (нам не представлялось возможным «прикрутить» нашу CMS-ку к еле живому – в технологическом плане – ресурсу, являвшему собой образчик дизайна середины 90-х годов прошлого века) и предложили встретиться через 2 недели, чтобы выслушать наши идеи по поводу полной переделки всего сайта.


Рис. 1. Было... Старая версия

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

Масштаб проекта был обусловлен еще и тем, что было необходимо осуществить перенос старых материалов (за почти 6 лет) в новую версию – это более 3000 статей, многие из которых проиллюстрированы, имеют сложные таблицы и графики.

Ниже изложена краткая версия видения вопроса, которое было представлено нами, спустя две недели после первого знакомства с проектом.


Рис. 2. Старая структура


Структура старого Рекламастера представляла собой как бы нитку, на которую были нанизаны бусины разделов и подразделов вне зависимости от их специфики (рис. 2).

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

1. Редакционный материал («Повестка дня» и «Статьи»).

2. Справочная информация (каталог агентств, масс-медиа и фестивали).

3. Полезная информация (исследования, законы, полезные ссылки).

4. «Интерактив» (объявления и вакансии).

5. Общение – форум (Кофейня).

6. Реклама.


Это простое упражнение на группировку информации по видам помогло нам представить структуру сайта совсем по-иному:


Рис. 3. Новая структура

В шапке осталась только та информация, которая имеет непосредственное отношение к РеклаМастеру, а реклама ушла вниз, под службы.

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

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

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


Рис. 4. Стало… Первая страница

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

Однако, что удобно при чтении газеты, не совсем подходит для сайта. Газету удобней читать, поскольку она вся перед глазами. К тому же есть еще одна существенная разница – каждый последующий газетный выпуск несет в себе абсолютно новую, не повторяющуюся, информацию. Когда вы берете свежую газету, вы уверены в том, что туда не попадет ни одной статьи из предыдущего номера. Сайт живет совсем иначе. С вашего последнего захода не обязательно поменяется 100% контента. Поэтому страницы типа «Главная» строятся по принципу «что нового?» и «что изменилось?». Они должны отображать динамику обновления информации на сайте.

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


Рис. 5. «Поэтажный план»

В две колонки мы пустили только новости и анонсы основных публикаций на сайте, объединив их в группу «Главное».

Две рубрики «Повестка дня» и «Статьи» тоже перестали быть, в отличие от прежней версии сайта, «слепыми надразделами» (никуда не ведущими заголовками в меню). Они превратились в «сборные солянки» своих разделов – стали полноценными лентами, работающими по принципу «что нового и что изменилось?» – куда выводятся все последние публикации, позволяющие посетителю опять же определить для себя, что он уже читал, а что добавилось со времени его последнего посещения.




01. Было – Стало 02. Экстерьер

2002-2007 Мастерская Веллана