什么是Affordance?
什么是Affordance?
在人机交互领域中,我们常常提到某个设计的affordance。其中文对应的意思并没有一个统一的意见。Wikipedia2上先这个词被译为“承担特质”或者“环境赋使”(非常晦涩难懂),后又提出可译为“直观功能”,也有同行将其译为“可供性”3等等。是一个经常被使(滥)用,但是其义常常没能被准确表述的概念。Mads Soegarrd在HCI词汇表中总结了这个词的解释1。
Affordance这个词在英文中也是一个新词。该词由认知心理学家James J. Gibson于1979年在《The Ecological Approach to Visual Perception》一书中首次提出,后来在1988年被Donald Norman在其书《The Pcychology of Everyday Things》中引入到人机交互(HCI)领域。
Norman的解释
在Norman第一次将Affordance应用到人机交互领域时,他所指的Affordance是,一个物体自身表现出的“怎样使用”的性质,对于其功能的视觉提示。用人话来说就是,这个东西看上去应该怎么使用。比如茶壶手柄是被手握着的,按钮是用来按的。按他自己的话说:
“...the term affordance refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used. (affordance一词指,一个物体‘被接收到的’和‘真正的’属性,其中主要的是决定这个物体该如何使用的功能性的属性)”(Norman 1988, p.9)
也就是说,一个东西的Affordance = 人们觉得一个东西要怎么用 + 这个东西本身的功能属性。比如,鼠标的affordance = 人们直观觉得它的功能(可以吃吗?可以握住?可以控制电脑指针?) +真正的功能属性(鼠标的线接口可以插电脑,左右键可以按,可以在桌面上滑动,可以控制指针)。这个“真正的功能属性”是被设计者定义的,而“人们觉得的(接收到的)功能”是在用户测试中发现的。
Gibson的解释
该词的原创者Gibson对Affordance这个词的原始使用稍有不同,他提出的Affordance是这样定义的:
"an action possibility available in the environment to an individual, independent of the individual's ability to perceive this possibility (人们在环境中的可能的操作,它与人们是有能力接受这种可能性无关)" (McGrenere and Ho, 2000)
说人话就是,Affordance指的是一个东西它可以用来干什么,它所有的功能都可以包含在它的Affordance内,而不只是人们可以用它来干什么。Gibson并没有考虑“人们接受到”的部分,而是只是指所有的可能性。比如一个门,可以用来开关(大部分人能接受到的功能),也可以用来让忍者伪装起来(不是所有人都能接收到的功能,可能忍者才能想到,但是确实可以这么用)。
到底“人们能接收到的”该不该算作一个物体的affordance的标准,这导致了后来人们对这个词使用上的混乱。像开头提到的,即使是维基百科,也在页面上提出了“承担特质”(更接近Gibson的解释)和“直观功能”(更接近Norman的解释)两种翻译。于是现在对该词的定义并没有一个定论。所以建议大家使用的时候要多加小心,如果可能尽量避免使用这个词,用更浅显直白的词代替(如“直观功能”代表Norman的解释,“可用功能”代表Gibson的解释)。如果一定要使用该词,使用时自己先给出解释以防止读者、听众的误解(当然如果硬要装逼让观众听不懂,那就随便吧)。
1 Mads Soegaard, The Glossary of Human Computer Interaction - 5. Affordances, https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/affordances
2 Wikipedia 承担特质, https://zh.wikipedia.org/wiki/%E6%89%BF%E6%93%94%E7%89%B9%E8%B3%AA
3 iD公社,Affordance(可供性)和设计,http://www.hi-id.com/?p=2732
什么是Affordance?的更多相关文章
- Essential controls for web app
AUTO-COMPLETE/AUTO-SUGGEST Auto-complete using Vaadin Offer auto-suggest or auto-complete to help yo ...
- BUTTONS V. 2.0.0——CSS按钮库
BUTTONS-V2-CSS库样式职责 CSS库样式职责分离优点 模块样式命名更清晰化 易于维护.扩展性强 动画效果——修改样式后有过度效果,默认样式 源码如下 <!DOCTYPE html&g ...
- iOS - Frame 项目架构
前言 iOS 常见的几种架构: 标签式 Tab Menu 列表式 List Menu 抽屉式 Drawer 瀑布式 Waterfall 跳板式 Springborad 陈列馆式 Gallery 旋转木 ...
- iPad应用开发者的建议
原文摘自Smashing Magazine<A Dad’s Plea To Developers of iPad Apps For Children> 我花了很长时间为孩子购买和测试iPa ...
- web设计经验<三>值得你深入了解的交互设计5大支柱
随着单页式设计和移动端的兴起,网页中的交互设计越来越重要了.为了打造流畅而可靠的用户体验,你需要对交互设计有更加深入的了解. 正如同我们在<交互设计最佳实践(卷1)>中所述,要做好交互设计 ...
- 手势识别(一)--手势基本概念和ChaLearn Gesture Challenge
以下转自: http://blog.csdn.net/qq1175421841/article/details/50312565 像点击(clicks)是GUI平台的核心,轻点(taps)是触摸平台的 ...
- ActionBar官方教程(1)简介及各区域介绍
Action Bar The action bar is a window feature that identifies the user location, and provides user a ...
- 【转】android官方侧滑菜单DrawerLayout详解
原文网址:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2014/0925/1713.html drawerLayout是Support ...
- 牛逼的bootcss之buttons
css源码 /*! @license * * Buttons * Copyright 2012-2014 Alex Wolfe and Rob Levin * * Licensed under the ...
随机推荐
- springboot-vue前后端分离session过期重新登录
springboot-vue前后端分离session过期重新登录 简单回顾cookie和session cookie和session都是回话管理的方式 Cookie cookie是浏览器端存储信息的一 ...
- 【Linux命令】nohup命令
nohup命令 不挂断的运行,它会使您的脚本被忽略SIGHUP,并重定向stdout/stderr到一个文件nohup.out,以便在您注销后该命令可以在后台继续运行. 1)语法 nohup Comm ...
- fiddler的安装于使用(一)安装fiddler
Fiddler的简介 Fiddler是位于客户端和服务器端之间的代理,也是目前最常用的抓包工具之一 .它能够记录客户端和服务器之间的所有 请求,可以针对特定的请求,分析请求数据.设置断点.调试web应 ...
- P1613 跑路 倍增思想 + 邻接矩阵
题意 给定一个有向图,每条边的花费为1.现在有一个空间跑路器,可以走2^k长度的路,只用花1秒的时间.问从1走到n最少的时间.n <= 50, k <= 64. 思路 这道题说是倍增,但是 ...
- Codeforces Round #503 (by SIS, Div. 2) D. The hat -交互题,二分
cf1020D 题意: 交互题目,在有限的询问中找到一个x,使得数列中的第x位和第(x+n/2)位的值大小相同.数列保证相邻的两个差值为1或-1: 思路: 构造函数f(x) = a[x] - a[x ...
- vim 同时操作多行
使用 vim 的时候,经常会有同时注释或解开注释的情况,逐行编辑很浪费时间,下面的同时操作多行的方式 删除操作 control+v 进入 visual block 模式 选中要删除几行文字 d删除 插 ...
- javascript 多个异步处理解决方法
JS异步处理真是一个让人头疼的东西,尤其是AJAX这个玩意.刚开始为了方便我会将jquery ajax 这个属性这样设置 async: false但是这样做问题很多,会让浏览器假死,好在ajax提供了 ...
- proveder:命名管道提供程序,error:40 - 无法打开到 SQL Server的连接
随着数据库数据量增加,对运维的压力也不断增加,为了以备不时之需,觉得弄个双机备份是很有必要的.于是乎捣鼓SQL Server的复制功能:网上对如何利用复制功能的介绍文章很多,这里不细说. 但是有一点就 ...
- IDEA中的各种快捷键
1.get.set快捷键: Alt+Insert 2.idea补全返回值快捷键 比如写了一个new User(),需要补全前面的User user ctrl+alt+V 3.idea全局搜索: Ctr ...
- netcore 基于 DispatchProxy 实现一个简单Rpc远程调用
前言 netcore 发布以来,一直很关注netcore的进程.目前在公司负责的网站也历经波折的全部有.net framework 4.0 全部切换到netcore 2.2 版本中.虽然过程遇到的坑不 ...