Лучшее руководство по информационной архитектуре

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

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

Не у каждого проекта может быть отдельный специалист по ИА. Однако понимание основных принципов хорошей информационной архитектуры позволит создавать проекты с легким (насколько это возможно) для восприятия контентом.

1. Что такое информационная архитектура?

Информационная архитектура включает в себя несколько взаимосвязанных концепций:

• Структура совместно используемой информации. Это способ организации и выделения важного контента веб-сайта, интернет-магазина, онлайн-сообщества или любого другого цифрового пространства.
• Искусство и наука организации и выделения наиболее важных цифровых свойств. Задача любого архитектора информации — создать информационную структуру, позволяющую пользователям легко находить то, что они ищут. Они должны четко понимать:

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

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

Аналогия из архитектуры

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

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

Конечно, каждый дом отличается от других следующими параметрами:

• как и кем он был построен;
• расположением на участке, на котором они был построен;
• как каждый житель использует его.

Готовые решения позволяют создать сайт или интернет-магазин, удовлетворяющий потребности большого количества клиентов. Зачастую, достаточно внести в готовое решение лишь незначительные изменения и настройки, чтобы адаптировать его к конкретному продукту. В таких случаях вам не придется обращаться за помощью к отдельному специалисту по ИА — UX-разработчик или фронтенд-дизайнер отлично справится с этой задачей самостоятельно.

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

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

Архитектор обычно участвует в этих изменениях, так как иногда они требуют значительных структурных изменений.

Такого рода решения применимы и в мире ИА. Общий шаблон информационной архитектуры может быть близок к тому, что должно получиться в итоге, однако могут потребоваться существенные изменения, чтобы он действительно соответствовал потребностям проекта. К таким изменениям может относиться:

• добавление пользовательского модуля, который работает определенным образом;
• если проект слишком сложен, его нужно упростить. 

Архитектор информации может определить, какие изменения необходимо внести, и составить план для их реализации.

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

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

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

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

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

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

 2. Чем занимается ИА-специалист в течение всего дня?

Чаще всего специалист, отвечающий за информационную архитектуру проекта, выполняет в компании более чем одну роль. Но бывают и другие ситуации, когда под эту должность выделяется отдельный человек. Итак, давайте выясним — чем занимается ИА-специалист целый день:

• Выступает в роли связующего звена между дизайнерами и техническими командами, работающими над проектом. Он контролирует, чтобы дизайнеры обеспечивали правильную организацию контента, а техническая команда — должным образом реализовывала эти проекты;
• Действует в качестве связующего звена, когда у  дизайнеров или технических команд возникают проблемы, влияющие на то, как в итоге будет выглядеть информация для конечного пользователя;
• Отвечает за определение того, каким образом контент должен быть структурирован и помечен, чтобы максимально удовлетворить потребности пользователя. Эта роль невероятно важна, поскольку плохая организация контента может испортить впечатления пользователя от взаимодействия с сайтом и разочаровать его. Скорее всего, АИ будут очень тесно сотрудничать с тем, кто отвечает за UX в проекте;
• Создает план или карту сайта, которая используется для дальнейшей работы командой разработчиков. Создаваемые карты часто используются только для работы, а графические элементы добавляются командой дизайнеров. Тем не менее, они могут показывать пути прохождения пользователя по сайту, а также то, как должны функционировать определенные элементы. Созданные таким образом карты сайта могут быть частью конечного сайта или просто служить внутренними организационными документами.

3. Принципы информационной архитектуры

Дэн Браун занимается информационной архитектурой более двадцати лет и изложил восемь принципов ИА, которые являются отличным началом при изучении того, что необходимо для создания прочной архитектуры контента для проекта. Его Восемь принципов информационной архитектуры излагают теоретические основы ИА и выдвигают следующие предположения:

• основным направлением деятельности ИА является, во-первых, структура информации, а во-вторых, дизайн фактического пользовательского интерфейса (если такой вообще имеется);
• ИА должен понимать, как люди на самом деле используют контент, и как структура должна функционировать, чтобы поддерживать легкое использование;
• ИА должен понимать диапазон содержания и функциональности проекта и то, как это должно быть структурировано.

ПРИНЦИП ОБЪЕКТОВ

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

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

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

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

ПРИНЦИП ВЫБОРА

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

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

ПРИНЦИП РАСКРЫТИЯ

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

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

• сайт, состоящий из десяти страниц, на каждой из которых расположено по одному абзацу;
• сайт, на одной странице которого расположено десять абзацев.

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

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

ПРИНЦИП ОБРАЗЦОВ

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

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

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

ПРИНЦИП ВХОДНЫХ ДВЕРЕЙ

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

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

• результатов поиска;
• ссылок в социальных сетях.

В любом случае, пользователь, попавший на внутреннюю страницу вашего сайта, может иметь очень мало (или не иметь вовсе) информации о вашем сайте или организации. Если они не смогут быстро ее найти, то вряд ли задержатся на вашем сайте надолго.

Учтите, половина посетителей попадут на ваш сайт через внутренние страницы, поэтому не имеет смысла пытаться разместить на главную страницу всю информацию — пользователи, возможно даже не увидят ее.

ПРИНЦИП МНОЖЕСТВЕННОЙ КЛАССИФИКАЦИИ

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

Под разными методами для поиска информации подразумевается следующее:

• Некоторые пользователи могут сразу перейти к функции поиска; 
• Другие могут захотеть просматривать информацию поочередно, пролистывая одну страницу за другой;
• Кто-то может захотеть просматривать информацию по одной спецификации, в то время как другие могут захотеть просматривать информацию по другой.

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

Предоставление пользователям нескольких вариантов приводит к их большему удовлетворению.

ПРИНЦИП ЦЕЛЕНАПРАВЛЕННОЙ НАВИГАЦИИ

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

Существуют следующие типы навигационных меню:

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

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

ПРИНЦИП РОСТА

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

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

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

• какой контент может быть добавлен в будущем, включая совершенно другие типы контента, а не просто расширения того, что есть на сайте сейчас?
• как этот дополнительный контент будет взаимодействовать с текущим содержимым?
• как они связаны между собой (что общего имеют)?
• каким образом можно их успешно интегрировать без необходимости переделывать всю структуру контента сайта?

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

 4. С чего начать?

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

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

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

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

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

Как только вы разберетесь с этими вещами, можете начать планировать свою контент-стратегию более конкретно.

 5. Как пользователи находят контент

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

Поиск определенного компонента

Данный способ поиска информации подразумевает, что пользователь точно знает:

• что он ищет;
• как описать то, что он ищет;
• возможно, даже знает, с чего начать поиск. 

Это мечта профессионала из отдела внутренних расследований.

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

Исследование

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

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

Поиск неизвестного

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

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

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

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

Повторный поиск

Эти люди ищут то, что уже видели, и они могут точно знать, а могут и не знать, как найти этот объект снова. Есть два разных способа помочь такому типу посетителей:

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

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

6. Модели организации контента

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

Одностраничный сайт

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

Одностраничные сайты чаще всего используются в следующих случаях:

• для персональных сайтов;
• сайтов для конкретных продуктов (цифровых или физических продуктов);
• как дополнительные сайты для более крупных сайтов.
  

Флэт

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

• для  портфолио;
• сайтов агентств;
• простых сайтов для бизнеса;
• сайтов интернет магазинов с небольшим количеством продуктов.

Флэт-сайты становятся значительно менее пригодными для использования по мере их роста в размерах. Если вы рассматриваете возможность использования плоских сайтов, убедитесь, что контент в конечном итоге не вырастет до такой степени, что такая структура станет неподходящей.

Индекс

Сайты-индексы похожи на флэт-сайты. Их различие в том, что данный вид сайтов, за счет наличия списка всех страниц в центральном месте, может использоваться для сайтов с большим количеством страниц.

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

Цветок

Такая структура чаще всего встре�