Проектирование информационной архитектуры сайта. Курс выживания

(начало в №№ 7-12) Придумывать различные метафоры, описывающие структуру сайта, очень полезно, потому что хорошая метафора может долго помогать аудитории пользоваться веб-сайтом и передвигаться по нему. Однако не существует «идеальной» метафоры. Вы можете взять лучшие части нескольких метафор и построить из них одну (хотя возможно вообще не найти ни одной полезной метафоры). Cуществуют три типа метафор: Организационные метафоры Организационные метафоры основываются на готовой структуре уже существующих групп, систем или организаций. Например, если вы делаете сайт для продажи бакалейных товаров, метафорой может стать супермаркет, где продукты логически сгруппированы по типу (консервированные овощи, диетические продукты, закуски, товары для дома и т.д.). Помните, что копирование организационной иерархии компании заказчика обычно не приводит ни к чему хорошему — покупатели бакалейного магазина могут иметь смутное представление о корпоративной структуре супермаркета. Функциональные метафоры Функциональные метафоры построены на отношении между теми задачами, которые вы можете выполнить, находясь на сайте и тем, которые выполняете в другой среде. Например, в Photoshop (программа для работы с графикой) присутствуют такие функциональные метафоры, как «вырезать», «скопировать» и «вставить» изображение — как будто вы используете для этого настоящие ножницы и клей. Визуальные метафоры Визуальные метафоры основываются на наиболее стереотипных визуальных образах какой-либо конкретной культуры. Если вы делаете сайт, на котором можно слушать музыку, то можете использовать стандартные иконки «стоп», «старт», «пауза», как на любом реальном проигрывателе. Чтобы начать работу с метафорами, соберите команду и проведите мозговой штурм. Внимательно рассматривайте и оценивайте каждую метафору. Постарайтесь удержаться от критики того, что вам сразу не понравилось. Иногда весь «кайф» метафоры можно прочувствовать только некоторое время спустя. Попробуйте соотнести ту или иную метафору со списком разделов сайта и с инвентарным списком элементов содержания. После этого, весьма вероятно, веселого обсуждения вам предстоит выбрать ту метафору, которая лучше всего подойдет для структуры сайта. Помните, что не существует «идеальной» метафоры. Сайт целиком может не укладываться в какую-то одну метафору, но, например, система навигации или какой-нибудь раздел может вполне. Иерархия разделов сайта Теперь, когда у вас есть представление о структуре сайта, нужно представить ее в виде иерархического списка разделов. Начать можно с простого текстового файла, «иерархия разделов сайта» Основные разделы, которые были определены ранее, будут «корнями» дерева. Соотнесите их с выбранной метафорой. Далее распишите по иерархии каждый элемент из инвентарного списка элементов содержания сайта. По мере продвижения вглубь сайта увеличивайте отступ. Повторите процесс несколько раз, каждый раз концентрируясь на все более и более глубоких разделах сайта. В итоге должен получиться примерно такой список: Раздел 1 Раздел 1.1 Раздел 1.2 Раздел 2 Раздел 2.1 Раздел 2.2 Раздел 2.2.1 Раздел 2.2.2 Раздел 2.2.3 Раздел 2.3 Раздел 2.4 Раздел 3 Далее, вам, скорее всего, предстоит сделать этот список более наглядно. Многим людям сложно представить себе структуру сайта, глядя на простой список, и тем более понять, как сайт будет работать. Тут на помощь приходят архитектурные планы. Например: Архитектурные планы визуально представляют структуру сайта. Это диаграммы, на которых отображено, как сгруппированы элементы содержания сайта и как они связаны друг с другом. Не забудьте в легенде плана указать условные обозначения (как на диаграмме представлены внутренние и внешние ссылки, отдельные компоненты на странице, отдельные страницы и группы страниц). Вам может понадобиться указать, какие страницы осуществляют транзакции, части сайта, которые генерируются динамически, и страницы, содержащие только текст. Если сайт большой, вам может понадобиться несколько архитектурных планов, начиная с наиболее общего обзорного и заканчивая диаграммами наиболее глубоких разделов. (продолжение следует) По материалам John Shiple «Squishy?s Crash Course in Information Architecture» Андрей Тихонов
Весь номер

Новости партнеров: