Аффорданс

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

Как это выглядит: похоже на кнопку: заливка + скругление + padding + cursor: pointer похоже на текст: просто слова без ничего — одинаковые по смыслу, разные по подсказке

Не путать: Аффорданс — не «красивая кнопка» и не подсказка-тултип. Это вид, который сам говорит, что с предметом можно сделать. И не путать с состоянием: hover и focus — уже реакция на действие, а аффорданс — приглашение его совершить.

Откуда слово: От английского to afford — «позволять, быть в состоянии» (тот же корень у «доступный по цене», affordable) плюс суффикс -ance. Термин придумал психолог Джеймс Гибсон в 1979 году: он описывал, какие действия предмет «предлагает» животному. В дизайн интерфейсов слово ввёл Дональд Норман — и позже сам признал, что лучше было бы говорить «signifier», «подсказка». Но слово прижилось.

Где это проходят: урок 8.6 «Кнопка, которая ведёт себя как кнопка» · Интерфейсы и сайты с нуля

Связанные слова

Ещё слова раздела «Интерфейсы и браузер»

Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.

Что ещё есть на сайте

Учиться: Уроки · Программирование с нуля · Интерфейсы и сайты с нуля · Компьютер без страха · Если уже случилось · Какой компьютер нужен · Без кода: ставить задачу · Конструктор описания задачи

С чего начать: Гайды: с чего начать · Тест «с какого урока начать» · Профессии и языки

Потренироваться: Практикум: задачи из жизни · Игры-тренажёры · Симулятор: от задания до сдачи · Мастерская экрана · Колесо фортуны

Словари и юмор: Словарь программиста · Словарь руководителя · Корявые задачи

Сайт, оплата и помощь: Родителям · Инструкция пользователя · Сообщество · Подписка · Помощь и поддержка · Отзывы учеников · Профиль и пароль