那些很熟悉但又叫不出名字的设计法则（7）：功能可供性

　　Affordance这个设计概念至今没有统一的中文译法。二手翻阅了一些材料，《通用设计法则》将Affordance译成功能可见性；《设计心理学》将Affordance译成示能；百度百科将Affordance译成功能可供性；维基百科将Affordance译成承担特质。本期来聊聊Affordance。
　　功能可供性（Affordance）：物品或环境的特质会影响其功能。
　　什么是Affordance？
　　Affordance是afford（提供、给予、承担）的名词形式，环境的affordance是指这个环境可提供给动物的属性，无论是好的还是坏的，根据《Affordance（可供性）和设计》二手认为可供性是一个合适的翻译。本文保留Affordance，不做翻译。
　　方形轮子自行车和圆形轮子自行车
　　Affordance一词由知觉心理学家詹姆斯J吉普森（JamesJ。Gibson）首创，用以解释我们对天下事物的知觉。吉普森对Affordance的定义是：动物或人对世界上某个物体可能实施的某种活动。唐纳德A诺曼在《设计心理学》中第一次将affordance用于设计上的实际问题。举个例子：方形的轮子和圆形的轮子（如上图），哪一个看起来可以跑得更快？
　　维基百科：环境赋使（Affordance），指一件物品实际上用来做何用途，或被认为有什么用途。也就是说在物品的某个方面，具有让人明显知道该如何使用它的特性。例如门提供打开的功能，椅子提供支撑的功能。人们得知如何使用物品有一部分来自认知心理学，另一部分来自物品的外形。
　　百度百科：功能可供性是知觉领域里的一个新概念，心理学意义的可供性（Affordance）认为人知觉到的内容是事物提供的行为可能，而不是事物的性质，而事物提供的这种行为可能就被称为可供性。
　　通用设计法则：一些物品或环境从视觉上会感到适合某些功能。
　　设计中怎样运用Affordance？
　　图片摘于简书
　　如果物品或环境的Affordance与人们感官的预期相符合，那么这种设计会有很高的接纳率和使用率，同时也会被认为容易操作。相反，如果物品或环境的Affordance与人们感官的预期相违背，那么这种设计不会有很高的接纳率和使用率，同时也会被认为难以操作。
　　iOS6和iOS7短信页面比较（图片摘于网络）
　　举个例子：苹果操作系统从iOS6升级到iOS7的时候，Affordance成为了大家热议的焦点，以短信页面为例，iOS6中Message等其他按钮有边界，有凸起的感觉，按钮看起来具有可以点击的affordance，但是在iOS7中，Message等其他按钮，没有任何修饰，单纯的呈现在白色界面上。刚升级到iOS7的时候，很多用户并不适应这种设计，反馈不知道哪里可以点击。对于老用户而言，经过了7年的用户习惯养成，用户已经形成了一定的使用习惯，iphone从最初的拟物化到扁平化，用户早已对可点击区域了然于心。所以，即使看到Message一词，可点击的Affordance就已经浮现在用户的头脑中。对于新用户而言，从头开始学习，也并没有增加学习成本。
　　弹幕功能
　　我们再来看pc端的弹幕功能，当用户打开视频的时候弹幕是自动播放的，但是很多时候弹幕多到丧心病狂，影响用户的观看。这时候用户会选择关闭弹幕，鼠标hover弹幕按钮时，按钮高亮，提示隐藏弹幕功能，但是同时上弹出一个功能集合弹框，用户的Affordance是关闭弹幕，但是其他功能又与用户感官相违背，所以会让用户难以操作。
　　生活中常见物品和环境的图像，可以明确产品的使用性和功能性。
　　微信红包
　　举个例子：心理学上有个概念叫做Familiaritybias（熟悉度偏见），说的是人们倾向于相信自己熟悉的东西。熟悉能产生信任，不熟悉产生疑虑。微信红包便是最成功的案例之一。微信红包不论是视觉上还是功能上都与我们实际生活中的认知相符合，于是这些图标可以提示用户，它们在抽象的界面中的对应功能。
　　小结
　　物品或环境的Affordance与人们感官的预期相符合。
　　在抽象的界面中，不论是视觉上还是功能上都要与我们实际生活中的认知相符合。
　　参考资料：
　　《通用设计法则》，威廉立德威尔、克里蒂娜霍顿、吉尔巴特勒著，朱占星、薛江译，中央翻译出版社
　　承担特质，维基百科
　　功能可供性，百度百科
　　《看图说话iOS7与iOS6的各种区别对比》
　　《Affordance》，李如一著，好奇心研究所
　　《Affordance（可供性）和设计》，hiid。com
　　《腾讯产品法》，李立著，浙江大学出版社
　　《设计心理学》，唐纳德A诺曼著，中信出版社
　　相关阅读
　　那些很熟悉但又不知怎么用的设计法则（1）：8020法则
　　那些很熟悉但又叫不出名字的设计法则（2）：形式服从功能
　　那些很熟悉但又叫不出名字的设计法则（3）：希克定律
　　那些很熟悉但又叫不出名字的设计法则（4）：倒金字塔法则
　　那些很熟悉但又叫不出名字的设计法则（5）：系列位置效应
　　那些很熟悉但又叫不出名字的设计法则（6）：冯雷斯托夫效应
　　
　　作者：笣米奔