为触屏手机而设计：拇指操作的“热区死角”与“控件尺寸”.pdfVIP

为触屏手机而设计：拇指操作的 热区“ / 死角 ”与 控件尺寸“ ” 1.1 触屏手机界面设计的背景与挑战 挑战 1：发展时间短，国内外的研究都尚处在探索阶段，充满未知和不确定。 触屏技术最早被应用到手机上要追溯到 1999 年（ motorola A6188 ），至今虽然已有 12年时间，但 真正为手指操作的触屏界面设计带来革命性变化还是 07 年 1月9 日发布的 iphone1 代以及他的多点触 摸技术。时至今日，不过 4 年时间，以苹果设计团队为先驱国内外相关研究领域，包括触摸的手势 、触屏界面的规范、触摸的可用性研究等等，都还处在探索阶段，这也意味着有很多现有的东西都 是建立在猜测和尝试基础上的，他们的成熟度也是有待时间检验的。这些东西包括国外的期刊文献 和图书，甚至是苹果 app 开发官网上的信息、设计原则。 挑战 2 ：从鼠标键盘到手指，准确率问题、热区和死角的问题。 触屏手机交互研究与 PC 交互的研究存在着质的变化。输入设备从鼠标键盘变成手指，一方面，操 作的精准度上受到了挑战，在密集的信息处理上，用户常常会出现许多误操作；另一方面，手指操 作所特有的 死角和热区“ ”问题也是 PC 界面设计中不会面临的。 挑战 3 ：东西方生理指标和文化差异对现有设计原则的影响。 即便是那些被证明了合理可行的理论，在飘扬过海来到中国后，能克服东西方生理指标和文化差异 带来的影响吗？要知道，同样大小的手机对中国人的手和老外的手握持的稳定性而言也是可能存在 差异的。所以，如何把成熟的西方知识拿来主义，进行更符合生理特征和民族文化的调整，是我们 要面对的第三个挑战。 挑战 4 ：普通 WAP/APP 设计原则对淘宝（ APP/WAP ）的适用性。 手机电子商务又是一个特殊的领域，我们面对海量决策信息与有限屏幕空间之间的矛盾，这是普 通WAP 网站或者 APP 应用极少会面对的严峻局面。如何将其他产品的触屏研究成果转化成更适合 电子商务领域应用，是我们要进一步解决的问题。 1.2 触屏手机界面设计一些前人的经验 《Tapworthy- Designing Great iphone Apps 》Josh Clark 2010-6-25 （中文版：《触动人心 –设 计优秀的 iPhone 应用》翻译者包季真 ）提到了 iphone 界面设计的两条原则 —— Rule of Thumb 和 T he Magic Number is 44 （见下图）。即，右利手触屏操作时的热区与死角（如下图），以及触及 控件设计的合理尺寸为至少 44pix 。 对于这个研究结果，我们不难发现两个疑问 —— 问题 1：这个热区图和所谓的标准尺寸是怎么得来的，在书中并没有详细的叙述，是基于 研究结果“ ” 还是设计者自身的 经验主义“ ”我们也不得而知。根据书中的描述和作者的专业背景推测，这些很有 可能是作者在收集大量 iphone 界面案例后的自己的分析和经验总结。 问题2 ：很多设计师在看完 44pix 这个数字后都很容易犯一个错误 —— 不同分辨率的屏幕所对应 的44pix 实际物理大小是有很大差异的。在 Iphone3 下， 44pix 约等于 7mm ；在iphone4 下，却不 足6mm 。书中的讨论背景是 iphone3 ，所以需要设计师根据物理尺寸进行对应的换算。 1.3 触屏手机界面设计一些前人的研究 Josh Clark 也许是个经验主义者，那让我们重新审视这个 44pix 。事实上， iphone 团队把触击控件的 界面最小尺寸限定为 44pix(7mm) 并非是没有依据的。早在人机工效学的研究中，前人曾得出结论， 认为用食指操作，触击范围在 7mm 左右比较合适；而用拇指操作，合适的触击范围需在 9mm 左右。 为给设计师们提供较为准确的工学指标，对按键操作进行精密的实验设计必不可少。 3.1 分析用户按键误操作成因 对于用户来说，第二种错误是更为致命的，这需要他花费更多的精力来纠正这一错误；而相对来说 第一种情况就不那么严重了。因此在