Слово «эмпатия» впервые появилось в английском языке более 100 лет назад — от немецкого einfühlung, что означает «чувствовать внутри». Сначала его использовали для обозначения способности мысленно «проникать внутрь» произведений искусства и получать опыт от первого лица с точки зрения объекта. Сегодня термин чаще используется для описания способности связываться с опытом другого человека— чтобы понять его и почувствовать, как будто это наш собственный.

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


Как работает эмпатия

Чтобы случилась эмпатия, должны объединиться сразу три психологических процесса:
1. Способность понимать, что происходит в чужом уме (ментализация).
2. Способность представлять опыт так, как будто он личный (совпадение воздействия).
3. Желание действовать — например, утешить того, кто испытывает боль (эмпатическая мотивация).

Ок, но причем тут дизайнерское мышление?


Ментализация

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

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


Чужой опыт как свой

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

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


Желание действовать

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

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

В итоге…

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

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


Добавление теней

Большинство шрифтов — уже идеальны. Поэтому если какой-то из них не подходит к вашему дизайну, не надо его «допиливать» — лучше возьмите другой.

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

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


Слишком много шрифтов

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

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

Не знаете, как сочетать шрифты? Так узнайте!


Игнорирование контраста

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

Всё гениальное просто: для читабельности поместите белый текст на темный фон или наоборот и не используйте одинаково насыщенные цвета друг против друга. Сомневаетесь? Тогда черно-белое сочетание — ваше всё. Инструмент WebAIM Color Contrast Checker поможет определить контрастность для текстовых элементов.


Чрезмерное использование капса, жирности и курсива

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


Двойной интервал

Двойные пробелы (расстояние между буквами и другими элементами) — фи. Особенно стрёмно это выглядит в конце строк. Типографируйте, чтобы этого не было (конечно, если вы не набираете текст на пишущей машинке).


Игнорирование устройства/размера экрана

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

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


Использование дефисов

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


Продолжайте, продолжайте, продолжайте…

Откроем «тайну» — никто не будет читать километры текста. Так что выделяйте главное, делите на параграфы, добавляйте списки и форматирование. Стремитесь к 40−60 символам в строке (для самых маленьких экранов — чуть поменьше). Это покажет, насколько громоздки или неудобны для чтения тестовые блоки.

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

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

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