Первая истина
Приветствую, юнлинг.
Сейчас ты должен сделать вдох и очистить разум. Твоя задача научиться видеть то, что скрыто от глаз обычных дизайнеров: страхи пользователей, их тайные желания, вспышки дофамина и невидимые ментальные щиты, о которые разбиваются даже самые красивые интерфейсы.
В далеком 1936 году магистр психологии Курт Левин записал формулу равновесия, описывающее природу всех поступков в Галактике.
Формула равновесия объясняет, почему в одной ситуации пользователь действует (покупает, нажимает), а в другой сдается и уходит.
Это фундамент, на котором строится весь UX (User Experience).
Личность (P)
Его опыт, уровень энергии, тревожность, мотивация и текущий химический баланс мозга.
Утром пользователь может быть спокойным, как джедай, в очках, пить кофе, а вечером, как уставший штурмовик, без сил, забыл очки, в одной руке тяжелая сумка, в другой звонящий телефон.
Мы не можем приказать пользователю: «Не уставай!» или «Будь внимательнее!». Мы принимаем его таким, какой он есть сейчас и учитываем это.
Контекст (E)
Внешний контекст. Твой интерфейс, шум космопорта, дедлайн, плачущий ребенок на руках, текст на экране.
Это единственное, чем мы косвенно управляем. Когда пользователь тупит...
Темная сторона шепчет:
Пользователь глупый, проблема в Личности (Р)
Путь джедая, сказать:
Нет, это интерфейс сложный, проблема в Контекст (E)
Если пользователю слишком ярко на солнце, мы не можем выключить солнце на улице, но мы можем сделать текст контрастным.
Если ему сложно, мы убираем лишнее и упрощаем.
Следует всегда помнить о скрытой угрозе. Важно не только то, что вы нарисовали, а то, что кажется пользователю. Если кнопка есть, но она серая и незаметная, то для пользователя без очков её не существует.
Поведение (B)
Поведение – это, что пользователь сделал в физическом мире. Нажатие кнопки, свайп, ввод данных. Это единственный неопровержимый факт.
Поступок (B) рождается в момент столкновения Личности (Р) и Окружения (Е). Ты не можешь рассматривать их по отдельности.
Функция (f)
Важный нюанс. Это не сложение, а умножение. Всё зависит друг от друга.
Если интерфейс ужасен, то даже самый мотивированный пользователь не справится.
Если пользователь без сил, то даже идеальный интерфейс его не спасет, если он слишком сложный.
Настоящий джедай не надеется на идеальных людей. Он проектирует такой дроид… то есть интерфейс, который помогает пользователю, даже когда у того «плохой день», болит голова, садится батарейка, а за окном льет ливень.
Путь мастера - снять с ручника
Левин учил, что на пользователя всегда действуют две силы:
Газ (Мотивация): Желание купить, интерес, скидки.
Тормоз (Барьеры): Лень, страх ошибиться, сложная форма регистрации.
Ошибка многих юнлингов – давить на газ. Пытаться замотивировать уставшего пользователя красивыми картинками, когда он просто не может найти кнопку. Путь Мастера – сначала, снять с ручника.
Бесполезно кричать на штурмовика или обещать «золотые горы» пользователю (увеличить мотивацию), если он застрял и не может двигаться дальше, легче раздвинуть шлюз или убрать лишнее поле из формы (снять барьер).
Пример 1: Ловушка вечного просмотра
Встречается в Netflix, YouTube
Состояние (Р): Уставший пользователь лежит на диване. Сила воли на нуле.
Старый контекст и Барьер (Е): Кнопка "Смотреть следующую серию". Требует активного решения и движения рукой. Мозг успевает подумать: "Может спать?".
Новый контекст и Поток (E): Автовоспроизведение. "Следующая серия начнется через 5..."
Чтобы остановиться, нужно приложить усилие. Чтобы продолжить, нужно ничего не делать.
Результат поведения (В): Пользователь смотрит сериал до рассвета. Окружение приняло решение за него.
Netflix меняет контекст (автоплей), не просто чтобы нам было удобно. Это напрямую влияет на Business Goal – время смотрения (Retention). Запомни этот момент, в следующем уроке мы разберем, как бизнес-цели превращаются в кнопки
Пример 2: Ловушка бесконечности
Встречается в Instagram, TikTok, Pinterest
Состояние (Р): Пользователь ищет знания или развлечения, но его ментальный ресурс истощен и он не хочет принимать решений.
Границы, как старый контекст (Е): Постраничная навигация. "Страница 1... 2... Далее". Конец страницы - это естественный тормоз (Stopping Cue). Мозг вынужден задать вопрос: "Жать ли кнопку "Далее" или пойти отдохнуть?". Это шанс для пользователя осознать.
Бездна, как новое окружение (Е): Бесконечная лента. Контент подгружается раньше, чем ты доскроллишь до дна. Тормозов нет. Кнопок нет. Решения "продолжить" принимать не надо, оно принято за тебя.
Результат поведения (В): Думскроллинг (Doomscrolling). Пользователь проваливается в колодец времени на 3 часа, потому что окружение убрало единственный момент, когда он мог остановиться.
Видишь закономерность, юнлинг? В обоих случаях победил тот интерфейс, который убрал необходимость принимать решение.
Любое "Нажать кнопку" - это микро-барьер. Любое "Принять решение" - это расход драгоценного топлива мозга. Твоя задача как Джедая - найти в своем продукте эти невидимые "лежачие полицейские", об которые спотыкается уставший разум пользователя, и убрать их. Сделай правильное поведение (В) самым легким путем.
Протокол «Чистый путь 2.0»
Используй этот чек-лист для поиска микро-барьеров и прям сегодня примени полученные знания, чтобы улучшить любой пользовательский путь в своем продукте.
Устранение физического трения
Каждый клик и тап - это микро-усилие. Сведи их к нулю.
Маска порядка. Форматируется ли ввод сам собой? Пробелы в карте 0000 0000, скобки в телефоне +1 (999) ставятся сами.
Умная клавиатура. Появляется ли правильный тип клавиатуры (цифровая для кода, email с @)?
Зона досягаемости. Главная кнопка лежит под большим пальцем, а "Назад/ Закрыть" доступны без гимнастики?
Вход без ключа. Используем ли мы биометрию, Social Login или Magic Links вместо паролей?
Размер мишени. Кнопки не меньше 44х44рх и имеют безопасные отступы друг от друга?
Скорость и восприятие
Реальная скорость сервера не важна. Важна скорость реакции интерфейса.
Оптимистичная ложь. Интерфейс реагирует мгновенно, не дожидаясь ответа сервера? Нажал лайк - сердечко закрасилось сразу. Сервер ответит позже.
Скелетная магия. Показываем ли мы структуру контента (skeleton) вместо пустоты или раздражающего спиннера?
Фоновая работа. Блокируем ли мы экран словом "Загрузка..."? Никогда не блокируй интерфейс, если пользователь может делать что-то еще.
Доверие и спокойствие
Страх ошибки парализует. Интерфейс должен быть надежным другом.
Щит предвидения. Сообщаем ли мы об ошибках до нажатия кнопки? Валидация в реальном времени: "Пароль слишком короткий" сразу, а не после перезагрузки.
Свобода воли. Легко ли отменить действие (Undo) или вернуться назад? Выход не должен быть квестом.
Честность торговца. Полная цена (с налогами и доставкой) видна до начала чекаута?
Причина спроса. Если мы просим телефон/геолокацию или другие данные, объясняем ли мы зачем и какую выгоду это даст?
Социальное алиби. Есть ли отзывы/рейтинги в критической точке сомнения?
Мастерство обучения
Не учи всему сразу. Учи в момент необходимости.
Учитель в контексте. Подсказки появляются только когда они нужны, или мы мучаем юзера длинным туром при входе? Туры "Далее-Далее" никто не читает.
Плодородная пустота. Если данных нет (Empty State), экран призывает к действию? Кнопка "Начать покупки" вместо тупика.
Путь искупления. Сообщение об ошибке (Error Messages) говорит, как её исправить? Не "Ошибка сервера", а "Попробуйте обновить страницу".
Универсальный Доступ
Джедай защищает всех, а не только зрячих и ловких.
Тест на контраст. Читается ли текст на ярком солнце? Проверка WCAG AA, минимум 4.5:1.
Тест слепого монаха. Имеют ли все иконки подписи (aria-label) для скринридеров?
Поддержка увеличения: Не развалится ли верстка, если пользователь увеличит системный шрифт?
Твоя сила в Е, а не в Р
Влияй на Контекст (Е). Личность (Р) - неприкосновенна.
Мы не можем залезть в голову пользователю и «заставить его хотеть». Наша зона контроля - это контекст: упростить интерфейс, убрать лишнее, дать подсказку. Меняя Е, мы меняем поведение.
...это была теория, которая должна подкрутить шестеренки в твоей голове и научить видеть суть, отбросив лишний мусор. Суровая реальность ждет тебя за поворотом.
В следующей миссии:
Почему «Повысить Retention» – это ловушка. Разберем, почему дизайнеры выгорают от абстрактных задач и как этого избежать.
Декомпозиция до атомов. Как превратить «счастье пользователя» в конкретный клик, свайп или ввод текста.
Target Behavior. Мы найдем то самое одно простое действие, которое запускает цепочку изменений.
Готовься, Юнлинг. Мы начинаем переводить с языка Бизнеса на язык Интерфейса.