Аффорданс
Свойство предмета подсказывать, как им пользоваться. У кнопки подсказка складывается из заливки, скругления, отступов, курсора-руки и тени. Если убрать все подсказки, останется текст — и никто не догадается, что на него можно нажать.
Как это выглядит: похоже на кнопку: заливка + скругление + padding + cursor: pointer похоже на текст: просто слова без ничего — одинаковые по смыслу, разные по подсказке
Не путать: Аффорданс — не «красивая кнопка» и не подсказка-тултип. Это вид, который сам говорит, что с предметом можно сделать. И не путать с состоянием: hover и focus — уже реакция на действие, а аффорданс — приглашение его совершить.
Откуда слово: От английского to afford — «позволять, быть в состоянии» (тот же корень у «доступный по цене», affordable) плюс суффикс -ance. Термин придумал психолог Джеймс Гибсон в 1979 году: он описывал, какие действия предмет «предлагает» животному. В дизайн интерфейсов слово ввёл Дональд Норман — и позже сам признал, что лучше было бы говорить «signifier», «подсказка». Но слово прижилось.
Где это проходят: урок 8.6 «Кнопка, которая ведёт себя как кнопка» · Интерфейсы и сайты с нуля
Связанные слова
Ещё слова раздела «Интерфейсы и браузер»
- HTML
- Тег
- CSS
- Селектор и класс
- Отступы: padding и margin
- Вёрстка
- Flex
- Адаптивность
- JavaScript
- Событие
- Скрипт
- Браузер
- Ошибка 404
- Крошки
- Песочница
- Куки
- Спрайт
- Анимация
- Хитбокс
- Иерархия
- Контраст
- Палитра
- Насыщенность
- Сетка
- Отступ
- Гештальт
- Закон Фиттса
- Закон Хика
- Закон Якоба
- Когнитивная нагрузка
- Типографика
- Кегль
- Межстрочный интервал
- Длина строки
- Шкала размеров
- Брейкпоинт
- Юзабилити
- Скринридер
- Тепловая карта
- Дизайн-токены
- Фирменный стиль
- Гайдлайн
- Айдентика
- Акцидентный шрифт
- Плотность интерфейса
- HTTPS
- Закон Миллера
- Общая судьба
Весь словарь программиста — 135 слов с объяснениями, примерами и ссылками на уроки.