Мэтью Стрём написал об аффордансах.
Аффорданс — это связь между свойствами объекта и возможностями агента, которая определяет, каким образом этот агент может использовать этот объект.
Дизайнеры определение немного изменили, теперь это свойства объектов, показывающие пользователям действия, которые они могут предпринять.
Ручка на двери показывает, что её можно открыть, потянув на себя. Плоская прямоугольная ручка показывает, что дверь надо толкать.
При взаимодействии с цифровыми объектами всё сложнее. Нет причин, по которым именно синим цветом стали обозначать гиперссылку. Первый браузер использовал подчёркивание для обозначения ссылки, возможно, потому что эта форма выделения не так часто использовалась в обычных документах. Так на заре интернета появлялись сотни аффордансов.
Хороший аффорданс в физическом мире — естественный способ взаимодействия. В цифровом — привычный способ, к которому пользователи привыкли, работая с другими цифровыми продуктами.
#affordance #definition
Аффорданс — это связь между свойствами объекта и возможностями агента, которая определяет, каким образом этот агент может использовать этот объект.
Дизайнеры определение немного изменили, теперь это свойства объектов, показывающие пользователям действия, которые они могут предпринять.
Ручка на двери показывает, что её можно открыть, потянув на себя. Плоская прямоугольная ручка показывает, что дверь надо толкать.
При взаимодействии с цифровыми объектами всё сложнее. Нет причин, по которым именно синим цветом стали обозначать гиперссылку. Первый браузер использовал подчёркивание для обозначения ссылки, возможно, потому что эта форма выделения не так часто использовалась в обычных документах. Так на заре интернета появлялись сотни аффордансов.
Хороший аффорданс в физическом мире — естественный способ взаимодействия. В цифровом — привычный способ, к которому пользователи привыкли, работая с другими цифровыми продуктами.
#affordance #definition
UXPUB 🇺🇦 Дизайн-спільнота
Аффордансы в дизайне. Дизайн привычных вещей
Давайте погрузимся в глубины дизайна интерфейсов, поговорим об аффордансах и выясним как они работают
Марина Яланска написала об аффордансах в интерфейсах.
— Аффорданс — свойство объекта, позволяющее использовать его определённым образом, то есть наглядная подсказка, как с ним взаимодействовать;
— По принципу работы они делятся на явные и скрытые. Последние можно обнаружить после совершения определённых действий. Пример: подсказки, отображающиеся при наведении курсора;
— По внешнему виду они могут быть графикой (сюда можно отнести иконки, кнопки, поля ввода и так далее), текстом, анимацией и паттернами;
— Графические аффордансы воспринимаются быстрее и запоминаются лучше, чем текст;
— Даже если предмет давно не используется, иконка с ним может встречаться в интерфейсах (например, дискета);
— Текст часто понятнее иконки, плюс, не всё можно показать графикой. Но чисто текстовый интерфейс выглядит перегруженным;
— Пример паттерна: кликабельный логотип, позволяющий перейти на главную страницу. Пример анимации: переливающаяся надпись Slide to Unlock из самого первого айфона;
— Негативные аффордансы показывают, что элемент интерфейса сейчас неактивен. Пример: заблокированные кнопки.
In English. #affordance #definition
— Аффорданс — свойство объекта, позволяющее использовать его определённым образом, то есть наглядная подсказка, как с ним взаимодействовать;
— По принципу работы они делятся на явные и скрытые. Последние можно обнаружить после совершения определённых действий. Пример: подсказки, отображающиеся при наведении курсора;
— По внешнему виду они могут быть графикой (сюда можно отнести иконки, кнопки, поля ввода и так далее), текстом, анимацией и паттернами;
— Графические аффордансы воспринимаются быстрее и запоминаются лучше, чем текст;
— Даже если предмет давно не используется, иконка с ним может встречаться в интерфейсах (например, дискета);
— Текст часто понятнее иконки, плюс, не всё можно показать графикой. Но чисто текстовый интерфейс выглядит перегруженным;
— Пример паттерна: кликабельный логотип, позволяющий перейти на главную страницу. Пример анимации: переливающаяся надпись Slide to Unlock из самого первого айфона;
— Негативные аффордансы показывают, что элемент интерфейса сейчас неактивен. Пример: заблокированные кнопки.
In English. #affordance #definition
Оди. О дизайне
Аффордансы в дизайне интерфейсов — Оди. О дизайне
Что такое аффорданс... Помогает понять, как можно взаимодействовать с вещами. Иконка телефонной трубки подсказывает, что можно нажать и сделать звонок.