「交互设计笔记」多终端时代的触屏界面设计

《触类旁通-多终端时代的触屏界面设计》这本书是讲关于触屏界面的交互设计，对手机、Pad、笔记本、以及未来可能会出现的各种触屏界面设计都有比较基础的指导意义。

书中介绍了面向安卓、IOS、浏览器等不同设备不同情景下的界面设计原则，人们使用各类触屏的习惯分析等研究，为触屏界面设计提供了基本的设计原则，而其中既效法自然，又能从数码界面特性中发掘优于自然实体的交互形式，对设计思维的开拓也是很有帮助的。

对我而言读书更多的是对过去项目的复盘，从而获得更系统化的思考，读书过程中提醒自己一定要加入自己的思考，并批判性的看待书中的观点，否则尽信书不如无书。因此我设的读书目标有两个：一是带着问题去读，解决以往工作中遇到的问题并在实践中运用，温故知新；二是以空杯心态在读完后建立完整的知识体系，知其然知其所以然。

在此回顾本书，总结和精选了一些内容，希望对大家有所帮助

关于人们怎样使用触屏设备，你需要知道的小知识

-

1，人们使用手机的方式基本可以分为3类，而且时常会在这些方式之间切换。

2，对手机来说，75%的触屏交互行为是由大拇指驱动的。

3，手机的拇指热区：无论使用哪只手，在屏幕底部的大部分区域进行操作都是比较舒适的。

4，无论对何种规格的触屏设备，都要优先考虑拇指热区最小、操作局限性最高的持机方式，这样才能确保人们在任何姿势下都能与界面进行正常的互动。

5，要尽可能将高频功能元素集中放置在拇指的控制范围之内，从而避免人们频繁移动手臂。

6，混合型设备：无论屏幕大小，拇指都是触屏操作最主要的驱动力。

交互元素的最小尺寸44（像素，点，dp）

-

44就是我们的“神奇数字”，在任何平台上都意味着7毫米的交互元素规格。对网页来说，可以使用像素作为单位，而在本地APP中，则建议改用平台专用单位，例如IOS中的“点（pt）”，以及Android中的“独立设备像素（dp）”。在160dpi的分辨率下，像素、点和独立设备像素的规格是相同的，我们只要记住44这个数字就好。

在实践中，交互元素的最小尺寸至少应该达到44*30或30*44。

关于手势

-

基础手势：点击，滑动，长按，长按拖动，双指捏合与扩张，双击。这6种基本手势，人们通常无需额外帮助就可以理解使用，这些手势非常原始——他们是鼠标在触屏设备上的映射。

以现实世界为指引，与现实中的模式相呼应，体现物理效应：例如表现出一定的质量或弹性，比如通过双指缩放的照片或地图便具有这样的特性，滚屏到内容底部之后所产生的弹跳效果也是如此。

以现实世界为指引，可以为触屏设备创造出更易于理解和使用的界面，但作为数字工具，有时符合人们日常行为习惯的手势难以满足所有需要，对某些特定功能来说，要配合更为复杂的手势才能实现。比如：通过辐射菜单降低手势密集度。

总结：越是基础的东西，越不容易过时，记住这些基础研究结论，对于我们设计各端系统的触屏设计都有指导意义。