用户体验设计

之前写过类似的文章，想写的东西太多，结果什么都没讲明白。所以重新写一套入门的教程，分「了解交互设计」、「交互设计的职能范围」、「交互设计的常用方法」……几个章节把我对这门行业的理解和经验做个分享。

互金产品交互设计 有其特殊性，比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位，而设计的优劣会直接影响用户的安全感 受。

这两年随着自媒体时代到来，越来越多的设计师开始注重个人品牌运营，比如发作品到各大平台，总结项目经验，翻译国外文章等等。无论哪种方式，对提升国内设计学习氛围都大有裨益。

一直在看奇葩说，听到很多次的一个词叫“刻板印象 ”。而人之所以有“刻板印象 ”，是因为有categorical thinking（类别型思维），它往往使我们产生对事物的固有看法和理解，是在看到某些特定人、事、物时第一时间想到的，这些就形成了“刻板印象 ”。毋庸置疑，使用“刻板印象”（经验）能无形中提升工作效率；减少沟通和开发测试成本；也不会太多的打破用户习惯。然而，它也会带来负面影响，让我们对真实世界失去客观判断。

页面框架设计只是整个产品设计中的一环，不要把眼界局限在这一环，也不要只站需求、只站在交互、只站在视觉上思考问题，从多个角度看问题，你才会学会成长。

当技术平台化的时候，可能是正在酝酿下一步的技术革命。而现在设计用技术做差异化不是不行，而是很难。还是举facebook的例子，他们现在在招有接近一半的researcher岗位，UX researcher和Quantitative researcher，姑且分为主定性和主定量的用研岗吧，我觉得原因在于，交互设计师内化在心的用研思维难以在大量数据和海量用户面前快速将信息转化为决策，必须由专业人士专职来做。

在这篇文章中，来自UXPin（一款用户体验设计的应用程序）的Chris Bank为我们带来了最近在现代互联网和移动应用中出现的一些优秀的用户界面模式，并将通过实例展示如何将这些出色的UI设计模式应用到其他的网站和应用中。

当谈及用户体验 相关的文档之时，线框图和原型相关的文档无疑是其中最重要的。但值得注意的是，用户体验 所涵盖的范畴不止于此，它们也仅仅只是个开始。实际上，我们发现还有四份文档也是日常用户体验 设计中极其实用的文档。这四种文档的诞生，是为了帮设计人员更容易了解用户，更方便作出争取的设计决策，打造优秀的设计和成功的产品。

1、用户角色（Persona）：Persona文档（控制在2~5个）通常需要包含你的目标用户。作为Persona中的虚构的角色，它的属性和特征是 基于产品研究和用户定位来设定的，用作后续设计过程中所面对的“理想用户”，本质上，它就是一个占位符。作为人物设定，其中会包含个人信息，远不止于年龄 和收入信息这么简单。Persona 文档的目标是利用角色来验证你的目标用户是如何感受如何看待你的设计的。
2、移情地图（Empathy Map）：它像是一个轻量级的Persona文档，在资源短缺时间紧的状况下，可以使用这个文档。Empathy Map 将 Persona 中的角色的个性和性格部分移除了，更加专注于用户在特定情况下的感受。
3、用户剧本（User Scenario）：如果Persona 是帮你设计了一个故事中的角色，那么User Scenario 就是故事的剧本。用户剧本通常是围绕着一个特定目标来设计的。比如说，第二天是母亲节，要为母亲预订一份礼物。目标很明确，要达成目标，用户需要点击几次 按钮，走哪些流程，需要多长时间，如何在过程中融入情感，贯穿始终。对整个用户流程有了预判之后，设计师对于UI和UX的设计就有了把握。
4、用户地图（Customer Journey Map）：这份文档同上门的用户剧本很像，但是它比起前者跨度更大，贯穿体验设计始终。设计人员可以对产品的背景有更深入的了解才能更好地设计，而产品投 入使用之后也不是最终结束，这也是跨度如此之大的原因所在。用户旅图将会涵盖角色信息、用户剧本和移情地图的全部信息。这么设定并不是要让用户旅图成为一 个大杂烩，而是要将用户性格和用户流程、交互过程结合到一起来看待问题，每个阶段不同环节，都牵涉到不同的情绪和情感。Affordance 是 James J. Gibson 造出来的一个词，Gibson 是20世纪最重要的认知心理学家之一，他的生态学式视知觉论和直接知觉为认知心理学开辟了新的领地。affordance 是 afford (提供、给予、承担)的名词形式，环境的 affordance 是指这个环境可提供给动物的属性，无论是好的还是坏的，所以我认为“可供性”是一个合适的翻译。Gibson 用来解释 affordance 的例子是这样的：如果一块地表面接近水平（而不是倾斜的），接近平整的（而不是凸起或凹陷的），以及充分延伸的（与动物的尺寸相关），如果地表面的物质是 坚硬的（与动物的重量相关），我们可称它为基底、场地或地面，它是可以站上去的（stan-on-able），可让四足或两足动物保持竖直姿势，它是可以 行走（walk-on-able）和跑动（run-over-able）的，它不像水表面或沼泽表面之于一定重量的动物那样是可陷入的（sink- into-able）。列出的四项属性——水平、平整、延伸和坚硬——它们是这个表面的物理属性，如果以物理中使用的度量衡去衡量它们的话，但是对于特定 动物的支撑可供性，它们必须与动物关联上才可以被衡量，它们不是抽象的物理属性，它们是为所指动物特定的，与动物的姿势和行为相关，所以 affordance 不能像我们在物理中那样来衡量。能指和所指是语言学上的一对概念，能指意为语言文字的声音，形象；所指则是语言的意义本身。按照语言学家或者哲学家们的划分，人们试图通过语言表达出来的东西叫”所指”，而语言实际传达出来的东西叫”能指”。

7大洲中最高的山峰：
南极洲，文森峰，16050呎 4892米
南美洲，阿空加瓜山，22841呎 6962米
非洲，乞力马扎罗山，19340呎 5892米
亚洲，珠穆朗玛峰，29035呎 8848米
欧洲，厄尔布鲁士山18510呎 5642米
北美洲，麦金利山20320呎 6194米
大洋洲，卡斯滕土山16024呎 4884米

设计师和理发师其实有点像，理发师基本分为三种：一种是只会搞基础发型的，比如寸头、中规中矩的长发、老太太卷头等；一种是只会剪流行发型的（这种发型师还很容易 摇身一变成为造型大师，告诉你你应该改变，应该剪目前最流行的某款发型，但实际上可能是他只擅长这款发型）；还有一种是最可遇不可求的，他根据你的脸型、 性格等，用最简单的手法量身设计发型，让顾客的气质度立刻得到提升。

User Experience is “a person’s perceptions and responses that result from the use or anticipated use of a product, system or service”.— ISO 9241-210The extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.— ISO 9241-11— Baekdal, T., 2006. The Battle Between Usability and User-Experience [Online] Available at: The Battle Between Usability and User-Experience–Nielsen Norman Group, 2007. User Experience – Our Definition [Online] Available at: http://www.nngroup.com/about/userexperience.htmlBy Alan Penn, director of the Virtual Reality Centre for the Built Environment at University College LondonReference:Why User Experience Cannot Be DesignediA | Can Experience be Designed?文章一：Eric Baczuk, Design and the (Ir)Rational Mind: The Rise of Affective Sensing
https://designmind.frogdesign.com/2014/05/design-irrational-mind-rise-affective-sensing-2;
文章二：Daniel H. Pink, A Whole New Mind Moving from the Information Age to the Conceptual Age
http://www.goodreads.com/book/show/99315.A_Whole_New_Mind“做项目久了，难免就会职业病发，没成想现在最大的爱好就是拆字玩儿，总想着能从字本身的意思去弄点洞察出来。现在哪哪儿都在说用户体验，说实话，这个概念本人听的是真有点腻了，凡是个东西都要扯上“体验”二字。顺手在网上搜了下在线词典，这下面倒是有对于体验的几种原生态解释：1.亲自处于某种环境而产生认识2.指通过亲身实践所获得的经验3.所谓亲身经历与实地领会4.也含有查核，考察的意思
从这些个解释里不难看出，从1，2，3的解释中，体验是包含有时间概念的：体验当下的那一刻，体验后的回想总结，以及建立下一次体验的心理预期和评判标准，其中反复强调的是“亲身”一词，这个时候，人的概念就被带出来了，不难看出所谓“体验”又包含了多少亲历者的主观意识；从4的解释中，个人觉得特有嚼头，这似乎是来了个总结：大多数的人都是带着“挑刺儿”的情怀去走完整个时间线的。
最后，简单的总结下我想说的1.体验设计的who 是别人，体验包含太多主观因素，设计师要懂得如何充分提炼每个人情怀背后的深层共性。2.体验设计是围绕过去，现在和将来这条完整时间线的设计，绝对不是一锤子买卖。3.只要是人，就会对你为他们所架构的体验进行“审核”，所以作为设计师，千万要宽容要大度，那个被“骂”的点或许就是支撑前行的机会。文章中揭示的“互联网产业中对于User Experience和Interaction Design的混淆”可谓是一针见血。作为一名有着一点用户体验sense的互联网从业者，我往往会花费很多时间去说服决策者将投入更多地精力去研究用户，用更加宏观的角度去看待用户体验，但由于自己对于用户体验理解和阐述的局限性，这样的尝试往往无疾而终。我觉得这篇文章提供了很好的逻辑结构和对比佐证，让设计师能够更好地理解用户体验的同时也可以更好地把这个概念传输给别人。
对于文章中提到的两个工具，Customer Journey Map和User Experience Questionnaire，在我看来虽然被证明在设计咨询和设计用户研究领域非常有效。但是在产品迭代迅速的互联网行业，决策者往往会更倾向于快速地推出产品、快速地试错、快速地更新迭代这样的“野蛮”方式来获取更加直接与准确的用户反馈。在这样的一种大环境下，相对传统的用户研究工具似乎因为周期长与结论的不确定性显得有些“笨重”，这也间接导致了部门互联网公司的决策者对于类似调研方式的抵触。如何做出改变，让这些有效地工具和理论在这样相对“野蛮”的环境中显得“接地气”，我觉得是作为一名设计师需要思考的问题。这篇文章很是解答了大家对于“用户体验”，“易用性”，包括“体验设计”的差别。非常赞同对于未来设计世界和人类世界对于情感化消费需求的方向，很多时候人们看似理性的消费实际上也是出于背后难以明状的亦或是潜意识亦或是外界的多重的信息刺激。神经科学（neuro science) 主张的决策下达从来都不是由内而外的，而是由外而内的。从这一点看，似乎“体验“还是可以被”设计“的，这种预设，结果当然越接近最终的现实越好。在《Thinking fast and slow》这本书中提到了诸多人们下决定的包括背后存在的偏见，所谓主观的意见实际也掺杂了背后潜意识的，本能的，直觉的迅速的判断，在这样的情况下，消费者的“体验”可以”被操控”的因素也大大增加了。说到底，人都是很有同理心（empathy）的动物，再正经地挣扎表现出理性的样子，也不过是那层薄如蝉翼的外壳罢了。“用户体验”就是在不停地触碰这层外壳，让“体验”直入你心。作为一个Service Design背景的设计策略师，用户体验之与我并不是虚拟产品中的手势，按钮，和A/B测试。用户体验融合在一整套服务系统里无形或有型的用户触点中。正如文章所提到的，实体体验的内容层级要远远超越互联网产品的易用性，它是一个更加复杂而庞大的系统，它需要深入挖掘人类需求的本源与动机，而并非只是依照某种需求本身位用户提供某类的便捷工具。
正如Pine II和Gilmore在The Experience Economy一书中所述，任何企业在喝消费者互动时都是在导演体验，以一种个性化，令人难忘的方式与消费者建立联系，以服务为舞台，产品为道具，以品牌故事为剧本，当我们购买的是体验时，我们花钱享受的事商家为我们提供的一场难忘的回忆，就如同参与一场戏剧演出，其价值将长久地存在于我们的心里。
试想一下MM巧克力世界，乐高积木世界，苹果体验中心，以及把体验做到极致的迪斯尼。他们永远不可能收到互联网产品的冲击。许多人说随着互联网服务的发展，电影院，商场，美容院，餐厅，所有的产业都将受到影响。然而，良好的体验是在一个人心理，生理，智力和精神水平处于高度刺激状态下形成的，这并非是互联网产品的良好易用性就可以轻易满足的需求。
对于“用户体验”而言，“易用性”是衡量整个体验过程中所需要的某一工具的标准之一，而体验则应该思考如何通过全方位的营造让服务变乃至于整个生活状态变的更加丰满和人性。“用户体验”被广泛的使用和探讨，说明随着经济发展，消费者的需求已不再单薄。以设计为主导商业创新挑战才刚刚开始，作为这个时代的设计师，我们更应该以开放和学习的心态来迎接新的挑战！关于用户体验的未来的展望非常有趣。说到底是对人的更深入的了解是用户体验的根本。传统上来说，用户体验是基于对于用户更深切的研究，是以用户研究为基础的。也就是根据用户的所说，所做，所想，甚至所感挖掘出真实的用户的能力，需求和期待。而从上文用户体验不能被设计上来说，Context of use和User两个都是影响的因素。也就是说，未来对于User本身的了解的加深， 以及Context of use的改变也会对用户体验本身有着极大的影响。

译者注：本文译自苹果官方人机界面指南 iOS Human Interface Guidelines (2015年10 月21日)，由腾讯ISUX设计师翻译整理，非发文者一人之作。

2012年6月，我在CNN.com工作时，接到了为“选举之夜”进行用户体验设计的任务。接下来的5个月我为那1个晚上贡献了全部精力——但我的成功对选举的胜利方没啥影响。我所关注的是页面的可读性，数据的可视化，可变形的画布，以及在iPhone上怎么实现该死的鼠标悬停弹窗效果。在当时，CNN.com首次上线了响应式体验站点，同时，我也第一次面临响应式体验设计。

也许是刚毕业的你最该看的一篇干货。如果你已经习惯了等别人给需求，然后开Photoshop，再等别人说改哪里就改哪里，肯定谈不上工作成就感。想掌握设计的主动权，证明自己不仅是个画图的，建议把这篇文章提到的3个方法好好实践一番，绝对会有大收获（严肃脸）。

这几天，脑海里面一直回绕着一个声音，尼尔森，尼尔森交互，尼尔森交互十大原则。blues老师的讲解至今让我记忆犹新，如果真的让我选择一款产品进行尼尔森交互分析，我想应该就是简书了。

最近为了团队能做好产品首页设计，我研究了很多国外to B类的相关产品设计。发现国外这类设计作品在整体水准上比国内高了不止一个档次（国内to B产品起步较晚，在设计方面的研究几乎空白），而这种差距和设计技法没有太多关系，更多的是对产品个性的把握和传达。

什么是用户体验？漂亮的UI细节？炫酷的加载动画？这些只是它的一些部分外显特征罢了，不能一叶障目，因为这样很愚蠢。