作者：艾米丽·布歇
出版社：人民邮电出版社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
匠心体验： 智能手机与平板电脑的用户体验设计试读：
前言
谁是本书的目标读者？你正在筹备移动终端的相关企划吗？无论是开发自己的首款应用程序，完善自己的知识，还是寻求移动终端用户体验设计的理论和实践基础，本书都会为你提供解决问题的关键钥匙，帮助你进行反思，启发你获得与众不同的应对思路。
本书的宗旨是：帮助设计者打造出类拔萃的移动终端网站和应用程序，突出长处、彰显特点；创作出能满足用户需要、方便用户生活的高品质作品；实现为用户量身定做的用户体验。读者能在书中看到……
本书抽丝剥茧地剖析了用户体验设计的方方面面，用大量实例详尽解读其中的设计问题。书中的例子绝非门面装饰：这些来自智能手机、平板电脑和移动网络的屏幕截图，取自“生存环境”完全不同的各行各业的作品。这样做的目的是让读者理解移动终端的设计原则，从范例中获得灵感，便于创作自己的作品或优化已有的应用。
我与编辑反复讨论之后，为了尊重我这个作者的意愿，本书呈现出几个特点。● 在本书中，读者会看到一些法语版范例。法国用户体验设计
行业有一种趋势：从美国的范例中进行筛选，加以模仿，结果让
美国风格占据了绝对优势。读者会在书中看到，各种设计范例中
充斥着美国的设计惯例，即便是法语版也不例外。仅有 Mea-1
culpa 等几个英语的应用程序属于特例。● 我有意识地选择了各式各样不同类型的范例，这些应用的开
发者包括大型企业、中小型企业、新兴企业。每个人都可能想出
绝佳的创意，缔造完美的作品，但错误在所难免，即便开发者是
实力雄厚的大型企业也不例外。● 本书仅针对范例中的某一项特点展开剖析，而不给予整体评
价。书中引用的例子都是目前在应用商店里下载频率很高的产品。
但是，这未必代表它们全部都是值得学习的榜样。很难说某一个
应用程序或者一个移动终端网站的设计完美无缺，我们要通过各
种细节分析找到其中的闪光点……当然，也会发现不尽人意之处。● 书中有些词汇使用了红色字体，对它们的解释见最后的“词
汇表”。
1. 为方便中国读者阅读和理解，本书中文版尽量使用应用的英文版或中文版截屏，但不会破坏范例的展示效果和参考意义。——编者注读者在书中学不到的知识
为了集中力量阐述相关主题，我没有在书中讨论纯粹关于战略、营销、技术方面的问题。所以，读者在本书中看不到“如何在应用程序、网站或响应式网页设计之间抉择”等诸如此类的话题，也找不到“在平板电脑上必须使用某某应用程序”的建议，也学不到“如何让更多用户使用你的产品”的诀窍。然而，关于用户体验设计的种种疑问，相信读者一定会在书中找到满意的答案。我会从形式到内涵、全方位、多角度地阐述用户体验设计的各种问题。
闲言少叙，现在让我们进入正题！引言“智能手机”仅仅是“聪明的手机”吗？这是一场从数年前开始的真正意义上的革命：电话使用方式的革命、人际关系的革命、广义的通信革命。没有愤怒的人群，没有蒸汽机车的滚滚白烟，这场革命悄无声息地到来，却彻底改变了人们的生活。这是一场“温和革命”，深受大家的钟爱，但这又是一场多么离奇的革命啊！
想象一下没有手机的生活，那种感受可能如同做了截肢手术。如今，人们必须随时随地待命，接受新资讯，生活在当下。这种紧迫感让一些人故意离线、与世界隔绝，只为寻求片刻宁静。
这也是整个信息工业的革命：移动电话不再仅仅是奇技淫巧的小玩意儿，不再仅仅是“真实”服务的附属品，使用移动电话也不仅仅是为了光鲜亮丽。凭借多姿多彩的形式变化，移动终端更擅长给用户提供独一无二的服务。
简而言之，移动终端已经成为一种生活必需品。商家迎合各种需求、不同场合和网络连接平台，提供丰富多样的应用程序，而用户则根据产品特性对这些应用进行取舍。
整个信息产业都在努力跟上潮流，疯狂地追赶不断前进的行业脚步……商家迅速推出层出不穷的应用程序、移动终端网站和全新服务，甚至没有时间安静下来仔细思考。于是，应用程序的设计往往沦为对竞争对手之间的相互抄袭，或者对流行作品的拷贝与剽窃。
业界的病症就摆在我们面前：各种应用彼此模仿，导致用户体验趋同；人机界面虽然简单明了，却失败连连，原因就是完全没能提供真正令人满意的用户体验。
移动终端的使用存在时间局限：一昼夜只有 24 小时。为了说服用户自愿拿出时间使用你的应用，你的应用就必须实用，而且能够提供无可挑剔的用户体验。实际数字很能说明问题：在用户下载的所有应用程序中，有 20% 最终完全没有被使用过。那么，移动终端设计怎样才能脱颖而出呢？
答案并不简单：在移动的世界里，绝不存在“一劳永逸”的概念，一切都在不断变化，永远需要重新开始。我们应当把困难看成机遇，激励设计者们不要在已有的成绩面前裹足不前，要不断努力创作更好的作品。第一章感官体验UNE EXPÉRIENCE SENSORIELLE● 视觉体验● 触觉体验● 本体感受体验● 声音体验
视觉、触觉、听觉、发声、感知，智能手机和平板电脑通过无处不在的各种感觉刺激，为用户开启了移动终端的体验。我们不再需要键盘、鼠标作为媒介，转而改用人机交互界面。和传统电脑相比，用户与应用之间建立了一种更加直接的联系。
移动终端实现的独特感官体验已经超过了简单的身体感觉。智能手机躺在人们的衣服口袋中、提包里、桌椅板凳上，甚至在床上陪伴用户入眠。智能手机如影随形，与我们密不可分，人机之间自然形成了亲密无间的纽带。我们明白，每一次体验不仅仅是身体上的感觉，每一次互动的背后都存在更深层的意义。我们逐渐把使用手机这一行为本身和使用手机背后的目的融为一体。在本章中，读者将学习如何调动各种感觉系统——视觉、触觉、本体感觉、听觉，让用户在使用移动终端的每一刻都能得到感官体验的极尽享受。视觉体验
与众多人机界面一样，在各种感觉之中，移动终端首先吸引的是视觉。然而，使用移动终端的环境、配合使用环境而开发的特殊用途，以及移动终端设备的种种特点都让设计者在设计开发时必须做出取舍。如何为用户提供舒适的视觉体验呢？适应分散注意力的环境
首先，移动终端的使用情景比较特殊，用户往往在时间紧张的情况下使用，即在移动过程中或者在需要分散注意力的时候使用，比如乘坐交通工具时、走路时、会议期间、餐厅里，等等。用户在上述环境中并没有把全部的注意力投入到移动终端上。
这种情况往往被称为分散注意。此时，用户需要把注意分散到若干个信号源上。因此，专注在移动应用上的注意力仅仅是全部注意力的一部分。用户在大多数时间里并没有意识到分散注意所付出的努力，但从认知层面看，人们为此付出的代价极其高昂。设计者可以通过多种方式帮助用户减少这种认知代价。尽管平板电脑属于移动终端，但用户通常在住所或公司里使用，或许是因为人们认为在相对安静的环境使用平板电脑更容易让人集中精力。然而，这并不意味着使用平板电脑的环境绝对安静，不存在让用户分心的因素。聚焦点原理
为了方便用户接收到视觉信息，可以通过屏幕显示设计，让用户1能够立即捕捉到最重要的内容。设计者可以利用格式塔学派 的聚焦点原理达到目的。这条原理告诉我们，当观察一幅场景时，人们注意的焦点会自然而然地被场景中最突出的部分所吸引，即与其他元素截然不同的部分。
1. 格式塔学派在 20 世纪初兴起于德国，是重要的心理学流派。“格式塔”源自德语“Gestalt”，意为“形状、形式、模式”。——译者注在这幅图中，太阳是聚焦点：因为太阳和周围景物相比与众不同，因此能吸引目光。“聚焦点”这一反应机制是人类与生俱来的感知反射，使人类从背景中辨认出异常物体，防止受到伤害。因此在西方文明中，红色经常被当成聚焦点，吸引人们的注意，预防危险发生。
需要注意的是：滥用聚焦点会让这一机制失效。如果想强调所有东西，那么任何东西都不会给人留下印象。在一篇文章中通篇使用加粗字体或者大写字母的时候，就会产生这种后果——无法通过必要的对比，凸显真正重要的元素。所以，只有少量使用聚焦点，才能产生既定效果。
屏幕上突出显示聚焦点
让我们回到移动终端设计的话题上来。使用聚焦点的最终目的是令设计对象本身从整体画面中脱颖而出，这就意味着，主要行为召唤（call-to-action）必须能在瞬间唤起用户的注意，绝不能拖泥带水、模棱两可。设计者可以通过视觉表现形式创造聚焦点，获得用户的注意，比如大小、形状、颜色、位置。
应用程序 UBER “选择上车地点”按钮是一个聚焦点，因为按钮呈现突出状态，与屏幕上其他元素存在明显区别。
请观察下边的截图，在安卓系统的导航菜单完全依照“聚焦点”原理以求达到突出表现的目的，行为召唤和屏幕其他部分完全不同。安卓系统的导航菜单设计手册建议，行为召唤与背景不要使用同一种颜色。
乔什·克拉克（Josh Clark）在《触动人心：设计优秀的 iPhone 应用》一书中指出，使用移动终端时，屏幕往往清晰度不高，因为在运动中使用的移动终端所提供的用户体验在细节精细程度上不如台式电脑。
通过动画创造临时聚焦点
除了在视觉形式上引起注意以外，设计者还可以通过动画吸引眼球，让动画起到聚焦点的作用：屏幕其他部分都呈现静止状态，用户的目光自然会被移动的部分吸引，相当于指示用户应该把目光投向哪里。需要再次强调的是，只有在不滥用动画的前提条件下，这种方法才有效！
应用程序 C-WALLET 当用户选择商品时，就会出现小小的动画，指示在购买了这件商品后可以获得的折扣总价，于是用户的目光自然而然被引导，投向符合逻辑顺序的下一步行动——行为召唤的红色按钮。
应用程序 PINTEREST 当用户选定一幅图时，应用程序显示确认信息。不过该信息仅在有限的时间内出现，这个聚焦点随后消失，取而代之的是浏览清单。值得注意的是：在整个过程中，形成聚焦点的是信息中断这一行为，而非信息的外观表现。
标明内容的主次关系
为了让聚焦点产生理想的效果，设计者应该把屏幕上出现的内容依据重要性分清层次。这样用户能够轻松分清哪些是核心内容，哪些是周边内容，哪些是行为召唤的主要部分，哪些是行为召唤的次要部分。选择不同的图形设计，可以帮助用户区别内容的主次。标明内容主次关系对使用也会产生影响：被重点强调的内容的使用频率也会更高。当然，前提是主要内容必须符合用户的使用目的！
所以，我们应该提防主次不清的扁平化设计趋势，以及苹果手机中 iOS 7 和 iOS 8 系统一直使用的效果：这种设计效果并不理想，界面中没有任何重点。所有元素都处在同一背景层面，用户需要消耗更多精力来发现重要元素。
无论设计者在什么平台上工作，都应该在图画形状、颜色、字体等方面花些心思，让用户遵循设计者的意图行事！
应用程序 EVERNOTE 屏幕很难给用户留下深刻印象，因为所有元素都在同一层面。如果各种元素主次分明，用户消耗的精力就会减少。
移动终端用户体验专家卢克·沃洛布莱夫斯基（Luke Wroblewski）在一次题为“未来移动终端”（Mobile to the Future）的演讲中说道：“移动终端是暴露可用性问题的放大镜。”实际情况的确如此，和其他平台相比，移动终端的每个细节都至关重要，都能产生巨大差异，因为任何细节都有可能被用户看到。
预防用户分心
为了优化界面，需要假设用户在使用过程中可能不够专注。以此假设为前提，设计者会思虑周全，更加面面俱到。用户测试是一种很好的方法，能检测出预计使用效果和实际使用效果的差别。
尤其需要注意的是那些只在有限时间内出现的重要信息。在实际生活中，用户可能分神去看周围事物而错过这些信息，比如出错信息就应该始终显示。
应用程序 YO 图中蓝色信息“该用户名已被占用”仅仅出现 3 秒钟。如果用户在信息闪现时分心，那就可能错过这条信息。当用户把注意转回到屏幕时，根本不清楚发生了什么事情，于是用户会再次使用相同的用户名尝试注册。
应用程序 CAPITAINE TRAIN 在 iPhone 系统里，如果没有在“乘客”一栏输入信息，相应区域会短暂地出现红色图示。而在安卓系统里，该区域始终保持红色，保证即使用户的注意力不集中，仍能够看到这条信息。虽然不一定非要照搬这种形式，但原则一定要贯彻。另外，假设用户没有看到出错信息，可能会一头雾水地再次提交表格，上述方法可以避免无用的重复操作。
相反，当信息不太重要、用户没有看到也无关紧要的时候，设计者可以使用短暂闪现的显示方法，从视觉上来说，这样能让界面更加简洁。
应用程序 SECRET 用户刚刚选择的背景颜色名称只会短暂闪现，然后消失。即使用户心不在焉，没有看到这一信息，也不会产生任何后续影响。
方便用户获取视觉信息清理屏幕，给内容让位
当用户看到移动终端的屏幕时，需要使用选择性注意的能力，区分有用和无用的内容。这种辨别过程不是自动进行的，用户必须首先在大脑中进行选择分析，然后把注意力集中在有用的内容上。屏幕上无用的信息越多，大脑选择耗费的认知成本就越大。
根据认知心理学上的最新发现，大脑在注意模式下会优先处理无用的信息，选择无视它们，就好像大脑在抑制这些让人分心的信息。这可是个好消息，设计者可以帮助用户减少大脑在这里付出的辛劳！只要屏幕上仅显示有用的信息，用户就不需要花费过多的认知成本抑制无用的信息，注意自然会更多地集中在有用的信息上。“鸡尾酒会效应”有助于理解选择性注意的现象：在一个喧闹的晚会上，周围有很多人同时谈话，你能够让注意保持在自己的谈话对象身上，这就是选择性注意的能力。然而，当有人呼喊你的名字时，你的注意又会被吸引过去，这表明你同时在关注周围的情况——即使自身没有意识到这一点，实际上，你的确在同时2处理周围的信息。
2. 注意力相关科学知识，请参考阅读让－菲利普·拉夏所著的《注意力：专注的科学与训练》（刘彦译，人民邮电出版社，2016）。
为了能够即时为用户选择有用的信息，我们可以使用交互时刻的概念：用户看到的屏幕内容、刚刚进行的操作、最终的目标等不同因素，决定了用户的需求也不一样。设计者应该自问，用户在什么时候需要导航选项，什么时候需要把精力集中在页面内容上。下面请看几个例子。《世界报》的应用程序 《世界报》的应用程序让读者舒适地阅读文章：一切设计都以不妨碍读者阅读为目的，页面上只有文章内容。和其他报纸的应用软件不同，此页面上没有菜单、没有标志、没有工具。轻轻一点就可以让导航选项出现。这些选项还会自动出现在页面底部，鼓励读完文章的用户继续进行其他操作。
应用程序 IA WRITER 用户点击文档任意地方都可以进入输入模式，导航选项消失，甚至 iPhone 的状态栏也会消失。于是，整个屏幕都用于书写活动。
为了释放屏幕空间，给页面内容让位，设计领域知名理论家爱德华·塔夫特（Edward Tufte）说过，应该“缩小行政碎片”，也就是说，在某一交互操作时刻，去除对用户来说无用的元素，去除一切带有后台支持性质且没有实质性内容的元素。让文章的形式利于阅读
凸显视觉信息的一个方法是让用户对阅读活动产生兴趣。移动终端和其他媒介一样，在用户进行操作的核心部分里，提供的内容最为重要。令用户轻松地获得阅读信息，把阅读信息作为界面核心，会让用户活动明显简化。在移动过程中，阅读活动需要在各种不同的环境中进行，而且这些环境往往不够安静，难以让人集中精力。所以，应该帮助用户更容易快速获得信息和迅速浏览。
一些简单的方法能够让文章的布局更利于快速浏览。如果设计者要呈现的是以文字为基础的内容，以下建议就显得更为重要，尤其是各种媒体文章、报刊网站、档案资料、博客和社交网络等。
把阅读内容分成小段
为了便于用户在移动终端上阅读，可以把文章分割成小段，这样有利于读者获取资讯：如果作者的每一个想法都用单独的一小段文字呈现，那么这种布局方式有利于读者在浏览全篇文章时不遗失信息。
控制好背景与文字的对比度
为了保证读者能够轻松地阅读文章，设计者应该优化背景颜色和文字颜色的对比度。这条原则不但有利于视力不佳的用户（随着人口不断老龄化，视力不佳的用户数目将越来越多），对其他用户同样大有裨益！如果背景与文字对比强烈，那么移动终端用户即便处于光线暗淡、反射光弱、持续运动等不利于阅读的环境中，也会感到更加舒适。
万维网联盟（W3C）就此制定了标准，而且设计者可以使用“16 进制颜色码”等工具，测试颜色和亮度的差别，比如乔纳森·斯努克（Jonathan Snook）设计的工具测试，网址如下：http://goo.gl/E5xZPc。如果你正在设计移动终端网站，还可以在 HTML 文本上使用浏览器扩展程序完成自动测试。小诀窍：如果不想采纳上述建议，设计者还可以试试使用粗体字，也会让背景与文字的对比度更加明显。
应用程序 GOOGLE FIT背景与文字的对比度不够，不过在相同的对比度条件下，粗体字比普通字体更易于阅读。
设计者可以根据文章各部分的重要性调整背景与文字的对比度：不重要的文字可以与背景的对比度小一些。这样一来，设计者从视觉上建立等级梯度，用户自然心领神会，知道该信息属于次要信息。
应用程序 WAZE图中蓝色字体“点击输入”没有呈现利于阅读的对比度，不过这几个字对界面来说可有可无，不会造成不利影响。
最后，在使用背景图片的时候，更不要忘记加强文字与背景的对比度。尤其是，网站更新需要常常更换背景图片，文字设计更需留心。如果设计者无法全权决定使用何种背景图片，那么一定要挑选一种适合任何背景的字体颜色，或者设计一种无论使用什么背景图片，文字依然能保持清晰、醒目的界面。
FRANCE INTER 广播电台的应用程序 无论搭配何种新闻图片，这种背景颜色和标题设计都让文字清晰醒目。
优化文字大小
如果文章中的文字太小，阅读必然受到影响。很难笼统地指出用多大字号的文字最适合，因为决定因素非常多，比如文章的长度、使用的字体、文章内容的重要程度、目标读者群等。
应用程序 YUMMLY 即使在表格中，文字大小都非常关键！ YUMMLY 注册表格中的文字太小，恐怕会让用户在填表时感到不适。
总之，与其给用户提供改变文字大小的工具，不如直接采用让用户感到舒适的字体和字号。如果设计者无论如何都要提供改变文字大小的工具，请把这个工具放在专门的设置选项里，不要将其始终放置在屏幕上，否则会影响阅读。在实际应用中，用户并不会经常使用这种工具。《赫芬顿邮报》与法国《解放报》的应用程序
试读结束[说明：试读内容隐藏了图片]