"Почему мотыльки летят на свет?" — Дмитрий Сатин о психологии восприятия и психофизиологии пользователей интерфейсов

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

По ходу текста я также ссылаюсь на психологические принципы дизайна интерфейсов, известные под названием Mental Notes (Заметки о психике). Эти психологические принципы сформулировал и собрал воедино Стефен Андерсон, автор книги "Приманка для пользователей", а мы с Ринатом Шайхутдиновым перевели карты на русский язык.

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

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

Сначала, Дмитрий “причесывает” понятия и выделяет в психологии познания 4 ветви (см. рис.).

Психология восприятия “зарыта” где-то там, внутри процессов. Разбираемся вместе с Дмитрием:

Эти процессы участвуют в осуществлении любой деятельности — не только познания:

Включает три этапа: запечатление -> сохранение -> воспроизведение. Упрощенно: сначала мы видим объект, потом выделяем ему место в памяти, а затем — вытаскиваем из памяти.

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

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

Выделяем 2 процесса: отбор и удержание.

Упрощенно: рассмотрим летящий самолет. Пока он взлетает, мы видим его крупно (осуществляем “отбор” этого объекта в область внимания). Мы следим за самолетом взглядом и видим его даже когда он уже едва различим (осуществляем удержание). Но стоит отвести взгляд — и нам уже не найти на небе тот далекий самолет.

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

По сути — моделирование будущего на основании существующих знаний.

• Стереотип “Знакомое — надежнее” — о том, что когда мы видим новый продукт, мы сомневаемся в нем просто потому, что не знакомы с ним. Чтобы помочь пользователю “смоделировать” образ продукта, нужно провести аналогии со знакомыми ему вещами.
• Концептуальные метафоры — нам проще понять новую идею, связав ее чем-то подобным, уже существующим в нашей реальности.

Процессы, относящиеся непосредственно к познанию:

Мы получаем ощущения посредством разных органов чувств, особенно зрения. Зрение не идеально — поскольку совершенно разные объекты могут давать одну и ту же проекцию на глаз (“сетчаточный образ”).

Ощущения рассматриваем в контексте порога чувствительности в 2 плоскостях:

Верхний и нижний пороги чувствительности

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

Применительно к интерфейсам: Например, не писать серым текстом по белому фону — не видно.

Разностный порог чувствительности

Способность заметить изменение в рамках пределов чувствительности. Человек видит разницу, если изменение составляет ⅓ от эталона. Иначе разница трудноразличима.

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

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

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

1 этап: восприятие наличия света. Даже дождевые черви обладают таким восприятием

2 этап: восприятие движения. Лягушка не видит комара, пока он неподвижен.

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

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

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

4 этап: ощущение цвета. В данной лекции не раскрыто.

Вот и оно — восприятие. (Хотя лично я, в силу своего обывательского представления, раньше относила к восприятию все вышеописанное, а вы?)

Кратко о видах восприятия:

• объектно-ориентированное: всё необходимое для восприятия есть в стимуле.
• субъектно-ориентированное: Субъект «видит» то, чего нет, интерпретируя ощущения на основе своего опыта (в том числе ожиданий и установок)
• экологическое восприятие Гибсона — восприятие это акт получения информации из окружающей среды.

Это обязательно решение задач. Если нет задачи — мышление не задействовано. Структура:

Упрощенно: В клетке обезьяны, высоко под потолком висит банан. Обезьяна не может достать банан (выявление проблемы: короткие руки, короткое тело). Обезьяна “запускает процесс мышления” и находит решение (инсайт): “удлинить” тело при помощи лестницы из ящиков. Обезьяна сбивает банан палкой (решение проблемы).

• Достижимые цели — люди любят задачки, они активизируют мозговые процессы (теперь мы знаем, что это мышление). Кроме того, успешное решение задачи приносит удовольствие. Одним из способов использования “достижимых целей” в интерфейсе является геймификация, с ее значками и баллами.

Вы еще помните начальную схему? Третья ветвь психологии познания — интеллект.

Чтобы определить, что такое интеллект, Жан Пиаже работал с “нулевым” материалом — детьми.

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

Из личного опыта: отчетливо помню момент из своего детства, когда мама пыталась объяснить мне, что курица на одной ноге весит столько же, сколько и на двух. Помню, как это не укладывалось у меня в голове. Понимание пришло позже, совершенно естественно. Видимо, в какой-то момент развития интеллекта до меня просто “дошло”.

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

• Приверженность и последовательность — люди стараются вести себя последовательно: согласно своим принципам и выбранной манере поведение (и, очевидно, поведение определяется сформированными структурами интеллекта)

Гипотеза Дмитрия, что мозг — это не сознание, это не “я”. Был такой эксперимент: при помощи аппарата МРТ ученые выяснили, что мозг испытуемого нашел решение задачи на 30 секунд раньше, чем его сознание (“я”) выдало ответ. Дмитрий предполагает, что “я” это иллюзия, которую создает мозг, чтобы у нас было ощущение контроля.

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

Сознание (“я”) — гораздо шире. Возьмем например границы своего “я” — то есть границы восприятия, точку контакта “я” и окражающего мира. Всегда ли она заключена в нашем теме?Например, когда слабовидящий человек идет по дороге с палочкой, то, по его словам, его точка контакта — это не рука, которая держит палочку, а сам конец палочки.

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

Например, магазины: мы приходим в супермаркет и идем за молоком, следуя знакомому паттерну. Сознание не задействовано и нас не интересуют остальные товары в магазине — только наше молоко. Мы не собираемся менять модель поведения, если только наш паттерн не разрушится (коварные владельцы магазина поменяют расстановку товаров, чтобы “подключить” наше сознание: в поисках молока, мы заметим товары, которые не видели, когда действовали в рамках паттерна)

• Установление закономерностей (паттернов) — наш мозг стремится все систематизировать, выявить закономерности. Само наличие паттернов очень важно для облегчения ориентации.
• Достигнутый статус — мы не хотим менять свой статус и модели поведения, если на то нет веских причин.

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

Надеюсь эта статья станет той самой подсказкой-триггером, который поможет запустить процесс “вспоминиая” лекции Дмитрия Сатина на UX марафоне.

Подкидывает идеи, как привлечь, удержать и направить внимание пользователя.

Скачать приложение в Appstore →