随着移动浪潮的风起云涌，我们在过去十多年间所熟悉的面向桌面设备的界面设计思维模式越来越不适用于移动时代。各系统平台的本地app设计师们逐渐摸索出越来越具实践性和跨设备适应能力的设计模式，而web设计师们也慢慢掌握了响应式设计这一有力武，怎样使界面在不同类型的设备当中都能带来上乘的交互体验特别是触控体验，则是我们必须面对的更大的挑战。设计方案不仅要看上去美观合理，更要使用户用起来得心应手，无论他们正在使用怎样的设备。本书围绕着“触控”这一当前最主流的交互行为展开，重点分析了当前主流触屏设备在触控方面的交互特性，并解析了怎样才能更好的为不同类型的设备打造好用的app或web界面。
适读人群 ：界面设计师及希望进入产品设计行业的读者。
《触类旁通：多终端时代的触屏界面设计》是一本立足现在，面向未来的触屏设计开山之作，也是一本著译双馨的佳作。
作者Josh Clark（乔什 克拉克）被业内公认为触屏设计领域的“超级行家”，他的前一本Tapworthy(<触动人心>)被视为移动互联网时代触屏手机设计的经典。
《触类旁通：多终端时代的触屏界面设计》根据大量的用户调研数据，从握持方式、用户使用习惯、个体行为差异甚至心理等多方面进行综合分析，提出了触屏界面设计的基本原则、实现的要素、并辅以实际的案例，让读者不仅知其然、知其所以然，而且直接告诉读者如何灵活地付之实践、大幅提升用户体验：一项设计被拿在手里使用的感觉如何？
严谨、务实、强调重点、没有废话，是本书写作上的突出特点。相信读者在阅读的过程中，必能深切地体会到这一点，获得醍醐灌顶般的阅读享受。
译者C7210是知名设计博客Beforweb.com博主(公众号“Beforweb”)，多年来一直致力向国内读者传达国外优秀的设计理念与技术方法，他选择并翻译的文章深受读者喜爱。
译者序
翻译本书，于我个人而言，更像是一种致敬。
置身互联网与移动产品设计行业，至今已十余载，说起来时间着实不短。然而，由于缺乏设计科班背景，加之当年信息获取渠道相对匮乏，太多的时间被用在了摸索与试探当中。从网页设计师，到UI设计师，再到前端，一番丰盈的体验之后，似乎终于阶段性地完成了向内和向外的探索，最终专心、安心地走上交互设计之路，直到如今。
回想转向交互设计的那段日子，终日高能，新一轮压榨式、爆发式的探索和自学让我欲罢不能，当然其中也不乏盲目与肤浅。最终得以迷恋并聚焦于移动端设计，则正是由于在JoshClark的上一本经典著作Tapworthy中找到了某种依托感。
令我感到庆幸的是，这样的依托感直到如今依然清晰于心，并越发稳健地扩展到一个又一个新领域当中。这是一份远超职业范畴的、值得感恩的赠礼。而当电子工业出版社的刘皎老师向我提起Josh的这本新书时，我似乎看到了报答与回馈的机会——既为当年的引路人，也为我们共同热爱并甘于投身其中的这一事业。
“与时俱进”对数字化产品设计师而言是一个永恒的原则，作为触屏移动设计先行者的JoshClark自然深谙于此。在上一本书中，Josh以主流移动平台界面设计规范为线索，深入挖掘其中的每一个要点，有针对性地在知识体系中填充了大大小小极为丰富的实际产品设计案例，将移动设计思维模式及实战要则完整、清晰地呈现在我们面前。而如今，纵使新技术、新领域层出不穷，移动设备及产品发展的大潮却依旧澎湃。经过几年的洗礼，作为设计师，我们变得越发成熟、老练；而相比于那个年代，如今的设备生态体系却也更加复杂化、立体化，我们面对着一个又一个新的挑战。在这样的时代背景下，Josh对他在过去几年当中所积累的触屏交互设计理念与经验进行了新一轮的沉淀，结合更加多元化的思考方式
Josh Clark是设计咨询公司Big Medium的创始人，专注于互联网设计领域，曾与TechCrunch、TimeInc等多家知名媒体品牌合作打造世界一流的移动互联体验。Josh曾著有四部书籍，其中包括移动设计领域*为著名的《触动人心：设计优秀的iPhone应用》（Tapworthy: Designing Great iPhone Apps，O’Reilly，2010）。此外，Josh还在世界各地进行讲演，主题涉及数字化界面设计的方方面面。Josh曾于1996年发明Couch-to-5K（C25K）跑步日程表，帮助数百万人进行了有效的运动和练习。无论是对健身，还是对用户体验设计，Josh都有相同的座右铭：“No Pain, No Pain”（轻松高效，大家开心）。
邹正，笔名C7210 ，交互设计师、UX设计热爱者、VR探索者、译者、猫奴、吉他手、鼓手。希望为设计师及移动互联网相关从业人员提供帮助。
1 实体化界面 /1
数字与工业设计的融合 /3
人们怎样使用手机 /4
人们怎样使用平板手机 /7
平板电脑：屏幕更大，变数更多 /11
混合型设备：带有键盘的触屏 /13
触屏设备界面布局设计 /17
手机的界面布局 /20
平板手机的界面布局 /30
平板电脑的界面布局 /38
混合型设备的界面布局 /41
2 靠不住的屏幕 /45
靠屏幕尺寸判断输入方式？没那么简单 /46
假设所有设备都有触屏 /49
同时面向触屏和鼠标进行设计 /50
7毫米=足够大 /56
位置，位置，位置：目标元素尺寸与布局的关系 /57
交互元素的最小尺寸：44（像素、点、dp） /58
关于em /60
避免拥挤 /61
像素与视口 /62
3 高效的触屏界面 /67
即时呈现 /68
控制内容的高度 /73
被滥用的轮播 /75
精简表单 /81
真的需要键盘吗 /85
选择正确的键盘类型 /87
＜select＞下拉列表 /89
手势vs． 确认对话框 /93
解放双手 /95
4 手势 /99
基础手势 /100
麻烦的按钮 /104
以现实世界为指引 /115
将手势作为快捷方式 /121
混乱与疏导 /124
在网页中实现手势操作的复杂性 /130
聚焦click事件 /132
在相册和轮播中通过CSS实现滑动浏览 /133
浏览器中的触控事件 /137
300毫秒的延迟问题 /141
指针事件带来的希望与困扰 /143
怎样发现手势 /146
5 手势的可发现性 /149
与实际行动脱节的前置教学 /149
拟物化设计：“我知道该怎样使用它” /151
界面被拍平之后 /154
不要过于拟真 /156
多玩些游戏 /158
路漫漫其修远 /169
鸣谢 /171
新书资讯