# 1.4. Дизайн для понимания

Глава 4

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

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

### **Чувство места**

Люди — восприимчивые, самоходные организмы, которыми мы являемся, имеют сложные симбиотические отношения с нашим окружением. У нас есть чувства, которые позволяют нам определять, где мы находимся в любой момент, и перемещаться с места на место. Мы также можем изменить эти места в соответствии с нашими потребностями. Различия между местами играют решающую роль в том, как мы понимаем друг друга, и в том, что мы можем (или не можем) делать в каждом из этих мест: здесь мы едим, здесь мы спим, здесь мы испражняемся.

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

Мы привносим это осознание места — и стремление создавать места — в информационную среду. Когда мы говорим о цифровых медиа, мы используем метафоры, которые выдают ощущение места: мы «выходим» в интернет, «посещаем» веб-сайт, «просматриваем» Amazon.com. Все чаще эти среды также берут на себя многие функции, которые мы традиционно связывали с физическими местами: мы встречаемся с нашими друзьями в WhatsApp, оплачиваем счета на веб-сайте нашего банка, учимся в Академии Хана. Как и в случае с физическими местами, мы воспринимаем их как контексты, которые отличаются друг от друга, поддерживая разные потребности.

### **Архитектура (реальных) мест**

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

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

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

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

В «реальном» мире дисциплина (строительная) архитектура продвигала и направляла эту культурную эволюцию форм создания мест.

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

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

### **Места, созданные из информации**

Мы также воспринимаем информационные среды как типы мест.

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

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

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

Некоторые информационные среды существуют в первую очередь для того, чтобы люди могли взаимодействовать и общаться друг с другом. Facebook, например, служит для объединения людей, которые уже знают друг друга, в информационной среде, где они могут обмениваться фотографиями/видео/историями, играть в игры, общаться в реальном времени и т. д. Мы воспринимаем эти социальные информационные среды также как места из реальной жизни.

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

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

### **Принципы организации**

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

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

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

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

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

### **Структура и порядок**

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

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

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

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

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

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

### **Типологии**

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

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

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

Наличие абстрактных, обобщенных типов информационных сред полезно по разным причинам. Во-первых, он служит для сообщения пользователям, в каком месте они находятся. Так же, как когда мы заходим в здание типа базилики, мы думаем «церковь», когда заходим на сайт, на котором есть элементы навигации с ярлыками вроде « Банковское дело», Кредиты, «Инвестирование» и «Управление капиталом», мы думаем «банк».

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

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

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

### **Модульность и расширяемость**

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

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

В своей книге «Как здания учатся: что происходит после их постройки» Стюарт Бранд объясняет, что здания состоят из шести слоев («шесть S»), которые со временем меняются с разной скоростью. В порядке от самого медленного к самому быстрому они следующие:

**Сайт**

Географическое расположение здания; он меняется медленнее всего («Сайт вечен», — говорит Фрэнк Даффи, придумавший концепцию разделения слоев.)

**Структура**

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

**Кожа**

Внешняя поверхность здания

**Услуги**

«Рабочие системы» здания (электросистемы, отопление, вентиляция, кондиционирование, сантехника и т.д.)

**Космический план**

Внутренняя планировка здания, включая перегородки и двери между помещениями

**Вещи**

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

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

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

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

![](https://2027862921-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FWfuagHTNcXOGsxFKj5T4%2Fuploads%2FORSw6G1epZAvrkGa4Wfq%2F%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%2019-08-2022%20233357.png?alt=media\&token=2f030ebe-44c1-417f-9bd1-130cca00f16f)

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

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

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

### **Самое счастливое место на Земле**

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

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

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

является Диснейленд, первый тематический парк (новая концепция 1955 года, когда Диснейленд открылся). В своих самых ранних воплощениях дизайн парка состоял из нескольких аттракционов на небольшом участке через дорогу от студии Диснея в Бербанке. По мере роста идей и амбиций Уолта Диснея в отношении парка стало очевидно, что необходим организационный принцип.

Конечным решением стал дизайн с центральной ступицей, со спицами, ведущими к пяти различным тематическим «землям»: Страна приключений, Страна границ, Страна фантазий, Страна будущего и Мейн-стрит, США.

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

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

периода также отражали (и влияли) на тематику парка: «Спящая красавица» воплощала тему Страны фантазий, а документальные фильмы «Настоящие приключения» — тему Страны приключений. (Disney широко известна как одна из первых и лучших практик сквозной корпоративной синергии.)

Семантические структуры, определяющие впечатления от Диснейленда, выходят за рамки определения контекста самого места: они также распространяются на людей, которые в нем участвуют. В парках Диснея клиентов называют «гостями» (нововведение, введенное Disney в индустрию гостеприимства), а сотрудников парка называют «актерами».

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

Хотя и реже, но также добавлялись целые новые земли, что увеличивало разнообразие впечатлений, доступных для гостей. Поскольку парк организован вокруг отдельных «земель», гости могут легче принять и понять эти (иногда резкие) изменения: у безумия есть общий метод.

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

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

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

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

### **Резюме**

Итак, давайте подытожим то, что мы узнали в этой главе:

·       Структура информационных сред больше влияет чем то, как мы находим вещи: это также меняет то, как мы это понимаем.

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

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

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

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

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

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