10 концепций психологии для дизайнеров

Этот пост был первоначально опубликован на onepixelout.com

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

Первоначально опубликовано на OnePixelOut.com

Зачем изучать психологию?

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

Как дизайнер, есть несколько способов стать лучше:

  1. Знать инструменты
  2. Улучшить мягкие навыки
  3. Понять Психологию Человека

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

Сообщите свои решения

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

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

Использование концепций психологии для улучшения дизайна

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

1. Визуальные подсказки

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

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

Как использовать это в дизайне

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

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

2. Гештальт Принципы

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

Как использовать это в дизайне

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

Вы можете прочитать больше о принципах гештальта здесь.

3. Люди имеют ограниченную кратковременную память

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

Как использовать это в дизайне

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

4. Люди имеют ограниченную осведомленность

Итак, я уверен, что вы знаете о тесте на осведомленность?

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

Как использовать это в дизайне

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

5. Люди учатся на примерах

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

Как использовать это в дизайне

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

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

6. Люди мотивированы выбором других людей

Это называется Social Proof. Это означает, что пользователей можно поощрять делать что-то, зная, что другие тоже пошли по этому пути.

Как использовать это в дизайне

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

7. Люди мотивированы тем, что остается сделать

В исследованиях, проведенных Минджунг Ку и Айелет Фишбах в 2010 году, выяснилось, что люди с большей вероятностью будут мотивированы для завершения задачи, если они видят, что еще предстоит сделать, а не то, что они сделали.

Как использовать это в дизайне

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

8. Люди перегружены слишком большим выбором

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

Как использовать это в дизайне

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

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

9. Люди перегружены слишком большим количеством информации

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

Как использовать это в дизайне

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

10. Переменные награды вызывают привыкание

Может быть, больше для стороны разработки продукта, но все же кое-что стоит знать. Как объясняется в книге Hooked by Nir Eyal, использование случайных наград - это то, что действительно вызывает привыкание. Вспомните, когда вы последний раз проверяли свой Instagram, Twitter или Facebook. Зачем ты это сделал? Чтобы увидеть, сколько лайков получил ваш последний пост. Это сила использования непредсказуемых наград в вашем приложении или на сайте.

Сила Variable Awards также использовалась в играх. Если вы когда-либо играли в Candy Crush, возвращайтесь каждый день, чтобы посмотреть, какие ежедневные награды вы выигрываете, - это повод для регистрации.

Переменные награды - это то, что делает азартные игры более захватывающими.

Как использовать это в дизайне

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

Итак, те мои 10 концепций психологии и как использовать их в своих проектах. Большое спасибо за чтение, я знаю, что это было долго. Как всегда - я хотел бы услышать, есть ли у вас другие концепции психологии, которые вы используете в своих проектах. Лучшее место для меня - твиттер.

Рекомендуемые книги

Если вам интересно больше узнать о поведении людей, я соберу краткий список для чтения.

Зацепил Нир ЭяльПредсказуемо Иррациональный Дэн Арили