ПЕРЕВОДЫ
Лучшее руководство по информационной архитектуре
Резюме: Что такое информационная архитектура и как она влияет на пользовательский опыт.

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

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

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


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

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

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

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

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


Аналогия из архитектуры

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

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

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

Нестандартные решения также могут быть способами создания сайта или интернет-магазина, который подойдет большому количеству клиентов. Или незначительные изменения и настройки могут быть всем, что необходимо сделать для идеальной адаптации решения. В таких случаях часто UX-профессионал или внешний дизайнер отлично справляется с такой адаптацией, не прибегая к услугам выделенного специалиста по ИА.
Далее у нас есть более крупные элементы для кастомизации, например, расположение. Часто индивидуальные дома строятся таким образом что, при этом изначальный план помещений изменяется, иногда значительно, чтобы соответствовать требованиям будущих жильцов. Например, комната может быть добавлена или удалена. Кухня может быть перемещена из одной части дома в другую. Две комнаты могут быть объединены в одну большую комнату, или большая комната может быть разделена на две меньшего размера. Архитектор обычно участвует в этих изменениях, так как иногда они требуют значительных структурных изменений.

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

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

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

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

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


Чем занимается ИА в течение всего дня?

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

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

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

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

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


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

Дэн Браун занимается информационной архитектурой более двадцати лет и изложил восемь принципов ИА, которые являются отличным началом при изучении того, что необходимо для создания прочной архитектуры контента для проекта. Его Восемь принципов информационной архитектуры излагают теоретические основы ИА и выдвигают следующие предположения:
основным направлением деятельности ИА является, во-первых, структура информации, а во-вторых, дизайн фактического пользовательского интерфейса (если таковой вообще имеется);

ИА должен понимать, как люди на самом деле используют контент, и как структура должна функционировать, чтобы поддерживать легкое использование;

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


ПРИНЦИП ОБЪЕКТОВ

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

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


ПРИНЦИП ВЫБОРА

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

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


ПРИНЦИП РАСКРЫТИЯ

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

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

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


ПРИНЦИП ОБРАЗЦОВ

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

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

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


ПРИНЦИП ВХОДНЫХ ДВЕРЕЙ

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

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

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


ПРИНЦИП МНОЖЕСТВЕННОЙ КЛАССИФИКАЦИИ

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

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

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

Предоставление пользователям нескольких вариантов приводит к их большему удовлетворению.


ПРИНЦИП ЦЕЛЕНАПРАВЛЕННОЙ НАВИГАЦИИ

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

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

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


ПРИНЦИП РОСТА

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

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

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

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



С чего начать

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

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

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

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

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

Как только вы разберетесь с этими вещами, вы можете начать планировать свою контент-стратегию более конкретно.



Как пользователи находят контент

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


Поиск определенного компонента

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

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


Исследование

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

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


Поиск неизвестного

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

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

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


Повторный поиск

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

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

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

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


Модели организации контента

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

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


Флэт

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

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


Индекс

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


Цветок

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

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


Строгая иерархия

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

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


Многомерная иерархия

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

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

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

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



Организационные и маркировочные конвенции

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

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

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

Аналогичным образом, страницу "о нас" будет легче всего найти, если вы назовёте её "о нас", "наша команда" или что-то в этом роде.

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

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

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



Большой/маленький сайт

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

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

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

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



UX /ИА

Многие дизайнеры и разработчики считают, что ИА - это лишь часть общей работы дизайнера. Хотя они неразрывно связаны друг с другом, это не одно и то же.

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

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



ИА / CMS

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

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

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

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

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



Инструменты

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

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

Другие аналоговые инструменты включают в себя простую бумагу для зарисовки каркасов, карт сайта, блок-схем и т.п.


ЦИФРОВЫЕ ИНСТРУМЕНТЫ

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

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

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

Twiddla - это онлайн-инструмент для встреч с белой доской, позволяющий совместно просматривать веб-сайты в режиме реального времени. Он поставляется с 30-дневной бесплатной пробной версией.

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

Coggle - это бесплатный онлайн-инструмент для создания карт разума, который позволяет легко создавать цветные карты разума и делиться ими с коллегами. Используйте его для заметок, мозгового штурма и многого другого.

XMind 6 - это загружаемое программное обеспечение для создания ментальных карт для Mac, Windows и Linux. Существуют бесплатные и премиум-версии, все из которых позволяют создавать разнообразные диаграммы, предлагают инструменты для создания отношений, границ, резюме, этикеток и многое другое, предлагают возможность сохранять в Evernote, а также делиться в Интернете.

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

Justinmind Prototyper - это бесплатный скачиваемый инструмент, который позволяет создавать примеры с возможностью кликания для мобильных приложений. Это отличное решение для более сложных IA-проектов, где интерактивность на уровне схемы облегчает понимание.

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

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


Заключение

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


Источник:

Webdesignerdepot: THE ULTIMATE GUIDE TO INFORMATION ARCHITECTURE
ПРОФЕССИЯ
UX/UI ДИЗАЙНЕР
3-х месячный практический курс
от ведущей дизайн студии

скидка — 35% в этом месяце
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ПО ДИЗАЙНУ ЗА НЕДЕЛЮ?
ПЕРЕВОДЫ
Процесс разработки дизайна мобильных приложений
ПЕРЕВОДЫ
Существует ли формула восторга?
ПЕРЕВОДЫ
Дизайн, основанный на данных, как часть UX-дизайна
© 2016 Your company
ПЕРЕВОДЫ
Лучшее руководство по информационной архитектуре
Резюме: Что такое информационная архитектура и как она влияет на пользовательский опыт.

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

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

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


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

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

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

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

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


Аналогия из архитектуры

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

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

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

Нестандартные решения также могут быть способами создания сайта или интернет-магазина, который подойдет большому количеству клиентов. Или незначительные изменения и настройки могут быть всем, что необходимо сделать для идеальной адаптации решения. В таких случаях часто UX-профессионал или внешний дизайнер отлично справляется с такой адаптацией, не прибегая к услугам выделенного специалиста по ИА.
Далее у нас есть более крупные элементы для кастомизации, например, расположение. Часто индивидуальные дома строятся таким образом что, при этом изначальный план помещений изменяется, иногда значительно, чтобы соответствовать требованиям будущих жильцов. Например, комната может быть добавлена или удалена. Кухня может быть перемещена из одной части дома в другую. Две комнаты могут быть объединены в одну большую комнату, или большая комната может быть разделена на две меньшего размера. Архитектор обычно участвует в этих изменениях, так как иногда они требуют значительных структурных изменений.

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

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

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

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

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


Чем занимается ИА в течение всего дня?

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

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

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

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

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


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

Дэн Браун занимается информационной архитектурой более двадцати лет и изложил восемь принципов ИА, которые являются отличным началом при изучении того, что необходимо для создания прочной архитектуры контента для проекта. Его Восемь принципов информационной архитектуры излагают теоретические основы ИА и выдвигают следующие предположения:
основным направлением деятельности ИА является, во-первых, структура информации, а во-вторых, дизайн фактического пользовательского интерфейса (если таковой вообще имеется);

ИА должен понимать, как люди на самом деле используют контент, и как структура должна функционировать, чтобы поддерживать легкое использование;

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


ПРИНЦИП ОБЪЕКТОВ

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

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


ПРИНЦИП ВЫБОРА

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

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


ПРИНЦИП РАСКРЫТИЯ

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

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

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


ПРИНЦИП ОБРАЗЦОВ

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

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

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


ПРИНЦИП ВХОДНЫХ ДВЕРЕЙ

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

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

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


ПРИНЦИП МНОЖЕСТВЕННОЙ КЛАССИФИКАЦИИ

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

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

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

Предоставление пользователям нескольких вариантов приводит к их большему удовлетворению.


ПРИНЦИП ЦЕЛЕНАПРАВЛЕННОЙ НАВИГАЦИИ

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

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

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


ПРИНЦИП РОСТА

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

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

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

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



С чего начать

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

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

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

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

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

Как только вы разберетесь с этими вещами, вы можете начать планировать свою контент-стратегию более конкретно.



Как пользователи находят контент

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


Поиск определенного компонента

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

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


Исследование

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

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


Поиск неизвестного

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

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

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


Повторный поиск

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

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

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

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


Модели организации контента

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

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


Флэт

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

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


Индекс

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


Цветок

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

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


Строгая иерархия

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

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


Многомерная иерархия

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

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

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

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



Организационные и маркировочные конвенции

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

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

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

Аналогичным образом, страницу "о нас" будет легче всего найти, если вы назовёте её "о нас", "наша команда" или что-то в этом роде.

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

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

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



Большой/маленький сайт

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

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

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

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



UX /ИА

Многие дизайнеры и разработчики считают, что ИА - это лишь часть общей работы дизайнера. Хотя они неразрывно связаны друг с другом, это не одно и то же.

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

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



ИА / CMS

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

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

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

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

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



Инструменты

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

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

Другие аналоговые инструменты включают в себя простую бумагу для зарисовки каркасов, карт сайта, блок-схем и т.п.


ЦИФРОВЫЕ ИНСТРУМЕНТЫ

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

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

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

Twiddla - это онлайн-инструмент для встреч с белой доской, позволяющий совместно просматривать веб-сайты в режиме реального времени. Он поставляется с 30-дневной бесплатной пробной версией.

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

Coggle - это бесплатный онлайн-инструмент для создания карт разума, который позволяет легко создавать цветные карты разума и делиться ими с коллегами. Используйте его для заметок, мозгового штурма и многого другого.

XMind 6 - это загружаемое программное обеспечение для создания ментальных карт для Mac, Windows и Linux. Существуют бесплатные и премиум-версии, все из которых позволяют создавать разнообразные диаграммы, предлагают инструменты для создания отношений, границ, резюме, этикеток и многое другое, предлагают возможность сохранять в Evernote, а также делиться в Интернете.

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

Justinmind Prototyper - это бесплатный скачиваемый инструмент, который позволяет создавать примеры с возможностью кликания для мобильных приложений. Это отличное решение для более сложных IA-проектов, где интерактивность на уровне схемы облегчает понимание.

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

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


Заключение

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


Источник:

Webdesignerdepot: THE ULTIMATE GUIDE TO INFORMATION ARCHITECTURE
ПРОФЕССИЯ
UX/UI ДИЗАЙНЕР
3-х месячный практический курс
от ведущей дизайн студии

скидка — 35% в этом месяце
ПОДЕЛИТЬСЯ МАТЕРИАЛОМ
ХОЧЕШЬ ПОЛУЧАТЬ ЛУЧШИЕ НОВОСТИ ЗА НЕДЕЛЮ?
ПЕРЕВОДЫ
Процесс разработки дизайна мобильных приложений
ПЕРЕВОДЫ
Существует ли формула восторга?
ПЕРЕВОДЫ
Дизайн, основанный на данных, как часть UX-дизайна