Инфографика психологии UX-дизайна

Опубликовано: 2019-04-16

Инфографика психологии дизайна.

Инфографика психологии дизайна

1. Люди делают необходимый минимум

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

2. Люди ограничены

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

3. Люди делают ошибки

  • Предполагайте, что люди будут делать ошибки. Предвидеть , какими они будут, и попытаться предотвратить их.
  • Если результаты ошибки серьезные, используйте подтверждение, прежде чем действовать в соответствии с действием пользователя.
  • Упростите « отмену ».
  • Предотвращение возникновения ошибок всегда лучше, чем помощь людям в исправлении их после их возникновения. Лучшее сообщение об ошибке — это полное отсутствие сообщения .
  • Если задача подвержена ошибкам, разбейте ее на более мелкие части .
  • Если пользователь делает ошибку и вы можете ее исправить , то сделайте это и покажите, что вы сделали.
  • Кто бы ни разрабатывал UX, он тоже совершает ошибки, поэтому убедитесь, что есть время и силы для итераций, обратной связи с пользователями и тестирования.

4. Человеческая память не проста

  • Люди реконструируют воспоминания, а это значит, что они постоянно меняются. Вы можете лишь немного доверять тому, что пользователи говорят за правду. Лучше наблюдать за ними в действии , чем верить им на слово.
  • Память хрупкая. Он быстро деградирует и подвержен множеству ошибок. Не заставляйте людей запоминать вещи от одной задачи к другой или с одной страницы на другую.
  • Люди могут помнить только около 3-4 предметов за раз. Правило «7 плюс-минус 2» — городская легенда . Исследования показывают, что реальное число составляет 3-4.

5. Люди находятся под социальным влиянием

  • Люди всегда будут пытаться использовать технологии, чтобы быть социальными . Это было правдой на протяжении тысячелетий.
  • Люди обращаются к другим за советом, что им делать , особенно если они не уверены. Это называется социальной валидацией . Вот почему, например, рейтинги и обзоры так важны на веб-сайтах.
  • Если люди делают что-то вместе в одно и то же время ( синхронное поведение ) , это связывает их вместе — на самом деле в мозгу происходят химические реакции. Смех также связывает людей.
  • Если вы сделаете мне одолжение, я буду чувствовать себя обязанным вернуть вам услугу (взаимность). Исследования показывают, что если вы хотите, чтобы люди заполнили форму, дайте им то, что они хотят, а затем попросите их заполнить форму , а не наоборот.
  • Когда вы смотрите, как кто-то что-то делает, в вашем мозгу загораются те же участки, как если бы вы делали это сами (так называемые зеркальные нейроны). Наша биология запрограммирована на подражание. Если вы хотите, чтобы люди что-то делали, покажите, как это делает кто-то другой.
  • Вы можете иметь прочные связи только со 150 людьми. Крепкие связи определяются как связи с людьми, с которыми вы находитесь в непосредственной физической близости. Но слабых связей может быть несколько тысяч , и они очень влиятельны (а-ля Facebook).

6. Внимание

  • Я начинаю думать, что сама идея внимания является ключом к разработке привлекательного пользовательского интерфейса . Я напишу больше в следующих статьях об этом. Захват и удержание внимания, а также не отвлечение кого-то, когда он на что-то обращает внимание, являются ключевыми проблемами.
  • Люди запрограммированы обращать внимание на все необычное или новое . Если вы сделаете что-то другое, это будет выделяться.
  • Сказав это, люди на самом деле могут пропустить изменения в своем поле зрения. Это называется слепота к изменениям . Есть довольно забавные видеоролики о людях, которые начинают разговаривать с кем-то на улице (который остановил их и спрашивает дорогу), а затем не замечают, как человек на самом деле меняется!
  • Вы можете использовать чувства, чтобы привлечь внимание. Яркие цвета, крупные шрифты, звуковые сигналы и тона привлекут внимание.
  • Люди легко отвлекаются . Если вы не хотите, чтобы они отвлекались, не показывайте ничего на странице и не запускайте воспроизведение видео. Если, однако, вы хотите привлечь их внимание, сделайте это.

7. Люди жаждут информации

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

8. Бессознательная обработка

  • Большая часть умственной обработки происходит бессознательно .
  • Если вы можете заставить людей совершить небольшое действие (подписаться на бесплатное членство), то гораздо более вероятно, что позже они совершат более крупное действие (например, перейдут на премиум-аккаунт).
  • Старый мозг принимает или, по крайней мере, принимает участие в большинстве наших решений. Старый мозг заботится о выживании и размножении: еде, сексе и опасности . Вот почему эти три сообщения могут привлечь наше внимание.
  • На эмоциональный мозг воздействуют изображения , особенно изображения людей, а также истории . Эмоциональный мозг оказывает огромное влияние на наши решения.
  • На поведение людей сильно влияют факторы, о которых они даже не подозревают. Слова «пенсионер», «Флорида» и «усталый» могут заставить даже молодых людей идти по коридору медленнее (это называется кадрированием ).
  • И старый мозг, и эмоциональный мозг действуют без нашего сознательного ведома . Мы всегда будем приписывать нашему решению рациональную, сознательную причину, но она никогда не является единственной причиной, по которой мы совершаем действие, и часто рациональная причина даже не является частью причины.

9. Люди создают ментальные модели

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

10. Визуальная система

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

Инфографика психологии UX-дизайна

ux design psychology infographic