Редизайн или создание сайта? Вот почему информационная архитектура должна быть приоритетом №1

Редизайн или создание сайта? Вот почему информационная архитектура должна быть приоритетом №1
Редизайн или создание сайта? Вот почему информационная архитектура должна быть приоритетом №1

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

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

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

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

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

  • Упрощает использование веб-сайта
  • Облегчает поиск содержимого веб-сайта

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

1. Организация

Люди группируют информацию и контент по некоторым общим характеристикам. Ниже приведены некоторые распространенные способы группировки информации:

  • Дата/время
  • Алфавитный
  • Формат
  • География/местоположение
  • Социальные
  • Тема/тема
  • Целевая аудитория
  • Задача/процесс
  • Атрибуты/фасеты
  • Комбинации вышеперечисленного

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

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

2. Маркировка

Alabel- это предмет, используемый для идентификации чего-либо. Еще одно слово, которое я люблю использовать, - этономенклатура, что означает придумывание или выбор названий для вещей. Текстовая метка должна быть уникальной, поскольку запутанные метки могут привести к «залипанию» (что является негативным поведением при поиске).

На веб-сайте есть три типа меток, которые важны для удобства использования, взаимодействия с пользователем (UX) и доступности:

  • Ярлыки документов
  • Ярлыки контента
  • Навигационные метки

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

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

3. Расстановка приоритетов

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

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

Принцип выбора - диаграмма
Принцип выбора - диаграмма

Адаптировано из Брауна Д. (2011). Принципы информационной архитектуры. Презентация виртуальных семинаров UIE.

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

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

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

4. Подключение

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

Однако помните, что информационная архитектура - это НЕ навигация. А информационная архитектура - это НЕ поиск.

«Каждый раз, когда кто-то говорит: «Информационная архитектура и поиск», Бог убивает котёнка», - говорит Луи Розенфельд, известный консультант по информационной архитектуре и соучредитель Института информационной архитектуры., в конечном счете, понимать информацию. Успешный поиск означает предоставление людям возможности делать несколько вещей - искать, просматривать и задавать вопросы - часто одновременно, в одном и том же сеансе. Мало того, что сумма больше, чем эти части, но это еще и то, как люди естественным образом взаимодействуют с информацией».

«Если вы думаете, что IA - это просто навигация, - продолжает Розенфельд, - и что поиск - это совсем другое животное, я могу гарантировать, что ваши пользователи будут страдать от дрянного опыта поиска».

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

Некоторые факты об архитектуре и навигации по сайту

  1. Информационная архитектура - это не навигация по сайту
  2. Информационная архитектура - это не техническая архитектура
  3. Информационная архитектура должна предшествовать проектированию и разработке сайта
  4. Информационная архитектура должна во многом основываться на ментальных моделях ваших конечных пользователей
  5. Информационная архитектура имеет решающее значение для положительного пользовательского опыта (включая удовольствие)
  6. Эффективная информационная архитектура и навигация по сайту имеют решающее значение для долгосрочной видимости в поисковых системах

«Навигация обманчиво сложна, но чрезвычайно важна для вашего онлайн-бизнеса», - сказал Джим Калбах, автор книги «Проектирование веб-навигации». «Чтобы разработать лучшую навигацию, начните изнутри и работайте снаружи».

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

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

Я думаю, моя коллега, Норин Уайзел, менеджер сообщества OWASP Foundation, советник по операциям Института информационной архитектуры и независимый исследователь, хорошо это резюмирует:

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

Аминь, Норин.

Рекомендуемая литература по информационной безопасности и навигации по сайту

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

  • Хинтон, Эндрю. (2014). Понимание контекста: окружающая среда, язык и информационная архитектура. О’Рейли Медиа, Инк.
  • Кальбах, Дж. (2007). Проектирование веб-навигации. О’Рейли Медиа, Инк.
  • Морвилл, П. (2005). Окружающая находимость: то, что мы находим, меняет то, кем мы становимся. О’Рейли Медиа, Инк.
  • Морвилл П. и Каллендер Дж. (2010). Шаблоны поиска: дизайн для открытий. О’Рейли Медиа, Инк.
  • Ресмини А. и Розати Л. (2011). Распространенная информационная архитектура: проектирование многоканального взаимодействия с пользователем. Эльзевир.
  • Розенфельд, Л. (2011). Поисковая аналитика для вашего сайта: беседы с вашими клиентами. Розенфельд Медиа.
  • Розенфельд Л. и Морвилл П. (2003). Информационная архитектура для Всемирной паутины, 3-е издание. О’Рейли Медиа, Инк.
  • Сауро, Дж. (2013). Использование сортировки карточек для тестирования информационной архитектуры. Получено с
  • Спенсер, Д. (2009). Сортировка карточек: создание полезных категорий. Розенфельд Медиа.
  • Спенсер, Д. (2010). Практическое руководство по информационной архитектуре. Пенарт: пять простых шагов.