基本信息
书名:触类旁通:多终端时代的触屏界面设计
定价:69.00元
作者:(美)JOSH CLARK(乔石·克拉克),C7210
出版社:电子工业出版社
出版日期:2017-04-01
ISBN:9787121311192
字数:
页码:
版次:1
装帧:平装-胶订
开本:16开
商品重量:0.4kg
编辑推荐
《触类旁通:多终端时代的触屏界面设计》是一本立足现在,面向未来的触屏设计开山之作,也是一本著译双馨的佳作。
作者Josh Clark(乔什 克拉克)被业内公认为触屏设计领域的“超级行家”,他的前一本Tapworthy(<触动人心>)被视为移动互联网时代触屏手机设计的经典。
《触类旁通:多终端时代的触屏界面设计》根据大量的用户调研数据,从握持方式、用户使用习惯、个体行为差异甚至心理等多方面进行综合分析,提出了触屏界面设计的基本原则、实现的要素、并辅以实际的案例,让读者不仅知其然、知其所以然,而且直接告诉读者如何灵活地付之实践、大幅提升用户体验:一项设计被拿在手里使用的感觉如何?
严谨、务实、强调重点、没有废话,是本书写作上的突出特点。相信读者在阅读的过程中,必能深切地体会到这一点,获得醍醐灌顶般的阅读享受。
译者C7210是知名设计Beforweb.博主(公众号“Beforweb”),多年来一直致力向读者传达国外的设计理念与技术方法,他选择并翻译的文章深受读者喜爱。
内容提要
本书深入触屏人机交互构成的核心,以大量的用户调研数据为基础,分析了多终端时代触屏设备用户使用习惯的变化及其对设计的影响,总结出了触屏界面设计原则和规律,并给出了具体的设计案例。这是一本立足现在、面向未来的设计范本,值得每一位界面设计师及希望进入产品设计行业的读者珍藏并作为案头参。
目录
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
作者介绍
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探索者、译者、猫奴、吉他手、鼓手。希望为设计师及移动互联网相关从业人员提供帮助。
文摘
序言
这本书就像一本久旱甘霖的启示录,彻底颠覆了我之前对移动端界面设计的那些零散、不成体系的认知。我一直觉得,虽然我用手机、平板、甚至智能手表很多年了,也熟悉了各种App的交互逻辑,但当我尝试自己设计一个稍微复杂点的多终端产品时,就立马捉襟见肘了。那些触屏的直觉操作,在不同尺寸、不同交互模式的设备上,到底该如何平衡?这本书给出了非常系统且富有洞察力的答案。它没有停留在“这个按钮应该多大”、“这个滑动应该多流畅”这种表面化的操作指导,而是深入到了“为什么”——为什么在小屏幕上信息密度需要权衡,为什么在触屏上要强调目标区域的大小,为什么不同的设备承载了不同的使用场景和用户意图。作者用非常生动的语言,结合大量实际案例,将“触类旁通”这四个字的精神贯彻得淋漓尽致。比如,它详细阐述了如何从PC端的鼠标交互逻辑迁移到触屏的指尖交互逻辑,并强调了“指向性”和“接触性”的根本差异。书中对“触点”的设计原则,比如多指操作的限制、防误触的策略,都进行了非常细致的讲解,让我恍然大悟,原来我之前觉得“别扭”的交互,很多时候都是因为触点设计不够精妙。更重要的是,它不只是讲“怎么做”,更讲“为什么要这么做”,这种宏观的视野,让我在理解设计原则时,能触及更深的本质。书中关于“情境感知”的设计理念,更是让我眼前一亮,它提醒我,设计不仅仅是冰冷的UI元素堆砌,而是要考虑用户在特定时间、特定地点、特定情绪下的需求,这对于打造真正人性化的多终端体验至关重要。这本书让我意识到,真正的触屏界面设计,是一门融合了心理学、人机工程学、甚至一些社会学洞察的艺术,而不仅仅是技术层面的操作。
评分坦白说,在这本书出现之前,我对于“跨平台设计”的概念,一直停留在“尽量适配”的层面。以为只要把PC端的界面缩小,然后让它在手机上也能看,在平板上也能用,就万事大吉了。结果可想而知,设计出来的东西总是不伦不类,用户体验也差强人意。这本书彻底颠覆了我这种“粗暴”的认知。它让我明白了,真正的多终端设计,不是简单的“复制粘贴”和“缩放拉伸”,而是一种“理解”、“适应”和“创新”。书中对于“触屏交互的细微之处”的挖掘,让我开了眼界。它不仅仅讲到了触点大小、间距之类的基础知识,更是深入到了用户手指的运动轨迹、按压的力度、甚至手指的形状对交互的影响。这些看似微不足道的细节,却构成了用户体验的基石。它让我意识到,在小小的触屏上,每一个像素、每一个毫秒的响应,都至关重要。更让我醍醐灌顶的是,书中关于“情境感知”的设计理念。它不再将用户孤立地看待,而是强调要结合用户所处的“时”、“空”、“情”来设计。比如,用户在通勤途中,可能需要更简洁、更易于单手操作的界面;用户在家中,则可能更倾向于享受沉浸式的体验。这种“因地制宜”的设计思路,让我想到了很多我曾经认为“反直觉”的设计,瞬间变得合情合理。这本书就像一盏明灯,照亮了我之前在多终端设计道路上的迷茫。它没有给我现成的答案,而是教会了我如何去思考,如何去发现问题,并找到最适合不同终端的解决方案。
评分我一直对“触类旁通”这个词有着特别的感悟,它意味着将一种知识或能力,灵活地应用到其他相关的领域。而这本书,正是将这一理念完美地体现在了多终端触屏界面的设计上。在我看来,这本书不仅仅是一本技术指南,更是一部关于“思维模式”的启迪。它打破了我之前对不同终端“各自为政”的固有观念,让我看到了它们之间千丝万缕的联系,以及如何在一个统一的框架下,实现差异化的体验。书中对“用户行为模式”的深入分析,让我印象深刻。它不仅仅是分析用户在某个终端上的行为,而是着重于分析用户在不同终端之间的行为迁移和习惯养成。例如,用户在手机上习惯了滑动操作,那么在平板上,我们是否应该保留这种习惯,或者在保留的基础上,增加一些更适合大屏幕的操作?这种“用户旅程”的思考,让我对设计有了更宏观的认识。此外,书中对“情境化设计”的强调,更是让我醍醐灌顶。它让我明白,优秀的设计,绝不仅仅是静态的UI元素的组合,而是要能够感知用户所处的环境,理解用户当下的需求,并提供最恰当的解决方案。例如,用户在光线昏暗的环境下,界面需要有更高的对比度;用户在需要快速输入时,输入框的尺寸和虚拟键盘的布局就需要进行优化。这本书就像一位经验丰富的设计大师,它没有直接给我答案,而是教会了我如何去提问,如何去分析,如何去找到那个最适合用户、最适合设备的答案。它让我明白,真正的设计,是能够跨越终端的界限,真正地触动用户的心灵。
评分读完这本书,我感觉自己像是被施了魔法,原本那些模糊不清的关于“跨平台设计”的困惑,瞬间变得清晰起来。以前我总觉得,给不同的设备设计界面,就是把同一个东西按比例缩小放大,再调整一下布局,结果总是差强人意。这本书则完全打破了我这种“一刀切”的思维模式。它不是简单地告诉你如何在不同屏幕尺寸上“适配”,而是教会我如何“适应”——如何让设计真正融入到不同终端的使用场景中去。书中关于“设备能力差异”的分析,让我深刻理解了为什么有些功能在手机上是核心,但在平板上就成了辅助,或者在智能手表上根本就无法实现。它引导我思考,用户在不同设备上,他们期望完成的任务是什么?他们能够接受的信息量有多大?他们对交互的便捷性要求有多高?这种“以用户为中心,以设备为导向”的设计思路,是我之前从未系统性思考过的。书中对“渐进式增强”和“优雅降级”的讲解,更是让我茅塞顿开。它不是简单地告诉你“这个功能要不要放”,而是告诉你“如何根据设备的性能和交互方式,灵活调整功能的呈现和优先级”,从而在保证核心体验的同时,不牺牲其他设备的可用性。书中关于“统一的用户体验”与“差异化设计”之间的辩证关系,也讲得非常透彻。它让我明白,虽然要考虑到不同终端的独特性,但整体品牌形象和核心交互逻辑的统一性,对于用户建立品牌忠诚度和减少学习成本是多么重要。这本书不仅仅是关于触屏界面的技术手册,更是一部关于如何在复杂多变的多终端环境中,构建流畅、直观、有吸引力的用户体验的智慧结晶。我感觉自己对“设计”这个词的理解,已经上升到了一个新的维度。
评分说实话,我一开始对这本书的期望值并不高,觉得可能就是一本讲讲UI图标大小、按钮颜色之类的“装修指南”。然而,事实证明我大错特错。这本书的内容之丰富、视角之独特,远远超出了我的想象。它不仅仅停留在“美观”和“可用”的层面,而是深入到了“如何让用户在多终端之间无缝切换,并且感到愉悦和高效”。书中对“触屏交互的心理模型”的剖析,让我大为惊叹。它解释了为什么我们会习惯性地去“捏合”缩放,为什么我们会对“滑动”产生如此自然的反馈,这些背后都有着深刻的心理学原理。作者通过大量的案例分析,展示了如何利用这些心理模型来设计更符合直觉、更易于学习的界面。更让我印象深刻的是,书中关于“上下文感知”和“意图预测”的设计理念。它让我意识到,优秀的多终端设计,不仅仅是被动地响应用户的操作,更要主动地去预测用户的需求,并提供恰当的引导和帮助。比如,在用户可能需要输入信息时,自动弹出键盘;在用户可能需要导航时,提供快捷的地图入口。这种“智能”的设计,让我感受到了科技的温度。书中关于“个性化和情境化”的探讨,也让我受益匪浅。它提醒我,在多终端时代,用户的需求是动态变化的,设计需要能够根据用户的使用习惯、所处的环境,甚至情绪,来动态调整界面的呈现方式和功能优先级。这本书就像一位经验丰富的向导,带领我穿越了错综复杂的多终端设计迷宫,让我看到了通往“卓越用户体验”的清晰路径。它不仅教会了我“是什么”,更教会了我“为什么”,让我对设计有了更深层次的理解和感悟。
评分这本书,与其说是一本关于触屏界面设计的书,不如说是一本关于“如何让用户在多终端世界里生活得更轻松、更愉悦”的生活指南。我一直以为,多终端意味着更多的复杂性,更多的挑战。但这本书却以一种极其智慧的方式,将这些复杂性化繁为简,甚至化挑战为机遇。它不仅仅是教我如何设计一个好看的界面,更是教我如何去理解用户,理解他们在使用不同设备时,他们的行为、他们的期望、他们的痛点。书中对“触点交互的细微之处”的讲解,让我深感震撼。例如,它分析了为什么不同手指的大小、按压的力度,都会影响到用户的交互体验,以及如何在设计中考虑到这些因素。这些细节,往往是我们日常设计中最容易忽略的,但恰恰是它们,构成了用户体验的基石。更让我惊喜的是,书中对“情境感知”的设计理念的阐述。它让我明白,优秀的设计,不是被动地响应用户的指令,而是能够主动地去感知用户的需求,并提供最恰当的帮助。例如,当用户在导航时,系统能够自动提供方向指引;当用户在购物时,系统能够自动推荐相关商品。这种“懂我”的设计,让我感受到了科技的温度。这本书就像一位睿智的哲学家,它引导我思考设计背后的本质,思考技术与人文的融合。它让我明白,真正优秀的多终端触屏界面设计,是能够与用户心灵产生共鸣的,是能够让用户感受到便捷、愉悦和惊喜的。
评分如果说之前我对于多终端触屏界面的设计,还停留在“摸着石头过河”的阶段,那么读完这本书,我感觉自己仿佛拥有了一张精准的地图,并且还附带了导航系统。它不仅仅是提供了零散的设计技巧,而是构建了一个完整的、系统性的设计思维框架。我尤其欣赏书中对“用户意图”的深入剖析。它让我明白了,用户每一次的触碰、每一次的滑动,背后都有一个潜在的意图。而优秀的设计,就是要能够精准地捕捉这些意图,并提供最直接、最有效的响应。书中对“情境化设计”的强调,更是让我受益匪浅。它让我认识到,设计不能脱离用户所处的环境。一个在通勤路上需要快速获取信息的用户,和一个在家中悠闲浏览的用户,他们对界面的需求是截然不同的。这本书就详细探讨了如何根据不同的情境,来调整界面的布局、信息密度、甚至交互方式。此外,书中对“跨设备一致性”与“设备独特性”的权衡,也讲得非常透彻。它让我明白,虽然我们要追求整体的品牌形象和用户体验的一致性,但也不能忽视每个设备自身的优势和限制。这本书就像一位经验丰富的导师,它没有直接告诉我答案,而是引导我去思考,去发现问题,并找到最适合的解决方案。它让我明白,优秀的多终端触屏界面设计,不仅仅是技术上的实现,更是一种对用户心理的深刻洞察,一种对用户需求的精准把握,以及一种对技术趋势的敏锐感知。
评分这本书就像一本教科书,但又远比教科书来得生动有趣,充满启发。我之前一直觉得,只要把一个App做得好看,功能齐全,用户自然就会喜欢。但这本书让我明白了,在多终端时代,仅仅做到这些是远远不够的。用户在不同设备上,他们的使用习惯、对信息的获取方式、甚至对交互的期望,都有着天壤之别。这本书就详细地解析了这些差异,并提供了系统性的解决方案。它不仅仅是讲“怎么做”,更是讲“为什么这样做”。例如,书中关于“触点设计”的论述,就非常细致。它不仅仅提到了“要多大”,更是解释了“为什么需要这么大”,以及“在什么情况下可以适当调整”。这种基于原理的讲解,让我能够举一反三,而不是死记硬背。更让我眼前一亮的是,书中关于“上下文感知”的设计理念。它不再将用户视为一个整体,而是强调要根据用户所处的环境、设备的能力、甚至时间,来动态地调整界面的呈现方式和功能优先级。这让我意识到,优秀的设计,是要能够“读懂”用户,并主动地去满足他们的需求。书中关于“渐进式增强”和“优雅降级”的讲解,更是让我明白了如何在技术和体验之间找到平衡点。它不是简单地告诉你“能不能实现”,而是告诉你“如何在有限的条件下,依然能提供最佳的用户体验”。这本书让我对“设计”这个词有了更深刻的理解,它不再仅仅是视觉的呈现,更是一种对用户需求的洞察,一种对技术的巧妙运用,以及一种对多终端复杂性的驾驭。
评分读完这本书,我感觉自己像是拥有了一副“透视眼”,能够看穿多终端界面设计背后那些错综复杂的逻辑和用户心理。之前我总以为,给不同的设备设计界面,就是“换个皮肤”而已。结果可想而知,设计出来的东西总是别扭、不流畅。这本书则彻底颠覆了我这种“一刀切”的思维。它教会我如何深入理解不同终端的特性,包括屏幕尺寸、交互方式、使用场景,甚至是用户在使用这些设备时所处的情境。书中对“触屏交互的细微之处”的挖掘,让我大开眼界。它不仅仅是讲到了触点大小、间距这类基础知识,更是深入探讨了手指的运动轨迹、按压的力度、甚至手指的形状对交互体验的影响。这些看似微不足道的细节,却构成了用户体验的“魔鬼”。更让我受益匪浅的是,书中关于“情境感知”的设计理念。它让我意识到,优秀的设计,就是要能够“读懂”用户,并根据用户当前的状态和需求,动态地调整界面的呈现方式。例如,用户在嘈杂的环境下,可能需要更醒目的提示;用户在赶时间时,则可能需要更简洁、更快速的交互流程。这种“量身定制”的设计思路,让我对未来的产品设计充满了期待。这本书不仅仅是一本设计手册,更是一部关于如何与用户建立情感连接的智慧指南。它让我明白,优秀的多终端触屏界面设计,是能够让用户感受到被理解、被关怀,并最终享受到科技带来的便利和乐趣的。
评分我一直认为,设计是一种“化繁为简”的艺术,但面对如今琳琅满目的多终端设备,如何做到“触类旁通”却成了一大难题。这本书就像一把金钥匙,为我解开了这个锁。它没有给我一套僵化的规则,而是提供了一套灵活的设计思维框架。它教会我如何看待不同的终端,不仅仅是屏幕尺寸的差异,更是它们承载的使用场景、用户交互习惯以及技术能力的差异。书中对“多模态交互”的深入分析,让我耳目一新。我们不再仅仅是盯着屏幕“点点点”,而是可以通过语音、手势、甚至身体的动作来与设备互动。这本书就详细探讨了如何在不同模态之间实现顺畅的切换和配合,如何让用户在享受科技便利的同时,不感到疲惫或困惑。例如,书中关于“情境化信息推送”的设计,就让我印象深刻。它不是简单地把所有信息一股脑地推给用户,而是根据用户当前所处的环境和可能的需求,智能地推送最相关的信息。这大大提升了信息获取的效率,也减少了用户的干扰。此外,书中对“无缝跨设备体验”的追求,也是我非常看重的一点。它探讨了如何让用户在一个设备上开始的任务,能够轻松地在另一个设备上继续,而无需重复操作或丢失进度。这对于提升用户粘性和满意度至关重要。这本书的价值,不仅仅在于提供了具体的解决方案,更在于它激发了我对未来人机交互的无限想象。它让我认识到,优秀的设计,是能够预测用户需求,并提供恰当的解决方案,而不是被动地等待用户的指令。
本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度,google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 静流书站 版权所有