10 законов UX, которые ты используешь (даже если не знаешь их названия)

Часть 1
Часть 2

1️⃣ Эффект фон Ресторфа (Hedwig von Restorff, 1933)
Выделяющиеся элементы запоминаются лучше.
👉 Одна яркая кнопка лучше, чем радуга из CTA.

2️⃣ Закон Хика (William Hick, 1952)
Чем больше выбор — тем дольше пользователь думает.
👉 Не размещай 100 кнопок на экране. Уменьшай варианты или группируй.

3️⃣ Закон Фиттса (Paul Fitts, 1954)
Закон про скорость попадания в цель: чем ближе и больше элемент — тем проще кликнуть.
👉 Делай CTA крупными и ближе к зоне внимания. Маленькие крестики на мобилке в углу часто неудобны в отличии от десктопа.

4️⃣ Закон Миллера (George Miller, 1956)
Человек держит в памяти ~7±2 элемента.
👉 Дроби информацию на блоки. Никто не читает полотна текста.

5️⃣ Закон Постеля (Jon Postel, 1980-е)
Будь строг к данным на выходе и терпим к данным на входе.
👉 Принимай разные форматы (телефон, дата), но показывай аккуратно и единообразно.

🌊🌊
Вторая часть выйдет в понедельник 6 апреля 🙂

Запись эфира с Марией Чубиной

Эфир получился на 1,5 часа, но в YouTube есть таймкоды, велком!

📱 Смотреть в YouTube

🌟 Дизайн тащит

❤️ Вакансии в Магните

10 законов UX, которые ты используешь (даже если не знаешь их названия)

Часть 2
Часть 1


6️⃣ Закон Теслера (Larry Tesler, 1980-е)
У любой системы есть неизбежная сложность.
👉 Не перекладывай её на пользователя — забирай на себя (автозаполнение, дефолты).

7️⃣ Порог Догерти (Doherty Threshold, 1982)
Отклик системы < 400 мс = ощущение мгновенности.
👉 Ускоряй интерфейс или хотя бы создавай иллюзию скорости (скелетоны, прелоадеры).

8️⃣ Правило пика и конца (Daniel Kahneman, 1999)
Люди запоминают пик эмоции и финал опыта.
👉 Даже небольшой визуальный вау-эффект в конце сценария вызовет дополнительную эмоцию у пользователя.

9️⃣ Предвзятость негативного опыта (Baumeister et al., 2001)
Негатив влияет сильнее, чем позитив.
👉 Ошибки и баги убивают опыт быстрее, чем фичи его спасают.

🔟 Эффект якоря (Tversky & Kahneman, 1974)
Первая увиденная цифра влияет на восприятие следующих.
👉 Сначала показывай высокую цену и тут же скидку — пользователь будет доволен.

🌊🌊
Сохрани, чтобы не спорить с продактом на ощущениях 🙂

Кажется, продуктовый дизайн сделал виток по исторической спирали.

Лет 5 назад от дизайнеров хотели понимания процесса, знания фреймворков и методологий. В какой-то момент UI будто стал вторичным. Главным стало то, как думаешь, а не как выглядит результат.

За 5 лет количество дизайнеров кратно увеличилось, а рабочих мест, наоборот, стало меньше.

Сегодня на одну открытую вакансию нанимающий получает десятки откликов. У него просто нет времени погружаться в детали. Просмотр портфолио стал подобен движению по шоссе — есть всего пара секунд чтобы считать информацию и принять решение.

UI снова стал критически важным фильтром. Если визуал слабый, никто даже не узнает, что у вас сильный UX и процессы.

Причём, играет роль не только визуал продукта, но и то, как выполнено портфолио, как упакованы кейсы.

UX, понимание продукта и процессы не перестали быть важными, нет. Важно зацепить взгляд и попасть на собес, где можно будет рассказать все детали кейса.

Хороший UX без хорошего UI в портфолио сейчас проигрывает.
Просто потому, что до UX никто не дойдёт.

UI снова стал входным билетом.

🌊🌊

Заходите к нам на дизайн-канал Магнита, подписывайтесь и ставьте лайки ❤️❤️🫶

«Нам нужен кандидат с горящими глазами!»

Эту фразу, вероятно, слышали все. Но каждый вкладывает в неё что-то своё. На мой взгляд, «горящие глаза» — это про неравнодушие:

🔵Эмоциональное вовлечение
🔵Интерес к продукту
🔵Желание копнуть глубже
🔵Выражение своей позиции
🔵Стремление к участию

Это когда кандидат реагирует на обсуждение, включается в него, задаёт вопросы, делится мнением и ощущениями. Оживляется, когда говорит о задачах, а его вопросы не заканчиваются. Он может сказать: «А что, если предложить…».

А вот неуместные шутки, перебивание и чрезмерное стремление перехватить инициативу не имеют ничего общего с пресловутыми «горящими глазами».

Я пообщался с нанимающими и узнал их точку зрения

🧔‍♂️ Алексей Чупин 🟥 Директор в Russian Design Management Institute, ex. VK, МТС

Горящие глаза дизайнера при найме — это обязательное условие у среднего и тем более у младшего грейда, но необязательно или даже подозрительно для старших грейдов. Новичку нужен запас энергии, чтобы хватило разобраться в хитросплетениях сотни поддисциплин в дизайне. А старичок, который видел некоторое дерьмо в работе и набрался опыта не вполне адекватен, если у него все ещё горят глаза на работу — от него требуется спокойный рационализм.

🙎‍♂️ Марк Борзенков 📦 Дизайн-менеджер в Avito

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

🤵‍♂️ Александр Дудинский 💾 Дизайн-лид в EPAM

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

👱‍♀️ Татьяна Конюшенко 🍇 Дизайн-лид в Uzum

Для меня, это увлечённость делом — своими кейсами, историями, достижениями. Это слышно в голосе, это видно в размышлениях. То есть, человек на собесе активный, а его рассказ о работах — эмоциональный.

👨‍🦲 Юрий Солодовников ⏺️ Директор департамента дизайна в Click SuperApp, ex. Alfa-Bank

Горячие глаза про найме – это когда человек горит желанием достигать и развиваться, а также работать именно в такой компании (а иногда и с каким то конкретным лидером).

Пишите в комментариях, что такое «горящие глаза» по вашему мнению👇🤩
🌊🌊

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

Внедрение жестов в интерфейс требует онбординга. Жест в большинстве случаев будет альтернативой привычному паттерну кнопки.

Что говорят исследования?

Androidmetro: пользователи не находят свайп-действия. Жесты требуют подсказок или онбординга. Кнопки показывают себя эффективнее.

Университет Хильдесхайма: жесты плохо себя показывают для новичков в приложении, но с появлением у них привычки, наоборот, ускоряют работу.

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

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

Nature: существует прямая взаимосвязь между негативными эмоциями и недостатком наличия жестов управления. Одной из причин негативных эмоций пользователей при взаимодействии с интерфейсом является отсутствие возможности управлять жестами.

🌊🌊

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

🌊🌊