Найти в Дзене
Fcore - IT компания

Как UX/UI метчится с психологией?

Глупо не учитывать то, что UX - это аббревиатура, которая напрямую уже говорит что сейчас пойдет взаимодействие с "мозгом" пользователя так, чтобы его нейрончикам нравился интерфейс и они заставили его выполнить какое то целевое действие. Когда я проектирую интерфейсы, я в первую очередь думаю не про кнопки и сетки, а про людей: как они воспринимают, думают, решают и чувствуют. UX — это про то, как мы упрощаем взаимодействие с продуктом, опираясь на закономерности человеческой психики. Ноооо.... есть неочевидные детали, которые иногда даже мои самые крутые коллеги не замечают: Помогает понять, как пользователь считывает визуальную иерархию, какие паттерны восприятия у него уже заложены. Поэтому основные (гештальт) принципы, ментальные модели (модели поведений юзера), баланс когнитивной нагрузки — это наш повседневный инструмент Отвечает за тон и настроение интерфейса. Цвет, типографика, микровзаимодействия — всё это формирует эмоциональный стиль проекта. Правильная эмоция может удержа
Оглавление
Типо баннер
Типо баннер

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

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

Ноооо.... есть неочевидные детали, которые иногда даже мои самые крутые коллеги не замечают:

1. Когнитивная психология

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

2. Эмоциональная психология

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

3. Поведенческая психология

Объясняет, почему пользователи совершают или не совершают действия. Мы используем нуджинг - это наборы мягких (ну оооочень мягких), ненавязчивых способов подтолкнуть пользователя сделать что то, причем не ограничивая его действия и выбор, например:

Default-опции (по умолчанию):

Флажок “Получать обновления” уже включён — человек с большей вероятностью не будет его менять.

→ Он “подтолкнут” к подписке.

Микроподсказки:

В поле “Пароль” — текст “Используйте хотя бы одну цифру и символ”.

→ Пользователь сразу делает правильно, без ошибок.

Визуальные приоритеты:

Кнопка “Продолжить” крупная и контрастная, а “Отмена” — менее заметная.

→ Мозг автоматически выбирает очевидный путь.

Прогресс-бар:

Когда ты видишь, что заполнено 80% анкеты — хочешь закончить до конца.

→ Эффект завершения задачи.

4. И конечно, мотивационная психология

Лежит в основе удержания. Люди возвращаются туда, где чувствуют прогресс, смысл и связь

Прогресс (Компетентность)

— Хочу видеть, что у меня получается, что я становлюсь лучше.

→ Примеры: прогресс-бары, уровни, статистика, бейджи, “ streaks” как в Duolingo.

Смысл (Автономия)

— Хочу понимать, зачем я это делаю, и чувствовать контроль.

→ Примеры: осознанный onboarding, персонализированные цели, возможность выбора.

Связь (Принадлежность)

— Хочу быть частью чего-то, чувствовать контакт с людьми или брендом.

→ Примеры: сообщества, отзывы, лайки, прикольный UI

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