Архитектура повседневной информации: аудит структуры сайта

Проведите аудит структуры: проанализируйте сайт, сосредоточившись на меню, ссылках, путях пользователя и иерархии. Знаю, вы думаете, что мы покончили с аудитом во второй главе, но это не так. Аудит имеет одну-единственную цель — он поможет нам построить новую карту сайта.

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

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

Поскольку каждый раз приходится создавать таблицу с нуля, вместе с файлами по аудиту я храню готовый шаблон — его можно скопировать в новый файл (рис. 4.1). Это таблица с цветовой кодировкой, которая помогает видеть иерархию страниц и определять свое место в процессе работы. Когда сайт содержит тысячи страниц, вы можете легко запутаться и потеряться — особенно возвращаясь к таблице после перерыва. Шаблон помогает мне не заблудиться — как бы глубока ни была кроличья нора.

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

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

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

Маркировать каждую строку цветом (и делать отступы, как вы увидите далее) — довольно утомительное занятие, но в Excel есть удобная функция «Формат по образцу» — с ее помощью можно копировать форматирование выделенных фрагментов всего в два клика.

Цветовая кодировка — это лишь часть шаблона. Другая часть — схема, которая помогает мне отслеживать структуру сайта. (Штука несложная, но именно в ней вся суть нашей таблицы.)

Каждой странице сайта присваивается идентификационный номер (ID). Вы сами определяете, как он выглядит — он не отражает ничего, кроме вашего личного понимания навигации. ID выполняет три задачи.

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

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

Страницы на верхнем уровне иерархии я обозначаю номерами вида 1.0, 2.0, 3.0. Следующий уровень в первом разделе — 1.1, 1.2, 1.3 и так далее. Домашняя страница имеет номер 0.0. Это не вполне логично — строго говоря, она находится уровнем выше прочих, но, поскольку номеров много и нет нужды каждый раз напоминать, как расположены остальные страницы по отношению к домашней, я считаю такой ID вполне уместным. Вы можете нумеровать страницы так, как удобно вам.

Итак, мы обзавелись секретными кодами для отслеживания иерархии и глубины. А как насчет других критериев? Какие столбцы есть в нашей таблице (рис. 4.2) кроме ID? Вот что включаю сюда я.

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

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

Создать шаблон — одно, заполнить его — совсем другое. Как новенькая наивная таблица превращается в видавшую виды? Мне нравится, как описывает этот процесс Эрин Киссейн в книге «Основы контентной стратегии»:

«Неотъемлемыми элементами аудита в моем офисе выступают огромное количество черного кофе, несколько поздних вечеров на работе, а также странная, но приятная музыка — саундтрек из культовой видеоигры Katamari Damacy. Тщательный аудит крупного сайта занимает немало времени, но это единственный способ точно понять, с чем вам придется работать». (Перевод П. В. Миронова.)

Мы не говорим о такой же основательной инвентаризации, которую описывает она (хотя музыка из Katamari — это вещь). Но даже менее интенсивный подход требует немало терпения и сосредоточенности. Готовьтесь плотно засесть перед экраном, чтобы вручную перебрать весь сайт, страница за страницей.

Начните с домашней страницы. (Да, не все пользователи стартуют отсюда, но это поможет упорядочить процесс — иначе мы просто не справимся с задачей.) Изучите основную панель навигации, прежде чем переходить к меню второго уровня. Двигайтесь по каждой странице слева направо, сверху вниз (если это совпадает с направлением письма на вашем языке), ища ссылки. Записывайте каждую страницу, к которой есть доступ, и заносите в таблицу свои соображения о структуре и навигации.

Мои советы по процессу работы.

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

Лиза Мария Мартин — независимый консультант из Бостона. Она занимается контентно-ориентированной информационной архитектурой, помогая компаниям осмысливать, организовывать и структурировать веб-контент так, чтобы улучшить взаимодействие пользователей с сайтом. Помимо работы ведущим редактором в A Book Apart она пишет книги, читает лекции, ведет семинары и сочиняет стихи.

Everyday Information Architecture
Информационный дизайн в интернете меняет наш подход к поиску, осмыслению и использованию данных. Лиза Мария Мартин показывает, как эффективно использовать принципы и практики информационной архитектуры для создания более продуманного и эффективного цифрового пространства. Учитесь анализировать контент и структуру сайта, систематизировать материал и разрабатывать стратегически ориентированные карты сайтов — ведь когда мы подходим к организации веб-контента сознательно, мы улучшаем опыт всех участников процесса.