{"id":8721,"title":"\u0427\u0442\u043e \u043f\u043e\u043b\u0435\u0437\u043d\u043e\u0433\u043e \u043c\u043e\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0438\u0437 \u0440\u044b\u0431\u044c\u0435\u0439 \u0447\u0435\u0448\u0443\u0438","url":"\/redirect?component=advertising&id=8721&url=https:\/\/vc.ru\/promo\/316632-odezhda-kotoraya-rastet-vmeste-s-rebenkom-biotoplivo-i-krossovki-iz-chaynogo-griba&placeBit=1&hash=3f7bfd5e764a97a666a0f91fc9e9278a2147bac49abdacebb6449b781d4d5ca0","isPaidAndBannersEnabled":false}

Информационная архитектура продукта: как сделать понятную карту сайта

Перевод материала соучредителя дизайн-студии пользовательского опыта EightShapes Дэна Брауна.

Дэн Браун

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

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

Можно ставить и более фундаментальные вопросы: насколько заголовок соответствует содержанию, отражает ли ожидания пользователя; как описание или пример помогают прояснить заголовок.

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

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

Обучающая призма

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

Каждая призма сопровождается вопросами:

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

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

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

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

Основные категории меню упрощены, а в мега-меню внедрили повествование. Теперь навигация помогает пользователям понять роль и миссию Всемирного банка

Соответствие концепту

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

Основополагающий концепт в мире финансов — деньги

Вопросы

  • Есть ли у команды общее понимание концепта, независимо от заголовка?
  • Соответствует ли заголовок концепту?
  • Не перебивает ли уже существующее значение заголовка сам концепт?
  • Как можно протестировать эффективность различных заголовков?

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

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

Из «Чемпионов Мидгарда». В этой игре чудовища слева — монстры, но тролли и драугры — нет. Разве тут нет проблем с информационной архитектурой?

Прецедентная призма

Принимая структурные решения, вы устанавливаете правила. Присваивая контенту некую категорию, вы не просто присваиваете её этому конкретному контенту: вы устанавливаете правило для этого и другого схожего с ним контента.

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

Вопросы

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

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

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

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

Призма отвлечения

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

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

Вопросы

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

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

Применение призм

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

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

0
2 комментария
Популярные
По порядку

Зачем такой трэш публиковать-то? Даже на этом прибежище восторженных идиотов medium материал не взлетел.

2

Комментарий удален

У нее что ошейник на поводке?

0

Комментарий удален

Читать все 2 комментария
Минэнерго включило в правила для субсидий на зарядные станции медленную зарядку и четыре выхода для электромобилей Статьи редакции

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

Новые гарантии для одиноких родителей

Государственная Дума РФ 9 ноября 2021 года приняла в третьем чтении закон, предоставляющий дополнительные гарантии отдельным категориям работников, имеющих несовершеннолетних дней, и вносящий поправки в Трудовой Кодекс РФ.

Бизнесменам разрешат перевести личные фонды в российские офшоры

Согласно проекту поправок Минэкономразвития РФ к закону "О международных компаниях и международных фондах" министерство планирует разрешить бизнесменам регистрировать в так называемых русских офшорах - специальных административных районах (САР) в Калининграде и Владивостоке - личные фонды и трасты.

Российско-швейцарская WayRay представила свой первый прототип электромобиля с AR-остеклением Статьи редакции

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

WayRay
Что там с видеорегистраторами: где за них штрафуют, а где — дают скидку на страховку

Регуляторы вновь в деле. На этот раз они могут затронуть видеорегистраторы. Расскажу о ситуации с точки зрения страхового эксперта.

MIKI Yoshihito / Flickr / CC BY 2.0
Технический продакт менеджер на примере вакансии Яндекс Go

Я периодически разбираю интересные вакансии, которые, на мой взгляд, сочетают в себе инновационный продукт, серьезную компанию, и при этом не требуют 100500 лет опыта (что редко). Сегодня вместе посмотрим на позицию в платформе для таксопарков в Яндекс Такси.

Невидимый убийца: как воздух в вашем офисе делает вас глупее

Важное исследование, которое должно заставить все компании пересмотреть свои офисы.

Мысли создателя FastAPI Себастьяна Рамиреса из интервью Evrone

Себастьян Рамирез — энтузиаст open source, создатель таких популярных инструментов, как FastAPI, Typer и SQLModel. В интервью он поделился мнением о собственных проектах, образовании для разработчиков и собственной популярности в Twitter. Полный текст доступен по ссылке.

Опыт возврата денег за обучение дизайну у Yakovlevv.com. Тварь я дрожащая или право имею?
Хочу кухню как у подруги: зачем в Циан сделали поиск квартир по фото

Рассказывает Юлия Зыкова, руководитель команды «Аудитория» в Циан.

null