设计师要懂的交互设计与用户体验设计

交互与互动的历史可以上溯到早起人类在狩猎、捕鱼种植活动中的人与人，人与工具之间的关系。中国古代的的许多发明都蕴含着“交流与互动”的含义，例如我们古时候的编钟。

它用青铜铸成，由大小不同的扁圆钟按照音调高低的次序排列起来，悬挂在一个巨大的钟架上，用丁字形的木锤和长形的棒分别敲打铜钟，能发出不同的乐音，因为每个钟的音调

不同，按照音谱敲打，可以演奏出美妙的乐曲，这是人类通过敲击与物品发生交互的一种方式，那么得到反馈是悦耳的音乐。

那么在今天的信息社会中，我们享受着现代交互设计所带来的数字化生活，例如我们现在常用的交互手势：

为什么会有这么多的交互手势出现呢 ？因为随着这几年的智能手机的普及，所有的传统设计都开始从“静态”转向“动效”，从“浏览”转向“交互”，例如最近引爆朋友圈的小程序，就是互动游戏分享引爆手机流量的范例。

那么我们既然学习交互设计至少待知道我们的鼻祖，首次提出交互设计一词的人是设计师比尔莫格里奇、他发明了世界第一台笔记本电脑GRiD ，他认为“数字产品的设计师不紧紧只是设计一个漂亮或商业化的产品，而更多的要考虑更多相关的人机交互。

当慢慢的很多设计师关注如何通过了解人们的潜在需求、行为和期望来提供设计的新方向的时候，这时候其实你做的的就是属于交互设计的范畴，其实在中国的大部分公司还是没有很明确的界限，很多时候是产品兼着交互，或者Ui兼着交互。那么导致这种情况的原因主要有两个，一个是公司高层对此专业认知偏差，特别是偏传统的公司，高管层对用户体验的价值认知非常弱，所以才会有设计师话语权低的问题。另一个是国内院校有较少的与之匹配的对口专业方面的人才。虽然交互设计这个特殊学科在快速的成长着，但是与之能力匹配的人才还是较少的。

在美国有许多大学专门开设了交互设计专业，例如：斯坦福大学、卡耐基梅隆大学、芝加哥大学、麻省理工学院、在中国的大学有清华大学美术学院、北京理工大学、

交互设计

交互设计专家琼·库珂认为：“所谓的交互设计，就是指在人与产品、服务或系统之间创建一系列的对话”“交互设计更多是一种行为设计，是人与人工智能的沟通桥梁” 同学们请深记这两句话，以便留着之后装逼用。

那么交互设计究竟是通过什么方法解决问题的呢？

交互设计通过产品的人性化，增强、改善和丰富人们的体验，当今的微信或者还是美团以及滴滴和陌陌，他们所提供功能都离不开用户需求的分析，而用户行为分析也是交互设计需要考虑的重中之重，交互设计师通过设计产品的人性化和通用性来满足不同用户群体的需求。

之前我们说过很多公司的岗位交互设计的工作职责并清晰，其实很多人身兼数职，这样的岗位划分是不科学的，交互设计师对逻辑严谨、用户调研分析、用户画像建模、认知心理学有着很高的要求。此岗对人综合性要求更高一些。

下面我们看一张关于交互设计与用户体验、工业设计、心理学等诸多学科的关系图谱。让我们更清晰的知道交互设计应该掌握哪些本领。

交互设计的本质是沟通的设计。从狭义的上来看，交互设计师干的工作是产品的界面视觉和交互方式的设计，包括界面视觉（色彩、图片、版式、图标、文字）控件（按键、弹窗、手势、触控）信息架构、以及动画、视频和多媒体的设计。但是交互设计却属于服务设计的范畴，重在服务。

例如：互联网企业最热衷的O2O业务（滴滴、淘宝电影、美团、天猫），线上注重的是交互设计，而线下更多涉及到物流、餐饮、休闲方式的设计和知识，如果作为一名交互设计师不了解服务的流程和用户体验，自然也是很难设计出贴心的APP应用；交互设计师的工作重点是尝试理解用户的不同需求，并通过产品设计或服务设计来改变人们的行为，给用户更为愉快体验。

例如：陌陌关注陌生男女交往的方式，美团点评则关注城市白领的餐饮习惯和休闲行为，特别抓住了“省钱”和“分享”的体验。每个产品关注的点都是不不同的，重在是怎么去理解你的受众，为他们设计出方便他们使用的APP。

交互设计师是产品“幕后”的 策划者和工程师，他不仅要洞察用户消费心理，而且还应该从各个环节来提高服务的“贴心”和“满意度”，交互设计师是消费者和产品、服务与企业的沟通桥梁，腾讯、百度等国内企业把交互设计师、视觉设计师和用户体验设计师都归类于用户体验部门，她们都工作可以统称为用户体验设计。

乔布斯曾提出：“我们所做的要求讲求商业效益，但这从来不是我们的出发点，一切都从产品和用户体验开始”由此我们可以看出用户体验的重要性，虽然交互设计和用户体验概念才出现短短十几年，但是随后着全球信息化的高速发展和“互联网+”的概念深入人心，它在我国的普及速度和影响力是与日俱增的。

用户体验设计、创新体验、以用户为中心的设计、信息架构和可用性等已经成为当前设计界最关注的话题；它的影响力可以堪比历史上的包豪斯、极简主义、功能主义、国际主义等著名设计理论。可以看的出来，用户体验设计的价值观会成为设计界的公认的标准，未来的以后无论任何产品都需要考虑用户体验，都需要从用户的角度来看待设计。

用户体验设计

用户体验设计包括用户研究、创建人物角色、产品概念设计、信息架构、交互设计、原形设计、视觉设计以及可用性测试。国内一般大型的互联网公司都有专门的UED部门，比如百度MUX，网易UED、腾讯CDC、搜狐UED、携程UED,

很多互联网公司越来越重视产品的用户体验，实践着以用户为中心设计概念。

以腾讯用户体验设计部为例，UED分为两个事业群，技术工程事业群和社交网络事业群，分别对应两个部门，用户研究与体验设计部和互联网用户体验设计部门，腾讯用户研究与体验部（CDC）属于平台研发和技术工程事业群，大家所熟悉的微信广州研发团就属于这个事业群。CDC分成四个中心：用户研究、体验设计、品牌设计、和设计研发，大约200人的规模。用户研究中心主要从事用户研究工作，包括互联网网民以及腾讯用户的基础研究，公司重点产品体验评估，前瞻性探索等。

CDC体验中心负责公共产品以及公司各种管理平台等建设，如统一的安全与支付体系、公益平台等，也负责腾讯投资等公司如京东商城等提升用户体验。

CDC品牌设计中心负责腾讯集团品牌建设，品牌形象研发以及礼品研发，各种传播活动和营销推广。

行业生态圈

交互设计确实是一个新兴的行业，虽然比尔·莫格早在30多年前就提出交互设计，但是真正兴起是在2008年乔布斯推出第一代iPhone，这时候是移动互联网和电子商务迅速崛起，传统企业转型互联网+，互联网创业公司大量涌现，越来越多的公司注重起用户体验设计。目前这个行业还存在很多问题，比如加班多、任务重、跳槽多、要求高和受尊敬程度较低以及认可度较低等问题，因此，交互设计师需要快速提高自己的能力，从单一走向综合，从“动手”转向“动脑、动口与动手”，交互设计师更需要提升自己创造性、沟通性与视觉表现力方面的能力。

那么传统设计师和交互设计师到底有何区别呢，用简短的话来说就是传统设计师面向营销的。而交互设计师面向的是服务设计。交互设计不在重视技法而转向重视对产品的理解与行业的理解，交互设计对心理学、社会学、管理学、市场营销、和交互技术专业知识有着更多的需求。现在更多的设计师往往更擅长艺术设计，而未来的设计师是需要具备多种综合能力的。比如做租车行业APP设计师就需要深入了解产业的盈利模式和用户痛点。在互联网更为发达的美国，单一的UI设计师已经不存在了。产品设计师（UI+交互+产品）、代码型设计师（UI+程序员）已经初成气候。

设计线路图

IDEO的创始人，David Kelley，后来又在美国斯坦福大学创建了著名的D.School（运用设计思维解决问题），提出目标导向设计，该方法给设计师提供了一个研究用户需求、交互设计和用户体验的操作流程。该设计流程可以分为5个阶段，即同理心（理解用户）、观察和发现需求、形成观点和创意、原型设计和产品检验。

在工作中产品设计与用户研究往往相互迭代，交替完成，由此推进产品研发的正循环，在规划新产品、新功能必须回答三个问题是：用户是否有需求？用户的需求是否足够普遍？提供的功能是否能够很好滴满足这些需求？ 因此，需求分析、设计规划、设计实施、项目跟进和成果检验不仅是多数互联网公司和it企业的产品研发流程，而其中的用户研究、原形设计、产品开发、产品测试和用户反馈也是交互设计所遵循的方法和规律。

交互产品的要素

交互主要以web网站、游戏、手机APP和各种智能设备的软件形式来呈现的，为了清晰地说明交互产品这种集编程与艺术于一身的特殊性，美国交互设计专家詹姆斯·贾瑞特提出5S模型，他将产品分为5个层级，分别为战略层、范围层、结构层、框架层和表现层，从抽象到具体从概念到产品的完成过程来说明交互产品的特征。

战略层主要是聚焦产品目标和用户需求，是所有产品设计的基础，往往由公司最高层负责和制定。第二层范围层，是具体设计软件相关的功能和内容，该层往往由公司的产品部门负责和实施。第三层是结构层，包含交互设计和信息架构是主要内容，该层也是交互设计师最为关注的重点，一般交给公司的UED部门执行并负责。第四层为框架层，主要是完成交互产品的可视化工作，包括界面设计和导航设计和信息设计工作。最顶层为表现层，主要涉及到APP的视觉设计、动画转场、多媒体和文字排版等具体呈现的形态。

5S模型中的结构层，框架层和表现层都是交互设计师、界面设计师和用户体验设计师的工作范畴，最终产品的呈现形态都是由她们来决定的。在5s模型中，战略层和范围层其实都是属于不可见的领域。结构层和框架层是需要交互设计师和后台工程师携手打造完成，而最后呈现的产品画面和触控方式就是交互设计师的精心制之作。

根据斯坦福大学的一项研究表明，APP整体的视觉传达设计，包括版面设计、排印方式字体大小，和颜色方案等因素都会影响人们对APP可信度的判断。我相对于结构、信息、内容和知名度而言，APP对人感官感受的影响更为深远。

用户体验

在这个时代人人都在谈用户体验，但是我认为真的把用户体验放在第一位的APP还是比较少的，比如举个例子，当我们打开一个APP的时候都会提示注册，那么我们反思用户到底喜不喜欢注册呢，答案是“不喜欢”。 那么为什么不喜欢呢，原因是用户其实只是想要使用APP的某一个功能，直接让我使用就好了，其实都是有所顾忌的，体验是不爽的。但是由于多方面原因我们现在市面上所有主流的APP都是需要用户注册使用的。所以在用户体验方面我们并不可能满足所有用户的需求，您只要满足你受众的群体的70%就好。

每个产品的用户体验目标是不同的，像社交类、阅读类、娱乐类APP需要更关注社交与情感；而服务类和电商类APP则跟关注人们的衣食住行各个方面，每个产品对用户的理解和同理心越好发展的也就越迅猛。

马化腾曾经说过：“腾讯对待消费者不是以客户的形式来对待，而是一用户的形式来对待，用户和客户之间虽然一字之差，但却有着天壤之别。用户思维是一种打动思维，以打动用户的心来形成消费者的粘性。”

腾讯张小龙认为：“用户体验和人的自然本性有关，例如 微信当年”摇一摇“寻找附近陌生人交友就是一个以”自然“为目标的设计，因为天生就会摇晃和把握，这是原始社会人类本能，无需学习，天生俱来，降低了用户的学习成本。

美国行为学家马斯洛认为人类需求的层次有高低的不同，最底层的需要是生理需要，向上依次是安全、爱】与归属、尊重和自我实现的需要。同样道理，大多数技术产品和服务的体验也是都要经历5个等级，从最底层部分到最顶层。下图是一个金字塔模型图谱。

金字塔模型自上而下，是一个基本的产品进化模式，是用户体验的依据，正如我们在迪斯尼乐园乘坐过山车时所经历的胆怯、兴奋、狂喜和巨大的满足感，产品除了可用性和易用性以外，还包括享受、美学、和娱乐体验。也就是说产品、系统与人机交互的过程中除了要达到可用性目标中的效率、有效、易学、安全和通用性之外，我们还应该具备令人满意、有趣、富有启发、美感、和成就感等。

怎么让一个产品有吸引力且过目不忘？

通过用亲切的语言、绚丽的色彩、配以幽默的元素以及激发人们的好奇心，都可以达到这个目标，前提是要有流畅的操作体验。

在优秀的产品和服务中，无论是苹果的iPhone还是海底捞独特的员工服务模式，都体现了用户体验的本质：“以人为本，关注细节，将顾客的满意和期待作为设计的工作的宗旨。”  他们都运用了金字塔模型，从下到上的思考问题，发掘出了更多的新点子，而以更好的方式改变产品

流程管理图

在产品研发中需要建立流程管理图，这样交互产品以及各个岗位就能清晰的明白和了解时间节点和人物分配。以APP应用程序设计来说，产品开发过程中包括战略规划、需求分析、交互设计、原形设计、视觉设计、和前端制作。产品开发过程中每个阶段都要有明确的交付文档。战略规划期的核心是产品战略、定位和“用户画像”。产品战略和定位确定之后，用户研究员就可以参与到目标用户群的确定和用户研究中。包括用户需求的痛点分析、用户特征分析、用户使用产品的动机等工作。产品经理就可以共同出具“用户画像”的角色文档，确定目标用户群。

需求分析的核心是需求评估、需求优先级定义和管理需求环节，要求还原从用户场景得到的真实需求，过滤非目标用户、非普遍和非产品的定位上的需求。通常需求筛选包括，记录反馈、和合并和分类、价值评估、风险机遇分析、优先级确定等内容。需求分析主要是由产品人员负责和驱动，最终交付物是产品需求文档（PRD),  接下来是由UED团队，根据产品需求文档进行逻辑梳理、信息架构、页面交互、逻辑线框图、导航设计、UI/控件设计、用户界面、总体功能、后台功能、功能描述、等内容制作，所以UED所以人员要尽可能的熟悉产品需求文档的。当视觉设计评审通过时，前端就可以根据页面效果图，进行切割编码了，当前端制作通过评审后，就可以进入产品的制作阶段了。

总结

通过以上的分享我们了解的交互历史的从零到一，真正的领会的交互设计的本质其实是沟通，通过交互的方式让人和机器产生对话，与传统设计师最大的区别的是一个重营销，一个重服务。在用户体验方面我们要真正的理解金字塔模型，在产品之初我们要满足最底层的需求也就是做实用、有用的产品；在满足了底层设计和中层设计的时候我门要去追求更高的顶层设计，也就是让用户感觉到愉悦性和有意义。通过流程管理图让们做的每一步有章可循，增加协同配合的同时，更好提升工作效率。

文章来源：全栈设计师小秘圈（公众号）

文章作者：吕鹏JPG