新建Affordance(可供性)和设计

《新建Affordance(可供性)和设计》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、Affordance（可供性）和设计Posted: 26Nov201103:49AMPSTiOS键盘为什么iOS的键盘如此出色，其他系统的虚拟键盘虽然在尺寸上基本超过iOS键盘，而它们的视觉体验还是操作体验相比之下显得像一团渣，为什么？在比较分析之前，先说明一下，分析虽然是一个逆向过程，但在这里我认为诠释性的分析比揣测设计者的意图更有价值，当问“为什么这样设计”的时候，应该将眼界超越设计者本人的意图，即使有一些给出的理解完全脱离设计者的意图甚至与其相背。iOS键盘是（新一代）虚拟屏幕键盘的开山始祖，它有很多创新的设计和技术应用，在

2、第一代iPhone上市的时候，Apple做过详细全面的视频介绍，其中有一段就是iOS键盘介绍，土豆视频见这（Youtube地址见这）。SteveJobs在WWDC2007上介绍iPhone是从革命性的用户界面开始的，从列出MotoQ、BlackBerry、PalmTreo和NokiaE62这四台带全键盘的手机——当时被称为智能手机——开始，它们的按键和操作是不能改变的，无论你是否需要它总是在那里，而不同的应用需要不同的用户界面。iOS虚拟键盘只在需要的时候出现，在不同的应用中使用不同的键盘，在输入网址的时候就将空格键替换成了“.”

3、、“.com”和“/”等配合网址输入的按键。同时虚拟键盘需要解决精度以及效率问题，让人轻松快速的输入，使用放大镜进行轻松的光标再定位，比如“臭名昭著”的热词自动修正（英文），除了使用字典以及联系人等词组匹配进行修正外，还可以对输入区域进行匹配比如介绍视频中的将“ouzza”转为“pizza”，还有一项创新的设计是，根据字典来预测下一个字母，以此实时改变键盘的各字母对应的触摸区域的大小，让这些字母更容易被触发，比如输入“tim”，那么接下了“e”就比相邻的“w”和“r”的触摸区域大，因为“time”是一个常用词，而没有“timw”和

4、“timr”这两个英文单词。在Apple的获得专利中，与iOS键盘相关的有很多项，重要的就有根据下一个字母来动态改变触摸区域这一项，专利号7,900,156名称为“Activatingvirtualkeysofatouch-screenvirtualkeyboard”，相应在中国的专利申请号为200680033988名称为“致动触摸—屏幕虚拟键盘的虚拟键”，专利内容就是上述实现的一个一般化，将触摸区域的改变一般化为按键如何根据触摸位置来触发，触摸位置与触发按键通过距离来确定（比如与哪个按键的距离小就触发哪一个按键），同时引入一个权

5、重，那么上述实现中，出现下一个“e”比“w”和“r”有更大的权重，也就是“e”的触摸范围更大，这项专利例举的另一个实现，就是“删除”按键的权重设置成小的，它更不容易被触发。另外在设计专利中，有两项比较显著，一个是D644,238整个键盘的设计，另一个D621,848是关于按键被按下时挤出的那个放大的键盘指示牌。我们先从尺寸来看iOS键盘的设计，上图是iPhone4之后的视网膜屏幕的界面，所标注数字的单位为px，其实就是320*480屏幕的两倍，前后键盘设计并没有变化，如果换算成mm为单位的实际尺寸，那么就类似32px/326*25

6、.4=2.49mm。这些尺寸是如何决定的，如果从设计者的角度来看，这个决定的过程既有逻辑的部分也有感性的成分，所以我们分析不能像数学一样去反推。iOS的键盘高度为430px（320*480的分辨率时为215px，其实430px上方还有2px的黑线），正好位于屏幕正中间向下偏50px，或许可以提出一个问题就是键盘为什么不是屏幕的一半呢？这个尺寸由其内部支撑起的，但是如果把它设成刚好一半，那么在比例上很容易体会到压抑（均分是较容易被识别）。76px的按键高度是5.92mm，52px按键宽度是4.05mm，12px按键间距是0.93mm

7、，32px的按键间距以及字高是2.49mm，iOS的 HIG 建议的最小可触摸操作元素是44*44point，转换到mm单位为6.90，WindowsPhone7的 HIG 中也说到最小触摸目标的高度是7mm（紧接着也说到键盘和链接可以例外，因为有额外的动态补偿）。肯定有很多人机尺寸可供参考，比如横向的尺寸，而从设计的角度除了依赖这些统计学上的数据，更重要的是结合经验和体验，毕竟在这么一个小范围内，依赖后者更迅速。我们从iOS键盘的尺寸上可以看出它们都是经过细致安排的，就是“尺度”。将Android的键盘和iOS键盘以实体的尺寸为

8、准进行比较，为什么不选用其他中文输入法的键盘，因为这些键盘多数是模仿iOS键盘的，而且有几个在尺寸上没有考究，比如上下两排按键或间隙都不是统一的，有1px的差距，这样它们就没有什么参考价值。Android键盘也有尺寸诡异的地方，比如按键的圆角是2p