Статья
9 минут

Скрытая сила типографики

Источник: Microsoft design

Наука о том, как дизайнерские решения влияют на восприятие и поведение

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

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

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

Типографическое путешествие Microsoft началось в 1992 году с внедрения технологии TrueType и выпуска нового шрифта Times New Roman, предназначенного для демонстрации этого формата. Три года спустя мы совместно с Adobe выпустили стандарт OpenType, обеспечивший большую выразительность типографики и поддержку языков, таких как хинди и арабский, которые используют сложные системы письма. В 1998 году благодаря технологии ClearType мы втрое увеличили горизонтальное разрешение шрифтов. Затем, в 2007 году, мы представили новый набор шрифтов (включая Calibri), чтобы воспользоваться возросшим разрешением. В 2016 году мы совместно с Adobe, Apple, Google и другими внедрили технологию переменных шрифтов (Variable Fonts), открыв возможности автоматической и адаптивной типографики.

В этом месяце, внося очередной вклад в развитие типографики, мы выпускаем Aptos — наш новый шрифт по умолчанию для Office. Одновременно появляются новые стили по умолчанию и расширенные типографические возможности в Word и Outlook для Windows. Наши усилия в области типографики дают людям возможность создавать красивые, влиятельные документы, не будучи при этом графическими дизайнерами. В этой статье мы рассмотрим, как дизайнерские решения могут влиять на наше поведение. Давайте начнём с простого. Если я напишу "Осорно — город в Чили", поверит ли этому больше людей, если эта фраза будет написана чёрным цветом на белом фоне, а не серым?

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

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

В другом исследовании учёные Хёнджин Сонг и Норберт Шварц задали людям простой вопрос: "Сколько животных каждого вида Моисей взял на ковчег?" Половине участников вопрос был представлен шрифтом Arial, другой половине — шрифтом Brush Script.

Это лёгкий вопрос для многих, и те, кто знает ответ, должны ответить правильно вне зависимости от того, каким шрифтом напечатан вопрос. Однако на практике всё оказалось не так. Лишь 6% тех, кто видел вопрос, напечатанный Arial, ответили на него правильно, тогда как в группе с Brush Script правильный ответ дали 40%.

Как такое возможно? Неужели Brush Script — шрифт лучше, чем Arial? Должен ли я теперь переформатировать все свои документы в витиеватых, вычурных шрифтах?

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

Brush Script — не обязательно "лучший" шрифт, просто он заставляет больше людей заметить подвох, чем Arial. Можно даже сказать, что Brush Script побуждает людей мыслить более критически.

Теперь пришло время сделать небольшой экскурс в работы психологов Даниэля Канемана и Амоса Тверски. В книге Канемана «Думай медленно... решай быстро» показано, что у людей есть два режима принятия решений, которые он называет «Система 1» и «Система 2».

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

В популярном веб-комиксе «The Awkward Yeti» роль Системы 1 играет персонаж Сердце, а Системы 2 — персонаж Мозг.

Так какое же отношение персонажи Сердце и Мозг имеют к типографике?

Brush Script — шрифт, который многие видели, но немногие долго читали. С точки зрения читаемости он несколько сложен: плотный межбуквенный интервал, маленькие просветы внутри букв, необычные очертания символов. Arial, напротив, чрезвычайно распространён, у него более привычные формы букв и лучшая читаемость. Читая текст, набранный Brush Script, вам приходится напрягаться больше, чем при чтении Arial, и эти дополнительные усилия могут облегчить переключение на Систему 2.

Учитывая приведённые исследования по типографике и модель Систем 1/2 Канемана, логично заключить: когда чтение даётся с трудом, мы склонны мыслить более критически, а когда читать легко — полагаемся на интуицию.

Подытожим: Brush Script труднее читать, чем Arial, поэтому читатель мыслит более критично и замечает подвох в вопросе. Возвращаясь к примеру с Осорно, мы знаем, что низкоконтрастный серый текст читать труднее, чем высококонтрастный чёрный, поэтому низкий контраст может настроить вас более скептически и заставить задуматься, является ли Осорно вообще городом, не говоря уже о том, что он находится в Чили. (Если вам интересно, вы можете ознакомиться с историей Осорно на сайте этого города.)

Эти дизайнерские решения имеют значение. Цвет и выбор шрифта — это не просто эстетика. Они действительно влияют на людей.Насколько далеко это можно продвинуть? Что ещё возможно? Для ответа на этот вопрос я хочу познакомить вас с Кики и Бубой.Вот изображение Кики и Бубы. Как вы думаете, который из них — Кики, а который — Буба?

(Изображение Кики и Бубы с Wikipedia; авторы: Bendž и Andrew Dunn.)

Вилаянур Рамачандран и Эдвард Хаббард провели такой же эксперимент. Удивительно, но около 95% людей сказали, что угловатая фигура — Кики, а мягкая — Буба. Этот эксперимент воспроизводили в разных странах и на разных языках, и во всех случаях результаты совпадали: независимо от языка люди одинаково связывают звуки "Кики" и "Буба" с этими формами. (Для более подробного знакомства с эффектом Кики и Бубы см. статью в New York Times.)

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

Выбор — работать в рамках этих ассоциаций или против них — тоже влияет на восприятие. Исследователи Ричард Хазлетт, Кевин Ларсон, Доун Шейх и Барбара Чапарро показали, что если шрифт соответствует смыслу текста, люди читают его быстрее.

Например, если напечатать слово "truck" массивным шрифтом вроде Impact, вы прочтёте его быстрее, чем если бы оно было набрано изящным шрифтом вроде Snell Roundhand. Однако если этими же двумя шрифтами написать слово "flower", то в шрифте Snell Roundhand вы прочтёте его быстрее.

Аналогичное явление наблюдается и с другими примерами: слово "goofy" (в переводе «дурашливый») в Comic Sans и "formal" («официальный») в Times New Roman воспринимаются быстрее, чем если поменять шрифты местами.

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

Неужели это всё, на что способна типографика? В ещё одном исследовании Сонг и Шварц дали людям распечатанные инструкции для выполнения упражнений. Половина участников получила инструкцию, красиво набранную шрифтом Arial, а половина — шрифтом Brush Script. Всех попросили оценить, сколько времени займёт выполнение этого комплекса упражнений.

(Фрагмент инструкции по упражнениям, набранной Arial (слева) и Brush Script (справа).)

Вы бы не подумали, что типографика может повлиять на ваш ответ, но и здесь она повлияла: оценки продолжительности в группе с Brush Script оказались почти вдвое выше, чем в группе с Arial. Трудность чтения сказалась на восприятии описанных упражнений. Дизайн повлиял на мнение.Этот эффект, возможно, объясняет, почему типографика не уступает шоколаду.

В 1987 году психолог Элис М. Айзен (ныне покойная) провела интересное исследование о влиянии положительных эмоций на креативность при решении задач. В рамках этого эксперимента всех посетителей её лаборатории просили решить «задачу со свечой».Условие задачи было довольно простым: испытуемым давали коробку кнопок и свечу и просили прикрепить свечу к пробковой доске так, чтобы при её поджоге воск не капал на пол.Как бы вы решили эту задачу со свечой?

Попытка Грега (это не решение задачи со свечой, несмотря на все усилия Грега Хитчкока, руководителя команды Advanced Reading Technology в Microsoft).Перед началом эксперимента половине участников показали забавное видео или дали кусочек шоколада. Остальные ничего не получили. Группа, которую поощрили видео или шоколадом, справилась с задачей успешнее.

И вот вам доказательство: шоколад делает человека умнее.

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

Мы в команде Advanced Reading Technology Microsoft задумались, может ли то же самое относиться и к типографике. Мы провели аналогичное исследование, но вместо шоколада попросили людей прочитать статью из The New Yorker перед выполнением задачи со свечой. Все читали один и тот же материал, но у половины он был напечатан с плохой типографикой, а у половины — с хорошей. В версии с хорошей типографикой были тщательно оптимизированные выравнивание, лигатуры и кернинг — такие же, какие мы включаем для участников программы Office Insider в режимах чтения Outlook и Word.

(Слева: страница из The New Yorker с хорошей типографикой. Справа: та же страница, но с плохой типографикой.)

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

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

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

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

(Графическая аннотация, созданная авторами научной статьи.)

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

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

(Диаграмма результатов исследования Чэн и др.)

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

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

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

Узнайте также о создании нашего нового шрифта по умолчанию — читайте статью «Закулисье дизайна: детальное погружение в Aptos».

Источник: Microsoft design

Видео
9 минут

Скрытая сила типографики

Наука о том, как дизайнерские решения влияют на восприятие и поведение
Кейс выпускника

Скрытая сила типографики

Источник: Microsoft design