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