Комплексный интернет-маркетинг,
ориентированный на результат

Полный путеводитель новичка по информационной архитектуре

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

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

Общий план работы

Информационный архитектор присоединился к моей команде, когда мы работали над проектом в Атланте. Поскольку название его профессии мне ни о чём не говорило, точнее — мне было неизвестно определение этого названия, я спросил: «Джон, а чем занимается информационный архитектор?» Его ответ был весьма расплывчатым: «Ну, это, знаешь, когда заходишь на сайт банка … и видишь его цветовую гамму, текст, продуманные фотографии, т. е. все те элементы, которые помогают создать ощущение комфорта. Их разрабатываю я. Это моя основная обязанность». В ответ я подумал: «Стоп, разве это не работа графического дизайнера?», но не стал задавать вопрос, пока не нашёл более детальной информации о том, что собой представляет информационная архитектура.

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

Кто такой информационный архитектор?

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

Джесси Джеймс Гарретт говорит:

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

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

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

И, наконец, процитируем Эндрю Хинтона:

«Flickr позволяет мне загрузить фотографии, систематизировать их, проставить теги так, как мне нравится. И никто не будет руководить процессом проставления моих тегов отчасти потому, что даже если я сделаю это неправильно, то всё равно никому не нанесу вреда... Frickr — не является системой для решения важных задач. Это забавная социальная площадка... Если Вам нужен серьёзный фото-архив, тогда пользуйтесь системами, которыми располагает национальный архив или Corbis, а не Flickr. Существует разница между управлением информацией и проектированием такой инфраструктуры, которая позволит другим управлять информацией самостоятельно. Однако оба эти подхода относятся к архитектуре» (Andrew Hinton in Linkosophy).

Каждая цитата в какой-то мере помогает вникнуть в суть профессии информационного архитектора. Но всё-таки после проведения собственного исследования я пришёл к выводу, что ни одно из этих высказываний не даёт полного представления об интересующей профессии. Информационный архитектор занимает нишу между графическим дизайнером, веб-дизайнером, проектировщиком опыта взаимодействия, разработчиком главной страницы и экспертом по юзабилити (я написал отдельные статьи о перечисленных профессиях). Фактически, работа всех этих людей связана с общей тематикой - ориентированным на пользователя дизайном (см. pdf Джесси Джеймса Гарретта об элементах опыта взаимодействия). Со временем круг обязанностей каждого из этих специалистов стал вполне конкретным. В отличие от графического/веб-дизайнера, который подбирает цветовую гамму, оформление, текстуру и т. д. для передачи определённого сообщения, информационный архитектор смотрит на архитектуру сайта с более практической стороны. Он может задаться вопросами: «Сколько посетителей приходит на Ваш сайт?», «Как ПО помогает пользователю систематизировать информацию?», «Каким образом пользователь узнаёт об этом ПО?», «Помогает ли эта информация потребителю (т.е. как она стимулирует его к принятию решения)?».

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

Эволюция информационной архитектуры

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

Возможно, Вы сами находитесь в похожей ситуации или думаете над тем, можно ли назвать Вас информационным архитектором, судя по выполняемым обязанностям. Если Вам не терпится сделать выводы, советую пройти тест «Являюсь ли я информационным архитектором?».

Реализация ваших идей по дизайну

Чтобы понять, как информационный архитектор управляет проектом, можно представить себе, что обычному архитектору предлагают поработать над зданием после того, как оно уже построено. Хотя такое предложение кажется смешным, сегодня оно зачастую актуально. Даже после того, как самые хорошо спроектированные здания построены, они всё ещё могут подвергаться изменениям. Стюарт Бренд освещает этот удивительный феномен в своей книге «Как учатся здания: что происходит после того, как они построены» (How Buildings Learn: What Happens After They’re Built). И снова, как бы абсурдно это ни звучало, мы обычно ставим информационных архитекторов в похожее положение — предлагаем им поработать над веб-сайтом после того, как другие самопровозглашённые информационные архитекторы уже его спроектировали. Это происходит потому, что большинство людей не знают о существовании альтернативы. Чем скорее Вы доверите свою идею дизайна проекта профессионалу, тем быстрее он претворит её в жизнь.

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

Чем занимается информационный архитектор?

Обычно информационный архитектор в составе команды выполняет следующие задачи:

  1. Исследует аудиторию и бизнес

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

  2. Анализирует данные

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

    «Персонаж — это модель, представляющая цели и манеру поведения группы пользователей. В большинстве случаев персонаж создаётся из данных, полученных в результате интервьюирования пользователей. Он представляет собой описание различных манер поведения, целей, навыков, взглядов пользователя и окружающего его общества, а также включает несколько выдуманных личных деталей, помогающих сделать персонаж похожим на реального человека. Как правило, для каждого проекта создаётся несколько персонажей, но один из них всегда является приоритетным» (Определение взято с сайта www.wikipedia.org).

  3. Разрабатывает маркировку/навигацию/структуру сайта

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

Известные информационные архитекторы

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

Донна Спенсер

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

Узнайте больше о Донне Спенсер: http://maadmob.com.au/about/bio

Ник Финк

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

Узнайте больше о Нике Финке: http://nickfinck.com/

Питер Морвиль

Питер Морвиль — писатель, оратор и консультант. Он хорошо известен как основатель дисциплины «информационная архитектура». Его самые популярные книги - «Информационная архитектура в Интернете» (Information Architecture for the World Wide Web) и «Тотальная видимость» (Ambient Findability). Последняя книга Питера «Поисковые схемы: проектирование файндабильности в сети» (Search Patterns: Design for Discovery) была опубликована издательством O’Reilly Media в 2010 году. Питер живет в Анн Арбор (Мичиган) вместе с женой, двумя дочерьми и собакой по кличке Знайка (Knowsy).

Узнайте больше о Питере Морвиле: http://findability.org/

Джесси Джеймс Гарретт

В 1995 г. Джесси начал работать в веб-отрасли, сначала как редактор и разработчик интерфейса, затем — как дизайнер интерфейса и информационный архитектор. В 2001 г. он основал компанию под названием 'Adaptive Path', чтобы помогать людям в решении проблем проектирования опыта взаимодействия. В настоящее время он пишет статьи и готовит публичные выступления на темы ориентированного на пользователя дизайна и информационной архитектуры. Он написал книгу о компонентах опыта взаимодействия.

Узнайте больше о Джесси Джеймсе Гарретте: http://www.jjg.net/

Луи Розенфельд

Луи внес свой вклад в формирование дисциплины «информационная архитектура», став соавтором учебника, а также он был президентом известной консалтинговой фирмы в течение семи лет. Луи стал сооснователем Института информационной архитектуры и является членом его экспертной комиссии. Он также является сооснователем Системы проектирования опыта взаимодействия (User Experience Network).

Узнайте больше о Луи Розенфельде: http://louisrosenfeld.com/

Эндрю Хинтон

Эндрю проектирует информационные системы с 1990 г. и называет себя информационным архитектором с 1999 г. Он стал сооснователем Института информационной архитектуры в 2002 г. и активно участвовал в написании его Манифеста. Сегодня Эндрю считает себя «проектировщиком опыта взаимодействия, специализирующимся в отрасли информационной архитектуры».

Узнайте больше об Эндрю Хинтоне: http://www.inkblurt.com/about/

Страницы twitter по теме

Ниже Вы найдёте коллекцию самых доступных в сообществе по информационной архитектуре страниц Twitter

Какие инструменты/программы используются?

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

Microsoft Visio

Программы Microsoft активно используются при создании диаграмм. В частности, программа Visio является одним из последних продуктов Microsoft Office Suite. Visio помогает настроить рабочую коммуникацию между высококлассными специалистами в области информационных технологий (IT) и проектировщиками информационной архитектуры (IA). Однако отсутствие в нём возможности XML и совместимости с компьютерами Mac стало для всех сильным разочарованием.

Узнайте больше о Visio 2007: http://office.microsoft.com/en-us/visio/FX100487861033.aspx

OmniGraffle от OmniGroup

Omnigraffle — аналог Microsoft Visio, выпущенный Omnigroup. Это отлично сделанный продукт. Всего несколько щелчков мышью, и Вы уже создаёте свой прототип сайта, воплощая в нём свои идеи. В Omnigroup говорят, что их продукт может создавать карты, диаграммы потоков данных, быстрые макеты страниц, модели веб-сайтов и многое другое. Он поддерживает формат Microsoft Visio, встроенные файлы pdf, и Вы даже можете связать свои карты с AppleScript.

Узнайте больше об OmniGraffle: http://www.omnigroup.com/applications/omnigraffle/pro/

Axure RP Pro 5 от Axure

Данный продукт для Windows получил хорошие отзывы от практикующих информационных архитекторов. К сожалению, он создаёт «беспорядочные» «тяжеловесные» прототипы, которые, возможно, приносят больше проблем, чем пользы при попытке создания из них работающего приложения. Axure описывает свой продукт PR Pro 5 как «лучший инструмент для быстрого создания прототипов, дизайн макетов и технических заданий для приложений и веб-сайтов».

Узнайте больше об Axure: http://www.axure.com/tour.aspx

Lovely Charts

Lovely charts — это замечательное новое брендовое приложение для создания диаграмм от Джерома Кордиеза, проектировщика опыта взаимодействия и основателя This is Lovely! По сравнению с описанными выше программами, это ПО имеет следующие преимущества: оно бесплатное, основано на технологии web и суперпростое. Хотя, оно, конечно, нравится не всем, но сама идея превосходна и, как мне представляется, полезна многим перспективным информационным архитекторам, которые находятся в поиске коммуникационных средств.

Узнайте больше о Lovely Charts: http://lovelycharts.com/

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

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

Ресурсы от OmniGraffle

Шаблоны документов

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

Шаблоны прототипов

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

Создание прототипов с OmniGraffle

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

Visio ресурсы

Питер ван Дейк — автор «Информационной архитектуры для дизайнеров». Он разработал многочисленные шаблоны Visio специально для информационных архитекторов.

Шаблон прототипов

Дэйв Росс создал замечательный набор шаблонов для начала работы с Visio.

Шаблон прототипа, карты сайта, схемы процесса

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

Веб-ресурсы

Диаграмма для создания персонажей

Используйте данную диаграмму для создания собственных персонажей и стройте свой сайт с опорой на неё.

Шаблоны для Visio и OmniGraffle

Гэрретт Даймон собрал воедино целый набор ресурсов для Visio и OmniGraffle. Например, данная диаграмма описания страницы полезна для «планирования или стратегического проектирования страниц без опоры на макет».

Инструменты от Института информационной архитектуры

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

Доступные для загрузки ресурсы по информационной архитектуре от Джесси Джеймса Гарретта

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

Книги по информационной архитектуре

Information Architecture The Elements of User Experience Web 2.0 Architectures Ambient Findability

Дополнительные источники

Краткая история

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

Видео: объяснение понятия «информационная архитектура» на Vimeo от Дэна Клина.

Вывод:

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

X

Увеличиваем посещаемость и продажи

Добавить комментарий

Отправить статью

Задать вопрос

X

Заявка на подарок

SEO: АУДИТ SEO + РАСШИРЕНИЕ ЯДРА.

ЮЗАБИЛИТИ: ЭКСПРЕСС-АУДИТ САЙТА.

PR: АУДИТ ОНЛАЙН-РЕПУТАЦИИ.

РАЗРАБОТКА: ОЦЕНКА СКОРОСТИ РАБОТЫ САЙТА.

Добавить комментарий
Мы Вам перезвоним
Добавить комментарий

* — обязательные поля