Аффордансный дизайн: вещи сами объясняют, что с ними делать Вы когда-нибудь тягнули дверь в какое-нибудь заведение к себе при том, что она открывается от себя? Чувствовали себя идиотом? Поздравляем! Вы столкнулись с плохим аффордансом. Что вообще за слово такое страшное? Термин придумал психолог Джеймс Гибсон в 1977 году. Affordance — от английского afford, «предоставлять возможность». Это свойство объекта, которое само по себе подсказывает, как с ним обращаться. Круглая ручка — крутят. Плоская панель — толкают. Кнопка выпуклая — нажимают. Никаких инструкций. Мозг считывает форму и уже знает, что делать. В маркетинге и дизайне упаковки это превратилось в целую науку: как сделать так, чтобы продукт сам себя продавал и объяснял. Примеры, которые вы видели тысячу раз, просто не знали названия 🧴 Шампунь с асимметричной крышкой — когда флакон стоит вверх дном, крышка чуть скошена. Вы инстинктивно понимаете: нажми сюда, польётся. Никакой стрелки «открыть здесь». 🍫 Шоколад с насечками — плитка разделена на дольки не только для удобства еды. Насечки визуально говорят: «меня можно делить, ломать, угощать». Это аффорданс социального поведения. 📱 Иконки в смартфоне — телефонная трубка на зелёном фоне. Вы никогда не читали инструкцию, чтобы понять, что это кнопка звонка. Форма трубки существует 100 лет и намертво вшита в культурную память. 🥤 Бутылка Coca-Cola — знаменитый силуэт с перехватом в талии создан так, чтобы рука сама знала, где держать. Не случайность — расчёт. 🚪 Дверные ручки в кофейнях — замечали, что в хипстерских заведениях вместо ручек приваривают трубу горизонтально? Это не эстетика. Труба говорит: «толкай». Не тяни, не крути — толкай. А теперь о том, почему это важно именно для вас Плохой аффорданс стоит денег. Буквально. Если покупатель в магазине берёт вашу упаковку и не понимает за 3 секунды, как её открыть, он ставит обратно. Если пользователь заходит на ваш сайт и не видит сразу, куда нажать, он уходит. Никто не читает инструкции. Никто не ищет кнопку «купить» дольше 5 секунд. Мозг ленив. Это нейробиология. Система быстрого мышления (то, что Канеман назвал «Система 1») принимает решения за миллисекунды, опираясь на визуальные подсказки. Аффордансный дизайн работает именно с ней. Идеи: как использовать это в вашей работе ▪️Для упаковки товара: Сделайте линию отрыва заметной: пунктир, насечка, стрелка фактурой материала. Покупатель не должен искать, где открыть. Форма горлышка бутылки должна говорить: «меня удобно держать вот так». Цвет крышки контрастный к телу упаковки, мозг сразу видит «точку входа». Для сайта и лендинга: Кнопка CTA должна выглядеть как кнопка: объём, тень, цвет, который выбивается из фона. Поля формы с примером текста внутри («Введите ваш email») снижают тревогу и подсказывают действие. Стрелки вниз в первом экране говорят: «здесь есть ещё, скроль!». Для презентаций и раздаточных материалов: Нумерация шагов с визуальной прогрессией — человек видит «шаг 1 → шаг 2 → шаг 3» и инстинктивно хочет дойти до конца. Пустое поле рядом с текстом говорит: «запиши сюда». Без подписи «место для заметок». Для офлайн-мероприятий: Стол с материалами, где буклеты стоят веером, а не лежат стопкой — люди берут. Стопка выглядит как «не трогать». Главная мысль Лучший дизайн — тот, который не требует объяснений. Если вашему продукту, сайту или презентации нужна инструкция — это не проблема пользователя. Это проблема дизайна. Спросите себя: «Что моя упаковка говорит человеку без единого слова?» Если ответа нет, значит, она молчит. А молчание в точке продажи — это всегда потерянные деньги. 🎯