Чтобы создавать отличные продукты для людей, крайне важно понимать, что именно влияет на их поведение. Без этих знаний невозможно разработать действительно продуманные и эффективные интерфейсы.
Доктор Сьюзан Уайншенк — специалист по поведенческим наукам, исследующая работу мозга, зрительной системы, памяти и мотивации. В своей книге The Psychologist’s View of UX Design она описывает факторы, формирующие поведение пользователей, и объясняет, как использовать эти знания для создания более качественных интерфейсов.
Люди не хотят делать больше, чем необходимо
Самый быстрый способ перегрузить пользователя — потребовать от него слишком много действий за один раз. К сожалению, в мире немало плохо спроектированных продуктов. В итоге решение пользовательской задачи оказывается чрезмерно сложным. Чтобы избежать подобных ошибок, вы можете:
- Сократить количество кликов, необходимых для выполнения задачи. Например, предложить возможность регистрации через сторонние аккаунты — такие как BK ID, Google или Apple. Среди других хороших практик — возможность оставаться в системе или хотя бы запоминать имя пользователя для ускоренного входа.
- Использовать умолчания, когда это возможно. Если можно автоматически подставить значения в отдельные поля, сделайте это. К примеру, можно запросить разрешение на определение местоположения пользователя, чтобы автоматически заполнить поля «Страна», «Город» и «Почтовый индекс».
У людей есть ограничения
Человек стремится к удовольствию и положительным эмоциям и избегает всего, что вызывает скуку или дискомфорт. Один из самых верных способов отвратить пользователя от вашего продукта — это длинная форма регистрации с чрезмерным количеством полей.
Что можно сделать, чтобы этого избежать?
- Применяйте принцип постепенного раскрытия информации. Не показывайте пользователю слишком много контента сразу. Вместо этого подавайте информацию поэтапно — от простого к сложному. Например, разбивайте формы на несколько шагов, а длинные тексты — на легко усваиваемые блоки. Цель — показывать только ту информацию, которая актуальна в текущий момент.
- Используйте заголовки для структурирования контента и привлечения внимания. Заголовки решают сразу две задачи: повышают читаемость и удобство сканирования текста, а также обеспечивают важную визуальную опору для людей с нарушениями зрения или когнитивными особенностями.
Совет! Следите за тем, чтобы ярлыки были согласованными. Все кнопки, ведущие к одному и тому же действию, должны быть подписаны одинаково — пользователь не должен гадать, означает ли «Продолжить» то же самое, что и «Далее».
Люди совершают ошибки
Альберт Эйнштейн, величайший физик всех времён, однажды сказал, что не ошибается только тот, кто ничего не делает. Иначе говоря, невозможно учиться новому, не совершая ошибок или неверных шагов. При разработке продукта важно помнить, что ошибки пользователей — часть их пути.
- Предвидьте ошибки и постарайтесь предотвратить их. Ограничения ввода — отличный пример профилактики опечаток. Например, разрешите ввод номера телефона только цифрами и используйте маску ввода. Не забывайте запрашивать подтверждение перед действиями, которые невозможно отменить, — например, удалением аккаунта или данных.
- Обеспечьте аварийный выход. Разрешайте пользователям отменить случайные действия, такие как отправка письма не тому адресату, с помощью опции «Отменить».
Совет! Предотвращайте ошибки ввода с помощью контекстных подсказок. Например, реализуйте интеллектуальный поиск, который показывает последние или наиболее популярные поисковые запросы.
Память человека — сложный механизм
Эффект Рашомон, названный в честь фильма Акиры Куросавы, — это психологическое явление, описывающее существование нескольких версий одного и того же события. Иначе говоря, люди, наблюдавшие одну и ту же ситуацию, могут помнить её совершенно по-разному. В контексте дизайна это означает, что не стоит рассчитывать на память пользователя.
- Пользователи могут одновременно удерживать в памяти только 3–4 элемента. Избегайте ситуаций, когда нужно запомнить больше четырёх вещей одновременно. Если пользователям нужно перепроверить информацию, убедитесь, что она видна и доступна в нужный момент.
- Помогайте пользователям узнавать информацию, а не заставляйте её запоминать. Например, вместо ввода мест посадки и назначения в такси-приложении предложите автозаполнение и список недавних маршрутов.
Совет! Исследования показывают, что большинство людей плохо справляются с многозадачностью, поэтому не просите их выполнять несколько задач одновременно. Переключение между экранами и запоминание кодов подтверждения — непросто. Постарайтесь максимально упростить или автоматизировать процесс.
Люди — социальные существа
Что общего у шоколадного торта, лайков в социальных сетях и запрещенных веществ? Все они вызывают выброс дофамина. Это химическое вещество, которое стимулирует поведение, приносящее удовольствие, и заставляет нас повторять действия, доставляющие радость. Проще говоря, дофамин вызывает зависимость от мелких (или крупных) удовольствий, таких как социальные сети или еда. Дизайнеры могут использовать это, чтобы стимулировать определённые действия.
- Предлагайте рейтинги и отзывы. Пользователи ищут социальное доказательство — подтверждение того, что другим людям понравился товар, который они собираются купить. Особенно важно мнение других в ситуациях неопределённости.
- Показывайте, сколько пользователей делают то же самое прямо сейчас. Учёные называют это явление «зеркальными нейронами». Люди с большей охотой вовлекаются в действия, если видят, что этим занимаются другие. Вы можете использовать этот эффект: например, показывайте, сколько человек просматривают тот же товар или сколько знакомых пользователя подписаны на интересующий его аккаунт.
Удерживайте внимание пользователей
Считается, что люди замечают то, что выделяется на фоне остального, — но это не всегда так. В зависимости от того, на чём сосредоточено внимание, мы можем не заметить даже значительных изменений в дизайне. Психологи называют это явление «слепотой к изменениям». Для дизайнеров это значит, что нужно тщательно выбирать, на чём делать акцент.
- Когда важно всё, не важно ничего. Если вы хотите, чтобы пользователь сосредоточился на определённом контенте, не выделяйте несколько элементов одновременно — это дезориентирует и вызывает ощущение перегруженности.
- Используйте визуальные средства, чтобы привлечь внимание. Цвет, шрифт, размер, анимации и другие UI-инструменты помогут вам в этом. Применяйте их с умом и соблюдайте рекомендации по доступности, особенно по контрастности цветов.
- Пользователи легко отвлекаются. Если только это не предусмотрено специально, избегайте мерцающих видео и анимаций. Кроме того, они могут негативно повлиять на людей с определёнными формами эпилепсии.
Посмотрите это занимательное видео, которое демонстрирует эффект слепоты к изменениям и позволяет проверить, насколько сильно он влияет на вас.
Люди жаждут информации
Помните про дофамин — химическое вещество, которое воздействует на мозг и вызывает привыкание к повторяющимся действиям? Он мотивирует нас искать еду и общение, а также пробуждает тягу к новой информации — чаще всего, в объёмах, превышающих наши способности к её обработке.
Это парадокс человеческой природы — мы хотим больше контента, но оказываемся перегружены, как только его становится слишком много. Как же с этим быть?
Предлагайте возможность получить дополнительную информацию по запросу. Пользователям нравится контролировать своё взаимодействие и осознавать, что у них есть выбор. Аккордеоны, выпадающие меню, ссылки «Показать больше» и всплывающие подсказки — это полезные инструменты. Они хранят дополнительную информацию, но показывают её только тогда, когда пользователь сам захочет.
Подсознательная обработка имеет значение
Задумывались ли вы, почему невозможно не постукивать ногой под любимую песню? Или почему многим нравится находиться в Starbucks, даже если дома есть кофемашина? Дело в том, что большая часть наших ментальных процессов происходит на подсознательном уровне, и порой мы не можем объяснить, почему делаем те или иные вещи. Что с этим могут сделать дизайнеры?
Люди с большей вероятностью соглашаются на серьёзное действие, если до этого их попросили выполнить несложную задачу.
Например, предложите пользователям бонус за регистрацию. Завершив это простое действие, они охотнее приобретут платную подписку, зная, что ваш продукт предлагает разумные условия.
Будьте внимательны при выборе изображений для интерфейса. Картинки сильно влияют на принятие решений. Исследования показали, что потребление салата у детей 6–12 лет увеличилось на 90% после того, как в столовой начали показывать изображения салата. Сотрудники летнего лагеря разместили цифровой дисплей с циклично сменяющимися картинками, и дети стали намного чаще добавлять овощи к своему обеду.
Люди создают ментальные модели
Вы когда-нибудь смотрели в небо так долго, что начинали видеть формы в облаках — черепах, китов, драконов? Это происходит потому, что люди генетически предрасположены распознавать шаблоны, даже там, где их нет. Это часть нашего механизма выживания. Жизненный опыт помогает нам ориентироваться и понимать, что может быть опасным.
Столкнувшись с новым дизайном, пользователи формируют ожидания, исходя из уже имеющихся ментальных моделей. Хороший пример использования этого явления — скевоморфизм. Когда мы создаём элементы, напоминающие реальные объекты, например, иконки телефона или корзины, мы опираемся на существующие ментальные модели.
Чтобы сделать дизайн функциональным, нужно учитывать когнитивные модели, которые уже есть у пользователей. Допустим, вы всё же хотите изобрести нечто уникальное и создать новый пользовательский опыт. Например, вы хотите ввести двойной тап для добавления товара в корзину вместо привычной кнопки «Добавить». Чтобы это сработало, нужно найти способ «обучить» пользователей новой ментальной модели.
Один из самых распространённых шаблонов дизайна — это функция поиска. Если основная цель пользователей на вашем сайте или в приложении — искать что-либо (жильё, авиабилеты, одежду, украшения и т. д.), строка поиска должна находиться в ожидаемом месте и быть максимально заметной. Обычно она располагается в верхней части сайта, чтобы пользователям не пришлось прокручивать страницу.
Используйте визуальные средства
Создать функциональный и эстетичный продукт невозможно без следования базовым принципам дизайна. К наиболее важным относятся принципы близости, единства, баланса, контраста и пропорции. Визуальные инструменты, такие как шрифты, цвета, формы и размеры, также являются важной частью пользовательского опыта.
Вот как можно использовать визуальные средства для создания отличного взаимодействия между пользователем и системой:
- Размещайте связанные элементы рядом друг с другом
- Используйте группировку, чтобы облегчить восприятие при сканировании страницы
- Убедитесь, что шрифты достаточно крупные для удобного чтения
- Поддерживайте рекомендованное соотношение контрастности согласно WCAG
- Не полагайтесь только на цвет при выделении или группировке элементов