Логотип из аббревиатур UX/UI, где первые буквы объеденены, символизируя соединение

Если коротко: информационная архитектура (дальше ИА) это то, как устроены элементы и контент в интерфейсе, продукте или на сайте: карта сайта и взаимодействия ваших пользователей с ним.

Какие задачи решает ИА

  • Создание удобной и понятной навигации. В виде древовидной или иерархической структуры.
  • Снижение времени на поиск нужной информации.
  • ИА – мост между пользователем и контентом.
  • Часть проектной документации. Это технический документ.

Из чего состоит ИА?

Тут нет правил, по которым «правильно» или нет рисовать ИА, но важно помнить про:

  • Организацию. Здесь много типов и схем, но в целом можно организовать информацию по: алфавиту, хронологии, географии, темам, целям и/или аудитории.
  • Нейминг. Разделы «Связаться с нами» или «Работа» понятнее, чем «Обратная связь» или «Делу время». Помните про: заголовки, подзаголовки, ссыли, тексты и т.д.
  • Навигацию. Помним о магическом числе 7 +/- 2. Это правило не работает. Пунктов меню должно быть столько, сколько необходимо. Человеку не нужно запоминать их, потому что они перед глазами.
  • Поиск. Если контента мало, то может быть стоит выложить описание все на одной странице, иначе давайте возможность искать и фильтровать контент.
  • Типизацию. Если у вас есть профиль пользователя: это одна страница и ее не надо дублировать под каждого пользователя отдельно в ИА.

Как спроектировать ИА?

Важно понять цели и задачи бизнеса и думать как пользователь. Для этого необходимо учитывать:

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

Руководствуйтесь здравым смыслом, но не бюрократией и сложной терминологией.