Представьте, что вы строите дом без чертежа. Как вы узнаете, где должны быть стены? Как вы убедитесь, что сантехника подходит, прежде чем будут установлены гипсокартонные панели? Вы не можете гадать. Вам нужен план. Без детального проекта от архитектора вы просто складываете кирпичи.
Теперь представьте запуск интернет-магазина. У вас есть товары. Вам нужен веб-сайт. Где будет размещен каталог? Как клиент найдет контактную информацию? Если вы просто наспех соберете страницы, это приведет к хаосу. Пользователи уйдут. Продажи упадут. Вам нужна структура. Эта структура — информационная архитектура (IA).
Это не магия. Это инженерия. Но, в отличие от планов дома, цифровая IA неупорядочена. Она постоянно меняется. Попробуйте дать единое определение, и вы упретесь в стену. Эта область слишком изменчива. Но если объединить стандартные описания, вы уловите суть.
Информационная архитектура — это модель информационной системы. Она определяет правила. Она диктует, как контент организуется, связывается, обеспечивается доступ к нему и представляется. Это также искусство и наука создания такой модели.
Возьмем для примера растущую корпорацию. Ее IA может охватывать только публичный веб-сайт. Или она может распространяться на все. Маркетинговые материалы. Базы данных клиентов. Внутренняя документация. Все это связано.
Все еще непонятно? Представьте себе интернет-магазин обуви.
Каждая пара обуви — это единица информации. Магазин — это система. IA — это логика, лежащая в основе полок. Это руководство по размерам. Фильтры по цвету. Данные об остатках на складе. Ценовые бирки. Это невидимая сетка, которая делает покупку обуви возможной без блуждания по лабиринту.
Это большая нагрузка для одной системы. В этой статье мы разберем методы и технологии, стоящие за IA. Мы рассмотрим, как она развивалась. Мы коснемся основных концепций. И посмотрим, какие инструменты используют профессионалы, чтобы поддерживать работу цифровых систем.
История информационной архитектуры
Люди на протяжении тысячелетий пытаются удержать хаос на расстоянии. Задолго до появления интернета мы уже создавали системы для сортировки данных. Возьмём Египет 330 года до н. э. Александрийская библиотека не просто накапливала свитки; она их индексировала. 120-свитковая библиография описывала её содержание. Это была кропотливая работа. Позже появилась десятичная система Дьюи. Затем классификация Библиотеки Конгресса. Это были не просто метки. Это был единственный способ ориентироваться в растущих коллекциях.
Вероятно, вы использовали упрощённую версию этого в школе. План. Заголовки верхнего уровня. Подпункты. Та же логика. Просто в меньшем масштабе.
Затем появились компьютерные сети. Интернет. Всемирная паутина.
Темпы публикации взлетели. Мы перешли от удобных полок к огромным озёрам данных. Каждый день добавляется всё больше контента. Цифровые форматы изменили правила игры. Перекрёстные ссылки стали мгновенными. Кликни по ссылке. Перейди туда. Не нужно ходить по рядам стеллажей.
Но скорость создаёт новую проблему.
Когда всё доступно, поиск того, что вам нужно, становится узким местом. Задача организации информации кажется подавляющей. Возможно, даже невозможной.
По мере эволюции формата информации меняются и наши методы. Нам нужна новая структура.
Ричард Соул Вурман предвидел это. Сейчас он известен тем, что помог запустить конференции TED. Но в 1976 году он присутствовал на конференции Американского института архитекторов (AIA). Он ввёл новый термин. Информационная архитектура.
Ему не нравился термин «информационный дизайн». Он звучал так, будто речь идёт только об эстетике. О том, как всё выглядит. Вурмана интересовала структура. Как осуществляется доступ к информации. Как она используется. Его книга 1997 года закрепила это понятие. Речь шла не об украшении. Речь шла о системной функциональности.
Вы можете слышать различные термины. Они не являются синонимами. Это фрагменты целого.
Инженерия юзабилити фокусируется на эффективности. Управление контентом занимается бэкендом. Контент-стратегия планирует нарратив. Проектирование пользовательского опыта (UX) описывает путь пользователя. Проектирование взаимодействия (IxD) определяет, как вы взаимодействуете с интерфейсом.
Это части головоломки. Информационная архитектура — это чертеж, который объединяет их все.
Мы знаем, откуда появился этот термин. Мы знаем, почему он необходим. Вселенная информации расширяется быстрее, чем наши способности к концентрации. Далее давайте рассмотрим ключевые компоненты, которые делают информационную архитектуру работающей.
Представьте, что вы расставляете книги на полке. Вы можете выбрать только одно основное правило сортировки за раз.
Расставлять по авторам? По названию? По высоте? Конечно, можно комбинировать эти подходы. Но одно правило всегда имеет приоритет. Например, сначала по автору, затем по названию.
Как вы выбираете? Цель проста: сделать так, чтобы читателям было максимально легко найти то, что они хотят. В крупной научной библиотеке пользователи ищут не конкретного автора. Они ищут по предметной области. Контекст определяет структуру.
Цифровая информация гораздо сложнее, чем книжная полка. Варианты организации данных обширны. Однако причина остается той же самой. Вы структурируете цифровые активы, чтобы улучшить доступ пользователей.
Вот в чем проблема. Подход, который помогает одной группе пользователей мгновенно находить данные, может запутать или заблокировать другую группу. Скорость для одних означает трение для других.
Поскольку объем цифрового контента растет экспоненциально, архитектура информации больше не является опциональной. Она необходима. Без нее люди не могут получить доступ к тому, что им нужно, в то время, когда это им нужно.
Бизнес-обоснование конкретное. Компания с оптимальной архитектурой информации видит снижение операционных расходов. Пользователи тратят меньше времени на поиск файлов. Они реже дублируют работу, потому что могут найти исходный источник. Речь идет не просто о порядке. Речь идет об эффективности.
Рассмотрим случай 2009 года, изученный Джаредом Спулом. Он выделил веб-сайт, который увеличил онлайн-продажи примерно на 300 миллионов долларов за один год.
Триггером? Перемещение формы входа.
Команда Спула проанализировала взаимодействие клиентов. Они были частью редизайна архитектуры информации сайта. Инсайт был простым. Возвращающиеся клиенты, которые входили в систему до просмотра каталога, получали более гладкий опыт. Они тратили больше.
Первоначальные покупатели также выиграли. Убрав обязательную стену регистрации, больше пользователей завершали покупки.
Результаты появились в первую неделю. Простые структурные изменения привели к огромному росту выручки.
Итак, почему это важно для вас? Вы сталкиваетесь с плохо спроектированной архитектурой информации каждый день. Она проявляется в виде бесконечных кликов для поиска настройки. Она проявляется в виде запутанных навигационных меню. Это фрустрация от знания, что файл существует, но невозможности его найти.
Теперь, когда мы понимаем зачем, мы можем посмотреть на как. Архитектура информации — это широкая область. Нам нужно начать с основных концепций, прежде чем погружаться в техники и инструменты, которые воплощают эти концепции в жизнь.
Концепции архитектуры информации
Архитектура информации (Information Architecture, IA) — это не просто модное словечко. Это структурная модель информационного пространства. Практика IA включает организацию и управление этими данными. Сама модель устанавливает правила. Она определяет, как поддерживается информация. Она решает, как элементы связаны между собой. Она регулирует доступ и представление данных. Чтобы точно описать IA, необходимы конкретные концепции. Полагаться только на размытые определения нельзя.
Библией отрасли является книга Л. Rosenfelda и P. Morville «Information Architecture for the World Wide Web». Вы можете знать её под названием книга с полярным медведем. Обложка издательства O’Reilly изображает полярного медведя. Популярность книги в сообществе специалистов по IA закрепила за ней это прозвище. Профессионалы ссылаются на этих авторов как на основной авторитет в определении дисциплины.
В издании 2002 года они определяют IA через три пересекающихся круга. Первый — это контент. Он включает текст. Он включает числовые данные. Он включает изображения и видео. Второй круг — это пользователи. Это ваша целевая аудитория. IA должна учитывать их опыт. Она должна учитывать модели поиска информации. Третий круг — это контекст. Он охватывает цели и ресурсы. Он включает технологии. Он включает корпоративную культуру. Он даже включает политику.
Определение базовой единицы: пакеты данных
Гэри Маркинини предлагает другой взгляд. Он является профессором и деканом Университета Северной Каролины в Чапел-Хилл. Он выступал на эту тему в Школе информации и библиотечного дела этого университета. Он определил базовую единицу информации в IA как пакет (package).
Пакет прост. Это абзац текста. Это одно изображение. Это фрагмент видео. Это любой отдельный фрагмент данных. План IA должен определять, из чего состоят эти пакеты. Он должен решать, как они управляются в рамках более крупной системы. Он должен определять, как к ним осуществляется доступ. Для ясности в этой статье используется термин Маркинини.
Роль атрибутов
IA также опирается на атрибуты. Это детали, используемые для описания чего-либо. Представьте себе описание человека по росту, весу или полу. У информации тоже есть атрибуты. Они описывают пакеты или объекты внутри них.
Существуют физические атрибуты. Они являются конкретными. Примером может служить количество символов в абзаце. Затем есть абстрактные атрибуты. Они являются контекстуальными. Примером может служить определение подходящего контекста для отображения этого абзаца.
Для функционирования IA эти атрибуты должны применяться последовательно. Система также может включать логику того, как атрибуты соотносятся друг с другом. Последовательность не является опциональной. Она необходима для эффективности.
Компоненты, используемые в архитектуре информации
Понимание абстрактных концепций — это первый шаг. Второй шаг — изучение компонентов, которые архитекторы используют для фиксации этих концепций. Книга с полярным медведем выделяет четыре основных компонента внутри системы IA:
- Системы организации определяют категории для размещения информации. Вы можете группировать данные по именам авторов и заголовкам. Или вы можете сортировать их по размеру обуви, ткани и цвету. Важна логика категории.
- Системы маркировки определяют, как мы представляем информацию. Это включает выбор соответствующего уровня терминологии для аудитории. Следует ли использовать в статье термины «офтальмолог» и «окулист»? Или более уместно «врач-окулист»? Метка должна соответствовать ментальной модели пользователя.
- Системы навигации управляют переходом от одного фрагмента информации к другому. На этой странице вы используете кнопку «Далее» для перехода вперед. Вы также используете вкладки, такие как «Приключения» и «Технологии», вверху для изучения новых тем. Навигация касается перемещения.
- Системы поиска — это то, как мы находим конкретную информацию. Это включает ввод слов в поисковую систему. Это включает сканирование терминов в нумерованном списке. В поле поиска здесь можно ввести несколько слов. Это сужает результаты. Это приближает вас к интересующим вас темам.
Эти компоненты — не вся история. Другие элементы берутся из технологий, используемых для воплощения модели в жизнь. Если вы храните информацию в базе данных, архитектура требует компонента для запросов. Вам нужен способ извлечения конкретных фрагментов данных. Если вы создаете веб-сайт, доступ к информации зависит от просмотра, прокрутки и кликов. Это механические действия пользователя.
Задача масштабная. Архитектор информации должен быть специалистом широкого профиля. Рассмотрим обычного архитектора, проектирующего дом. Он должен знать установленные архитектурные стандарты. Он должен понимать государственные нормы и правила. Строители должны уметь читать чертежи. Здание должно пройти юридические проверки. Готовый дом должен быть безопасным и привлекательным.
Архитектору информации требуется подобное разнообразие навыков. Он должен понимать отраслевые стандарты создания, хранения, доступа и представления цифровой информации. Стандарты включают язык унифицированного моделирования (UML). Они включают язык гипертекстовой разметки (HTML). Они включают каскадные таблицы стилей (CSS) и JavaScript. Обычные отраслевые практики не менее важны. Архитекторы используют контролируемые словари. Они используют метаданные. Это гарантирует, что каждая метка категории означает только одно точное значение. Это предотвращает двусмысленность.
Проектирование архитектуры информации
Документирование чертежей
Информационный архитектор не только проектирует, но и документирует. Это можно сравнить с этапом создания чертежей для здания. Необходим письменный документ, чтобы каждый разработчик и дизайнер точно знал, каким правилам следовать. Эта документация предназначена не только для команды разработки. Это справочное руководство для специалистов по поддержке, которым предстоит предотвращать распад системы спустя годы эксплуатации.
Архитектор фиксирует конкретные детали. Он описывает типы пакетов и их атрибуты. Он выстраивает взаимосвязи между этими пакетами. Блок-схемы показывают, как решение пользователя на одном этапе перенаправляет его к следующему. Вайрфреймы иллюстрируют визуальную компоновку. Если дизайн требует утверждения советом директоров или руководителем, архитектор может даже подготовить презентацию для совещания.
Эскизирование и моделирование
На ранних этапах процесс хаотичен. Архитекторы генерируют идеи, делая наброски на бумаге или стикерах. Доска помогает им продумать быстрые изменения, не фиксируя их в коде.
Когда план укрепляется, они переходят к программному обеспечению для моделирования. Такие инструменты, как Visio, OmniGraffle или Dia, создают визуальные представления структуры. Они отображают пути навигации пользователей. Они показывают, как разветвляются деревья информации. Эти графические элементы становятся частью итоговой документации, часто дорабатываются с помощью инструментов настольной верстки, таких как Adobe Illustrator.
Существует также специализированное программное обеспечение для конкретных задач ИА. Эти инструменты помогают тестировать пользовательский опыт (UX) и навигацию до написания первой строки кода.
- Optimal Sort помогает архитекторам выбирать лучшие категории и метки, анализируя взаимодействие пользователей с контентом.
- Treejack отслеживает пути кликов, чтобы понять, где пользователи теряются в структуре сайта.
- Axure RP позволяет создавать интерактивные прототипы с использованием подхода вайрфрейминга.
- Morae тестирует существующие сайты для оценки эффективности и выявления точек трения в UX.
Внедрение информационной архитектуры в действие
Дизайн бесполезен без реализации. Программное обеспечение для информационных систем закрывает разрыв между видением архитектора и живым веб-сайтом. Это программное обеспечение обычно делится на две категории: инструменты моделирования (которые мы только что рассмотрели) и непосредственные средства построения систем.
Основную работу здесь выполняют системы управления контентом (CMS). CMS объединяет функции файловой системы и библиотеки. Она позволяет пользователям «заимствовать» контент, обновлять его и «возвращать». Она отслеживает изменения версий во времени. Если вам нужна более старая версия, вы можете восстановить её. Другое программное обеспечение может извлекать этот контент для документов или динамически отображать его на веб-страницах.
Два популярных варианта CMS иллюстрируют диапазон доступных выборов. Drupal — это бесплатная платформа с открытым исходным кодом, написанная в основном на PHP. Она известна своей гибкостью. Её настоящая сила заключается в готовых функциях и бесплатных расширениях, которые часто необходимы для реализации сложных структур ИА. Alfresco, напротив, является системой на основе подписки. Она выходит за рамки простого веб-контента, управляя всем внутренним документооборотом и управлением записями организации.
Выбор правильных инструментов
Платформы CMS — не единственный способ реализации ИА. Многие организации используют более простые инструменты, функционирующие как облегченные CMS.
WordPress часто используется для блогов, но может обрабатывать структурированный контент. MediaWiki обеспечивает работу совместных вики-сайтов. Оба имеют более ограниченные возможности для хранения и категоризации информации по сравнению с полнофункциональными системами.
Затем есть системы управления документами (DMS). Она похожа на CMS, но более ограничена. Такой инструмент, как KnowledgeTree, фокусируется на сохранении исходного формата документа. Он отслеживает автора и временную метку для каждой отдельной ревизии. При поиске внутри DMS система обычно полагается на теги, а не на индексирование полного текста документов. Это делает поиск точным, но менее гибким для обнаружения информации.
Цикл изменений
Информация не статична. Она растет. Она меняется. Она эволюционирует в зависимости от потребностей пользователей.
Для архитектора это создает непрерывный цикл. Они должны постоянно оценивать, соответствует ли текущая ИА объему или типу данных. Они должны следить за изменениями в том, кто использует систему и зачем. Когда дизайн перестает соответствовать, архитектор должен принять два решения. Во-первых, как обновить саму модель. Во-вторых, может ли текущий программный стек поддерживать эти изменения или его необходимо заменить.
Система никогда не бывает полностью завершена. Она просто достигает временного состояния равновесия перед следующей волной данных, которая потребует перепроектирования.
Культура, стоящая за структурой
Сам термин «информационная архитектура» не появился на пустом месте. Он стал реакцией на хаотичный взрыв интернета в 1990-х годах. Ричард Соул Вурман ввел понятие «информационные архитекторы» в 1996 году. Именно эта книга дала название этой области. Но культура? Она сформировалась в ходе споров.
Питер Морвилл вспоминает жаркие дебаты. Он и его коллеги пытались совместить принципы библиотечного и информационного дела (LIS) с новой концепцией Вурмана. Это давалось непросто. Затем O’Reilly опубликовала книгу Морвилла, написанную совместно с Луисом Розенфельдом. Продажи резко выросли. За ними последовал и интерес.
К 2000 году сообщество было готово к встрече. Ричард Хилл из ASIS&T помог Розенфельду организовать первый ежегодный Саммит по информационной архитектуре. Он проводится каждый год с тех пор. Мастер-классы. Новаторы. Уважение. Конференция 2011 года была посвящена конкретным методам и будущему этой области.
Глобальные конференции и профессиональные организации
Импульс не остановился в США. Растущая одержимость дизайном информационной архитектуры спровоцировала проведение аналогичных мероприятий в других регионах. EuroIA началась в Европе. Oz-IA появилась в Австралии. Они не являются простыми копиями. Они адаптируют основные принципы к местным цифровым экосистемам.
Еще есть Институт информационной архитектуры (IAI). Это профессиональная организация. Ее цель проста: продвигать развитие этой области. Они организуют IDEA: Information Design Experience Access. Это еще одна ежегодная встреча для тех, кто серьезно относится к структуре и смыслу.
Кто на самом деле занимается этой работой?
Аделль Франк из Университета Эмори хорошо знает этот тип людей. Она управляет данными, лежащими в основе веб-сайта Колледжа Эмори. Она посетила два Саммита по информационной архитектуре. Ее описание типичного архитектора точно попадает в цель.
«Странный, умный человек, который сочетает технические навыки с хорошими социальными способностями и креативностью».
Эти люди любят хаос. Они его ненавидят. Они берут беспорядочную перегрузку интернета и наводят в нем порядок. Они делают интернет терпимым. Франк отмечает, что энтузиасты информационной архитектуры одержимы улучшением того, как люди воспринимают веб. Речь идет не только о коде. Речь идет о человеческом восприятии.
Вам не обязательно иметь должность «информационный архитектор», чтобы принадлежать к этому сообществу. Многие люди выполняют эту работу без соответствующего титула. Их объединяет одна и та же страсть. Они остаются на связи через RSS-ленты. Списки рассылки. Подкасты с конференций. Статьи. Членство в ASIS&T и IAI.
Твиттер тоже имеет значение. Во время мероприятий обсуждения происходят в реальном времени. Если вы не можете присутствовать лично, вы все равно можете следить за настроением. Это технически подкованная аудитория. Они постоянно общаются.
За пределами основ
В этой статье затронуты история, концепции, методы и технологии. Это лишь поверхность. Информационная архитектура — это огромная область. Существует множество литературы. Некоторые материалы предназначены для новичков. Некоторые — для ветеранов.
Если вы хотите углубиться, поле очень обширно. Вам нужно погрузиться в него. Сообщество ждет вас.
