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

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

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

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

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

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

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

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

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

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

Информационная архитектура UX

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

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

Таким образом, создание IA – это всего лишь один шаг в процессе проектирования UX. Дальнейшие шаги включают отображение пути клиента, исследование и тестирование пользователей, каркасное моделирование, прототипирование, но для выполнения любого из этих шагов вы должны сначала определить конкретные потребности ваших пользователей и создать структуру для удовлетворения этих потребностей.

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

Организационная система: Организационная система ВА относится к тому, как информация классифицируется. Система может быть иерархической (которая чаще всего устанавливается визуально), последовательной (подумайте о пошаговом процессе оформления заказа) или матричной (в основном, приключение по выбору, которое стало возможным благодаря внутренним ссылкам).
Система маркировки: Система маркировки IA относится к способу представления информации. По сути, это набор слов, выбранных для представления гораздо большего количества текста, который читатель не видит, но может угадать. Так, например, некоторые посетители сайта попадают на главную страницу и хотят узнать о миссии компании, ценностях, истории, руководящей команде и т.д. Вместо того, чтобы размещать все это на домашней странице, архитектор IA может просто использовать ярлык «About» на панели навигации. Люди смогут сами создавать ассоциации.
Система поиска: система поиска IA относится к тому, как пользователь может искать информацию. Обычно он состоит из поисковой системы, фильтров и других инструментов. Система поиска также определяет способ отображения результатов поиска. Они могут отображаться в хронологическом порядке по дате, в алфавитном порядке по названию или автору, по популярности и т.д.
Система навигации: система навигации IA относится к тому, как пользователи могут перемещаться по иерархии сайта и получать доступ к информации, которую они ищут. Система навигации может состоять из основного интерфейса навигации, подменю навигации, хлебных крошек, разбивки на страницы и других средств навигации.

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

Теперь давайте рассмотрим некоторые важные рекомендации, которым нужно следовать при проектировании этой структуры.

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

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

Ниже приводится краткое описание каждого принципа с некоторыми примерами.

Принцип объектов

Согласно этому принципу, части контента, как и объекты, уникальны и динамичны. У них есть свои собственные атрибуты, поведение и жизненные циклы, которые необходимо учитывать, чтобы наилучшим образом использовать этот контент. Например, страницы продуктов с устаревшими товарами могут быть заархивированы или просто повторно категоризированы.

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

Принцип выбора

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

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

Косметическая компания Alaffia представляет собой отличный пример такого всплывающего окна.