产品用户体验设计

在产品设计时,为什么用户体验很重要

作为一个产品设计师交互、用户体验、视觉，你追求的是用户体验最佳的产品。而且让用户会用，让用户易用。产品设计就是设计一个产品的外观，内部结构，达到的是视觉效果。交互设计就是设计一个产品软件内部的编码程序，架构，让产品使用起来更方便，符合大众需求。交互设计师的重点是：商业需求理解，任务设计，流程，信息布局，文案传达，交互细节。注意事项：一个创造性的综合信息处理过程，通过线条、符号、数字、色彩等把产品显现人们面前。它将人的某种目的或需要转换为一个具体的物理形式或工具的过程，把一种计划、规划设想、问题解决的方法，通过具体的载体，以美好的形式表达出来。产品设计反映着一个时代的经济、技术和文化。产品设计的重要性由于产品设计阶段要全面确定整个产品策略、外观、结构、功能，从而确定整个生产系统的布局，因而，产品设计的意义重大，具有“牵一发而动全局”的重要意义。如果一个产品的设计缺乏生产观点，那么生产时就将耗费大量费用来调整和更换设备、物料和劳动力。相反，好的产品设计，不仅仅表现在功能上的优越性，而且便于制造，生产成本低，从而使产品的综合竞争力得以增强。许多在市场竞争中占优势的企业都十分注意产品设计的细节，以便设计出造价低而又具有独特功能的产品。许多发达国家的公司都把设计看作热门的战略工具，认为好的设计是赢得顾客的关键。

用户体验设计有什么原则?

1、清晰导致混淆和误解的所有因素都会留在阴影中，这个规则也不例外。2、背景如果您邀请用户控制设计中的某个对象，请将界面控件尽可能靠近它。用户希望看到接口控件靠近他想要控制的对象。3、指示行为大多数用户因为被要求而在网站上执行操作。原因很明显，因为每个人都感到害怕采取了一步他没有任何线索。4、持续反馈为了让用户感到自信，请给予他持续而明确的反馈。5、简化用于完成复杂任务的Web设计应分为几个可管理的操作。没有人喜欢复杂和冗长的形式，因为它们是压倒性的，并且总是必须仔细检查插入的信息是否正确。

用户体验：以用户为中心的产品设计

在当前产品日益同质化，竞争越发惨烈的情况下，如何提升产品的核心竞争力，是每个产品经理必须深度思考的问题。 而构建产品核心竞争力最重要的一个因素便是 以用户为中心的产品设计 。 记得多年前周鸿祎提过 用户至上，体验为王 的理论，当时对其理解不够透彻，直到自己当了四年的产品经理，见过不少产品不断地抄袭竞品，累加功能，变得庞大而臃肿，最后面临失败的结局。 不可否认，拥有更多的产品特性能够保持一段时间的竞争优势， 但是唯有提供优质的用户体验，才会影响用户忠诚度，这才是可持续的竞争优势 。 然而 用户体验 这个词已经被大家说烂了，并且我相信很多公司也认同用户体验非常重要，特别是在张小龙、刘强东、周鸿祎等大佬的推崇下，但是真正能够把用户体验解释清楚，并以此为产品导向的却没有几家公司，即使我们意识到用户体验如此重要，但往往因为商业利益，或者由于不敬畏用户而做出伤害体验的事情。 关于用户体验是什么，在《用户体验要素》中给到的解释是 产品如何与外界发生联系并发挥作用 。这个解释比较适合工业化产品，时至今日，对于互联网产品来说，这个程度已经远远不够，如今在面对用户时，很多体验是用户看不见的东西，于是今天 好的用户体验应该是以用户为中心，提供优质的综合服务 。 面向用户的产品只是我们服务用户的一个工具而已，整个流程的体验可能还包括你的客服团队，物流系统、响应速度等等，体验一定会被用户感知到，在当前的互联网产品中好的体验一定是良好的服务。 那么如何构建良好的用户体验呢？ 由于产品背后的服务因行业不同而有所差异，这部分更多的是需要公司负责人整体把关，敬畏用户，努力提升服务质量，提高产品的竞争力，在这里我们主要阐述如何提升直面用户的产品体验设计。 用户体验的核心不是设计，而是用户需求，所以整个体验的设计一定是以用户为中心进行，脱离了用户需求的体验改进都是耍流氓。 用户体验的整个开发流程，都是为了确保用户在你的产品上的所有体验不会发生在你“明确的、有意识的意图”之外，需要你考虑到用户有可能采取的每一个行动的每一种可能性，并且去理解这个过程的每一个步骤中用户的期望值。 这是一个庞大的工作，但我们可以将其拆分为如下五个层级来逐层进行。上一个层级由下一个层级决定。 我们大致可以把当前的互联网产品分为两类： 功能型产品： 产品具有某些功能，以完成某项任务，重解决方法。 信息型产品： 产品具有某些内容，以满足用户情感，重精神需求。 在开始一个产品之前，必须清晰我们为什么要开发这个产品，从两个维度思考， 企业想通过开发这个产品获得什么？ 获取更多的利润、品牌形象还是用户粘度？ 用户想通过这个产品获得什么？ 解决什么问题。 战略是决定一切产品命运的前提，我们一定要分析好市场行情、用户群体， 确定好产品的定位 ，后续其他层级的设计根基都围绕着战略层。 战略层解决“我们为什么开发这个产品”的问题，范围层解决的是“ 这个产品是什么 ”的问题。 为了解决战略层提出的问题，产品应该具有哪些功能？ 我们通常会为产品提出很多功能，但是各个功能之间必需有优先级，哪些是必须的，哪些是核心的，哪些又是可有可无的。 由于项目范围是建立在战略层的基础上的，因此我们应该去评估这些需求是否能满足我们的战略目标？开发难度与时间如何？由此确定需求的优先级，并进行排期。 前期一定要聚焦于核心功能，一定要把核心功能做好，如果用户需要一把锤子锤东西，而你刚好能够提供，用户不会应为另一把锤子颜色比较鲜艳而选择它。 结构层是产品从抽象到具体的过渡层，它包含交互设计与信息架构，它注重对业务逻辑的理解，要让用户如何使用产品，以及明确各个页面的层级关系。 交互设计关注描述“可能的用户行为”，同时定义“系统如何配合与响应”这些用户行为。 对于交互设计要注意几点， 1. 为主流用户而设计； 2. 尽可能简单，这样才能让我们更加聚焦于核心业务 可采用四个策略：删除、组织、隐藏、转移（可参考《简约智商，交互设计四策略》） 信息结构有如下类型： 树状结构 矩阵结构 自然结构 线形结构 你需要根据自己的产品类型，选择最适合用户使用的一种信息结构。 提供给用户做某些事情的能力，提供给用户去某个地方的能力，选择正确的界面元素，这些界面元素能够帮助用户完成他们的任务，还要通过适当的方式让它们容易理解和使用。 这两部分基本上由UI设计师完成，涉及到布局、配色、排版等设计风格，对设计师的内功修为提出了很高的要求。关于这两部分可结合我的上一篇文章 如何提升网站的可用性 进行阅读。 用户体验层次之间并不是相互独立的，下一层的决策会影响上一层的设计，而上一层也返过来对下一层产生互锁影响。 好的用户体验不是一开始就有，而是随着时间逐步产生，量变带来质变，它需要长时间的打磨。

交互设计与用户体验设计2

交互设计是由页面、icon、文字基本要素构成的系统流程，。

在软件设计时，要考虑用户的使用路径，从用户点击图标的时候开始（行为），帮助用户用最简单的方式引导，让他们找到关注的内容和想要使用的功能。

 1、交互设计的目标是以最短路径达到用户想要的功能为目的。

 2、交互设计决定着用户对产品的使用效率

 3、交互设计是一种行为，帮助用户用最简单的方式引导，让他们找到关注的内容和想要使用的功能

用户体验贯穿整个产品，它是一种纯主观在用户使用产品过程中建立起来的感受，而我们设计师就应该提升用户体验，让用户以最愉悦的心情去操作这款APP。

交互设计涉及到一种行为，一个路径。交互设计最基本的就是可用性，而用户体验则是对可用性的一种升华，即友好性。用户体验设计包含交互设计，交互设计决定用户体验。

及时反馈：

在用户体验与交互设计中必不可少的及时反馈，比如用户点击了一个确定按钮,完成了支付,此时网站给出提示信息“支付已成功”,这就是及时反馈，如果没有的话，总感觉是不是网络有问题或者压根没有支付成功。

1、toast提示  2、弹窗提示  3、按钮被按下状态  4、动效反馈

操作流程简捷：

1、使用自然思维而不是程序思维

2、围绕用户的目的进行设计

3、减少操作步骤

4、将常用功能提前

5、不妨遵循已经成型的用户习惯

用户习惯大于用户体验：

每一款新产品面世后用户就要习惯它，习惯大于体验，所以每次改版尽量要保持原有风格不变。

用户习惯有时候会和用户体验冲突，但一定要保持用户习惯大与用户体验，在提升用户体验的前提下一定不能改变用户习惯，随意的改变会让用户误操作。

团队配备方案：

公司技术团队：产品经理（PM）、交互设计师(UE)，动效设计师，视觉设计师(UI)，前端工程师（FE），后端工程师（RD），测试工程师（QA），运营专员，数据挖掘工程师，用户研究工程师

公司重要流通文件：产品文档

产品文档是产品经理最终的产出物，也是之后的每一个环节的重要流通文件。

视觉设计师以此来绘制界面、元素和考虑切图方式。前端工程师以此来进行开发

测试工程师对照着文档的每一个细节进行最后的把关

产品文档有时候为PDF有时候为ppt

对于设计师来说，产品文档并不能过多解释产品经理的原型图，或许设计师并不想看，这时候会有一个专为设计师准备的Axure原型图。Axure可以实现从一个界面到另一个界面的跳转，远比ppt直观。没有原型图，设计师就无法真正理解产品方向。就像理发一样，总会对理发师说看着剪，但是剪完后总会不满意。所以，产品经理的原型图是对你天马行空想象的一种限制，所有的设计概念图都需要原型图作为依据和参照。

而类似这样的原型图在产品文档中每一页都有，所以我们设计师就需要把产品文档涉及中的每一页都设计出来。

但是原型图终归原型图，我们设计师还需要考虑各种事件中的状态，比如说404状态，点击反馈状态。

低保真

很多同学喜欢在设计初期花大量时间去绘制高保真原型，结果被甲方和用户一票否决，而有经验的设计师往往会先绘制低保真原型，期间不断与甲方、用户沟通，最后出炉的高保真原型就能轻松过稿。

有些人过早地开始行动而浪费资源，而另一些人又在建设新产品的大量工作面前不知所措。在将产品交给用户之前还有如此多的工作需完成，这使我们感到沮丧且不堪重负。所以有低保真辅助非常必要，低保真原型是在设计初期帮助我们验证想法的粗略表述，它能在过少的资源和过多的用户检验中找到一个平衡点，而且要知道低保真原型构建起来更加容易且成本更低。

时间节点

实际上做一个产品的本身是没有期限的，但是必须为其建立一个特定的项目去完成，即达到一个产品周期性的面貌。需求是有时限的，错过了时间与发布时机，产品就可能错过成功机会。

如果主管让你预估时间，你应该给一个时间较长的答复。如果提前交稿，会提高心理预期。外包公司一般情况下一天做2-4张非主界面，主界面需要确定整个APP的风格，一般需要3-4天时间打磨，甚至更长。

项目周期，一般小APP需要开发加设计两到三个月时间，即立项会议占半个月，设计占半个月，开发占一个月，中间测试，修改bug半个月。

大项目无法保证，比如支付宝。

产品更新迭代

一个APP的迭代需要产品经理牵头完成，一般小迭代的原因是因为部分bug与视觉体验方面的更新，被成为v1.10,v1.11等。如果是新增功能，视觉体验更新较大，则属于大的版本迭代，一般都是v1.0,v2.0,但这些版本迭代都是有一定规律的，不可能直接v1.0到v2.0。

APP更新迭代依据

用户调研：通过问卷调查、用户访谈、信息采集等手段来挖掘需求的方式。

竞品分析：找到有代表性的同类产品，对比产品之间的优势、劣势，从而发现产品的突破口。

用户反馈：appstore留言，后台反馈信息

产品数据：产品上线后，就可以收集到产品的相关数据。比如常规的访问浏览数据、浏览痕迹、点击痕迹、在每个页面上的浏览时长、整体的浏览顺序，先把功能完成并发布，收集用户反馈，根据结果优化设计方案。

交互设计6大原则：

1、费茨定律：是指光标到达一个目标的时间，与当前光标所在的位置和目标位置的距离（D）和目标大小（S）有关

2、希克定律：是指一个人面临的选择（n）越多，所需要作出决定的时间（T）就越长

3、泰斯勒定律：是说产品固有的复杂性存在一个临界点，超过了这个点过程就不能再简化了。

4、防错原则

5、奥卡姆的剃须刀法则：主要就是说我们做产品时功能上不可以太繁琐，应该保证简洁和工具化

6、接近法则：将相似的、有关联的信息尽量摆在一起，不要让用户迷茫，要潜意识知道在哪里能找到自己想要的信息

工作流程：

1、产品立项会议：头脑风暴（用户头像，用户痛点，用户故事，用户目标） 产出：产品文档  参与者：CEO 产品经理 设计师 工程师（前端，后端） 运营部门

2、沟通会议：确认产品文档  设计师核对原型图  程序员考虑开发实现成本  参与者：产品经理  设计师 工程师

3、沟通会议：确认低保真  产品经理核对低保真是否达到意愿  工程师核对低保真是否可实现，并搭建框架  参与者：设计师  产品经理  工程师

4、沟通会议：确认高保真  产品经理确认界面符合产品要求  工程师确认是否能实现界面交互  参与者：设计师 产品经理 工程师

5、沟通会议：沟通如何实现，如何切图，切图命名方式  工程师开发  参与者：设计师 工程师

6、沟通会议：产品开发完毕，设计师核对界面，测试工程师找bug，工程师改bug 参与者：设计师 测试工程师 工程师

7、产品立项会议  头脑风暴  下版本规划  参与者：产品经理 设计师 

工程师继续改bug  测试工程师找bug 

1、PM提出设计需求。（比如，有个什么界面啊或者活动页啊，需要设计下的）

2、最重要的一步：UI和PM沟通需求，这叫理解和确认需求。（因为pm和ui站的角度不一样，所以要沟通好，要了解pm想要的是什么，要确认需求流程是否有问题，交互逻辑是不是清晰。）

3、第二重要的一步：构思，然后网上找素材，找感觉。

你所找的设计参考图的质量，最终决定了你最后做出来的设计稿的质量。一开始就看到很多很优秀很高质量的设计参考图，那么你设计时自然而然的就会往这个高度靠拢。

4、第三重要的一步：UI和PM再次沟通，确认设计的完整性。设计稿做完后，会有跟pm进行二次沟通确认。要确认pm提出的需求是否都在设计稿里面体现出来没？有没有遗留？

这时，一般pm在看完设计稿后，会提一些小的修改建议的。这也是为了避免最后输出后，pm进行微调修改时，需要重新再次输出。

5、设计输出，切图＋命名。（尽量输出前跟前端们沟通下，他们需要切和命名那些图，怎么给它们）

6、UI联调

前端开发完后，需要确认开发出来的界面跟设计稿的界面是否一样。

这个时候，一个完整的ui流程差不多算走完了。

记住：千万千万一定要先沟通好了，然后再开始干活。

沟通不止为了理解需求，也是为了后续发生问题时，能分清责任。

交互设计用户体验有哪些

您好，很高兴为您解答,交互设计用户体验有个用户视角——用户需求（user need）用户视角是明确那些将要使用我们网站的用户想从我们这里得到什么，还要知道他们想达到的这些目标将怎么样满足他们所期待的其他目标。一个产品设计者的视角（企业视角）即我们自己对网站的期望目标——产品目标（product objective）可以是商业目的（例如：通过网站达到的收入）或者是其他类型的目标（例如：让用户了解猪肉行情等）。功能型产品在此层级确定功能规格（functional specification）：对产品的功能组合的详细描述。信息型产品在此层级确定内容需求（content requirement）：对各自内容元素的要求的详细描述。【摘要】
交互设计用户体验有哪些【提问】
您好，很高兴为您解答,交互设计用户体验有个用户视角——用户需求（user need）用户视角是明确那些将要使用我们网站的用户想从我们这里得到什么，还要知道他们想达到的这些目标将怎么样满足他们所期待的其他目标。一个产品设计者的视角（企业视角）即我们自己对网站的期望目标——产品目标（product objective）可以是商业目的（例如：通过网站达到的收入）或者是其他类型的目标（例如：让用户了解猪肉行情等）。功能型产品在此层级确定功能规格（functional specification）：对产品的功能组合的详细描述。信息型产品在此层级确定内容需求（content requirement）：对各自内容元素的要求的详细描述。【回答】

你应该了解的UX用户体验设计

monsoon2008 关注 2018.01.06 22:28* 字数 5308 阅读 364评论 0喜欢 8 用户体验或用户体验设计是当今技术和设计行业中流行的术语。 因为用户体验是一个不断增长的领域，许多人不确定用户体验的含义，以及如何正确使用这个术语。 在讨论界面设计时（digital interfaces），比如网站或移动应用程序APP时，你经常会听到人们提到UX用户体验，尽管这并不是不正确，但深入了解用户体验对于全面了解用户体验是至关重要的，为什么了解这一点至关重要。 在这篇文章中，我们将介绍： 什么是用户体验（UX）？ What is User Experience (UX)? 什么是用户体验设计？ What is UX Design? UX Designer的角色？ The Role of the UX Designer 如何识别伟大的用户体验设计 ？ How to Recognize Great UX Design 为什么你应该关心用户体验？ Why Should You Care About UX? UX代表“用户体验”。当我们说“用户体验”时，我们指的是人类如何与在线的产品或物理世界中的产品进行交互。 你会遇到形形色色被设计过的用户体验。 在界面层面上来看，你与软件界面中的一个表示地理位置的开关控件的交互行为，以及这个开关控件的形状设计，这个就是一个构建UX元素的一个例子。 因此，产品的成功基于用户如何感知它。 在使用产品时，人们通常用以下方式评估他们的适用体验： A. 这个产品能提供给我一定的价值吗？ ** B. 这个容易用吗？ C. 这个产品使用起来能令我愉快吗？ 一个用户是否成为忠实产品的用户，取决于这些问题的答案。 Nielsen Norman集团的联合创始人——Don Norman，在90年代发明了“UX用户体验”一词，并声称：“用户体验涵盖终端用户（end-user）与公司、服务及其产品的交互行为的所有方面“。 Norman诺曼用他自己的话说：“ 我发明了UX这个词，因为我认为用户界面（human interface）和可用性(usability)太窄了。 我想涵盖用户体验系统的所有方面，包括工业设计、图形、界面、物理交互和操作行为。 ” 在这段视频中，唐·诺曼（Don Norman）分享了他定义UX用户体验这个概念的源起。 综上所述，用户体验几乎是影响用户与产品互动的一切。 1. UX是关于用户感受的。 它超越了人机交互（HCI_human-computer interaction），特别强调人性。 并且人们将体验经历归类为个人行为。 2. UX取决于产品使用的环境。 产品使用的环境随着时间的推移而不断变化。 用户体验涉及了解用户操作的大环境，以及发现产品在用户生活中所扮演的角色。 3. * 用户的体验将会随着时间而变化。** 用户对您产品的体验是动态的。 例如，当新产品上市或新手用户试用产品时，他们可能会感到困惑，并且情绪复杂，因为他们对这个新产品没有任何的期望值。 随着时间的推移，当他们更熟悉你的产品并且依赖于这个产品的价值时，他们的体验会变得越来越积极，而且促使他们对产品产生情感依附。* 用技术术语来说，用户体验包括人机交互和产品所有权的实用性、体验性、影响力、情感化、有意义和有价值的方面。 Peter Morville的UX honeycomb是一个工具，可以帮助您找到有效用户体验各个方面的最佳位置。 可用： 产品需要简单易用。 应该以一种熟悉和可以理解的方式进行设计。 有用的： 一个产品必须满足需求。 如果产品没有填补用户生活中的一个可感知的空白，那么他们没有真正的理由去使用它。 可取的： 产品的视觉美学需要有吸引力。 设计元素可以唤起积极的情感和欣赏。 可解决的： 如果用户遇到产品问题，他们应该能够快速找到解决方案。 无障碍： 产品或服务的设计应使残疾人可以与其他人一样享受相同的体验。 值得信任： 公司及其产品需要值得信赖。 当产品设计考虑到这些六个要素时，它将为用户提供价值，并且最大化用户价值是用户体验的最终目标。 UX几乎总是跟着“设计”这个词。就这个术语来说，在这个领域工作的人是“UX设计师”。 简而言之，用户体验设计（UXD或UED）是设计物理或数字产品的过程，使这些产品有用、易用且令人愉快地与之交互。 但比这些更进一步。 这里有五个要考虑的事项： 一个常见的误解是用户体验设计是关于可用性的。 显而易见，可用性意味着产品既可用又有用。 可用性是用户界面的质量属性，包括产品是否容易学习，使用效率高，愉快等等。 诚然，可用性是有效用户体验中最重要的因素之一，但将用户体验限制在这一因素将会使您的产品恢复原状。 UX设计经常被错误地称为Visual / UI设计。那是因为对很多人来说，“设计”一词与颜色和图形有关。但UX设计是不同的。 用户界面或UI被定义为人与系统之间的通信媒介。随着个人计算机和移动设备的使用越来越多，这个术语通常被认为是指图形用户界面（GUI）——产品的外观和感觉，产品的表现性以及交互性。 尽管UI用户界面设计是用户体验的重要组成部分，但用户体验设计师并没有像视觉或界面设计师那样去创造事物。 UX设计人员正在设计视觉背后的功能——使产品适合其使用用户的过程。 UX填补了产品是如何展示的与产品是如何运转或感觉的差距。 您可以在这个图形中看到UX包含了产品设计和使用的各个方面，但是UI主要局限于视觉和交互设计。 UX是一种设计方法（途径），考虑了人与产品/服务交互的所有方面。 它植根于对用户的行为，需求，目标，动机和使用产品的环境的深刻理解，其最终目标是在这些领域里满足用户体验的一种解决方案。 UX设计是服务的艺术 -——为人们创造价值。 用户体验设计不能适应每个用户的每一种情况，因为作为人类，所有人都是不同的。 对一个人有用的东西可能对另一个人有相反的效果。 UX设计就是为你的目标受众提供最好、最长久的解决方案。 因此，为了创造出色的用户体验，设计师需要对使用该产品的人（受众）有同理心。 从具有微型屏幕的智能手表到宽大的电视屏幕，产品内容在被开发的时候，应该能适应各种屏幕尺寸，以此被用户所观看并产生不同的交互。 但是，针对不同设备（屏幕）进行UX设计要远远比仅仅是调整内容以在不同屏幕上显示要更重要。当这涉及很多复杂问题：设计师需要最大限度地提高每个设备的UX用户体验，这样用户才能认为应用程序APP实际上是为他们的设备设计的，而不是简单地拉伸这些内容（展现方式）以适应不同屏幕大小而已。 一个产品的用户体验设计将随着新技术的发展和新的用户反馈的收集而不断演变。 随着产品的演变和变化，用户体验设计也需要更新。 用户体验设计师的角色是复杂的，具有挑战性和多方面的。 尽管不同公司的个人用户体验设计师的职责可能会有所不同，但一个高效的用户体验设计团队会通过信息架构、交互设计、信息设计、视觉设计来关注UX用户体验设计和原型设计。 UX设计师实际上有哪些工作职责？****What Do UX Designers Actually Do? 本章节在之前的文章中有翻译，再次不做赘述，详情请点击： https://www.jianshu.com/p/fb9e4ae8a043 用户体验设计领域的专家Jared Spool说：“好的UX设计，如果做得好，就会变得不可见。 只有当它做得不好时，我们才会注意到它。“ 低效的UX用户体验设计和高效UX用户体验设计的例子，以下为用户体验设计师提供了三个重要的经验教训。 我们以汽车仪表盘为例。 今天大多数车辆的用户体验设计的状态因不直观而受到广泛的批评。 汽车制造商一直在执行其他行业认为标准的设计质量。 A�1. 不好的用户体验：告诉用户车辆坏了 在下面的例子中，系统告诉用户车辆有问题，但没有提供任何有关问题源头或解决方案的信息。 [图片上传中...(image-a10809-1533035891136-8)] A2.友好的用户体验方案：告诉用户问题是什么，并提供信息来解决这个问题。 在上面的示例中，汽车仪表盘解释车辆故障，并以大多数用户理解的语言进行通信，而无需额外的说明。 新闻业是过去几年经历数字化转型的行业的典范。 大多数新闻公司正在离开传统印刷行业转而向在线行业转型，并致力于吸引访问者花更多时间在他们的网站上。 用户在访问新闻网站时面临的两个最常见的问题是视觉层级和大量广告之间的矛盾。 这些问题阻碍了用户并使他们放慢速度（在网站上去获取有用的信息）。 B1. 不好的用户体验设计：阻止用户继续阅读有价值的内容 许多新闻网站正在寻找各种方法来增加收入。 添加更多的广告是必然的结果，但在大多数情况下，这对用户体验有很大影响。 如下图案例是CNN网站的旧版本。 你几乎看不到新闻内容，因为广告占据了页面。 [图片上传中...(image-a83b8f-1533035891136-7)] B2. 友好的用户体验方案：关注哪些是对访客真正重要的内容 通过关注读者最有价值的内容，新闻机构始终把读者的在线阅读体验放在首要考虑位置。 这种方法强调用户的可读性，因为用户的注意力是有限的。 下面的例子展示了一个清晰的视觉层级，其中最重要的内容具有最大的视觉重量，分散用户体验的其他元素，如飘浮的广告，全部最小化（弱化）。 障碍是阻止用户完成其目标的任何事情。 它减少了转换，并阻止了潜在客户放弃他们的任务。 障碍的一个常见例子是登录页 - 在继续之前要求用户登录或注册的页面。 让我们以在线购物支付流程为例。 C1. 糟糕的用户体验：强制注册而不提供价值 通常，电子商务网站和APP在结帐（支付）流程时需要进行登录。 登录流程对用户有相当大的交互成本，因为用户必须花时间来创建一个新的帐户，并需要记住自己的相关订单信息才能购买。 过早的要求用户注册会导致超过85％的用户放弃该产品。 即使是亚马逊网站也存在这个问题。 它强制用户在他们购买选定的商品前，必须强制进行登录，所以很多用户只是不得不离开该网站。 [图片上传中...(image-ee7da3-1533035891136-5)] C2. 友好的用户体验方案：提供一个访客确认选项 注册过程通常可以通过客人确认选项进行简化。 对电商APP和网站，结账时要求提供账户确认并选用其他登录信息（选用其他联合账户登录），是非常有意义的，尤其在允许用户购买所选商品前，相比强制用户注册来说，这种方案能给用户带来更完美的体验感觉。 [图片上传中...(image-ca9e14-1533035891136-4)] 推迟创建账户直到购买完成后，企业将获得巨大的优势。 一旦用户顺利完成购买流程，用户可能会感受到良好的经验，这个时候他们反而会更愿意创建一个帐户（特别是如果他们在结帐过程中提供的一些数据将自动填充到即将创建的帐户表单中时）。 举一个例子，我们来看一个在线购买的表单流程。（延伸阅读：Designing More Efficient Forms: Structure, Inputs, Labels And Actions—— https://theblog.adobe.com/designing-more-efficient-forms-structure-inputs-labels-and-actions/ ） 用信用卡在网上支付商品很简单，对吧？ 是也不是。 回答是，是因为大多数用户都非常熟悉这种支付体验；回答不是，因为没有两张信用卡表单形式是相同的。 D1. 较差的用户体验：不支持用户 在理想的情况下，用户只需填写必要的信息即可轻松填写完表格并成功完成付款流程。 但在现实世界中，情况往往不是这样。 请看这个例子。 [图片上传中...(image-68c7b6-1533035891136-3)] 当提交这样的表单时，客户可能会有以下问题： D2. 友好的用户体验方案：可视化那些被需要的内容 有时候，购买支付流程的用户体验设计的简单改进可能会增加数百万美元的收入。 通过设计可以减少用户的不确定性。 如下，您可以看到上一个示例的表单的优化后版本。 您可以看到每个字段都有一个正确的标签，并且表单输入框中具有动态的上下文提示（引导），比如只有当客户输入卡号的第一个数字时才触发的卡类型。 [图片上传中...(image-2e82d3-1533035891136-2)] 下面是另一个很好的例子。 该表单把用户操作的行为结果视觉化表现，并明确告知用户需要哪些数据。 [图片上传中...(image-899770-1533035891136-1)] 良好的UX用户体验将在吸引和维系用户方面发挥重要作用。 用户会带有情感化的去体验你的产品，但是不幸的是，对于用户来说，消极情绪体验要比积极情绪更令人难忘。 当你的产品经验让用户感觉不好时，他们会很快把他们的潜在商业机会带到其它竞品。 因此，糟糕的用户体验往往意味着企业的商业价值的薄弱。 但从另一方面来看，良好的UX用户体验能够赢得更多用户的喜爱，并且提升用户的忠诚度。 UX用户体验的商业案例是一个关乎产品（企业）生存的问题。 今天的用户对你的品牌期望很高，这意味着每个产品都必须提供良好的UX用户体验。 公司从来没有更多地投入到用户、客户和客户与产品的互动上面来。 他们将用户体验设计视为最基本的投资。 Forrester Research报告说，平均而言，投入UX的每一美元带来了100美元的回报，或者是9,900％的ROI。 近年，UX设计人员需求量大增。 根据美国有线电视新闻网（CNN Money）的数据，用户体验设计师是美国排名前50的工作之一。 入门级美国员工的平均薪水为70,000美元/年，而相对成熟的UX设计师则为$ 100,00 /年。 [图片上传中...(image-8ae6de-1533035891136-0)] 根据Adobe的调查，大多数公司正在招聘用户体验设计师进行网页设计和移动应用设计。 预计五年内，手机端UX设计师将成为招聘的首要任务。 虽然桌面到移动端的需求（跨平台用户设计）也将持续保持其重要性，但几乎有一半的公司希望在未来三到五年内招聘更多从事虚拟现实（VR）项目的UX设计人员。 此篇文章：回顾UI设计的变革（ recent evolution of user interface design —— https://blogs.adobe.com/creativecloud/from-form-to-function-our-thoughts-on-design-are-changing/?segment=design ），可能会让你更了解用户期望如何变化以及接下来会发生什么。 UX对于你的产品和业务（商业）的成功至关重要。 在整个开发过程中推动UX户体验的发展。 让客户需求成为产品UX设计的核心。 UX用户体验设计就是提供给你的用户最好的体验。 持续关注用户的反馈，确保产品走在正确的道路上 -——永远不要停歇对产品的用户体验的探求与优化。 https://theblog.adobe.com/what-is-ux-and-why-should-you-care/ 延伸阅读：How to Design Empathy Maps to Better Understand Your Users https://theblog.adobe.com/how-to-design-empathy-maps-to-better-understand-your-users/ What’s the Difference Between UI and UX? What to Tell Your Client if They Ask You This https://theblog.adobe.com/whats-the-difference-between-ui-and-ux-what-to-tell-your-client-if-they-ask-you-this/

你应该了解的UX用户体验设计

用户体验或用户体验设计是当今技术和设计行业中流行的术语。 因为用户体验是一个不断增长的领域，许多人不确定用户体验的含义，以及如何正确使用这个术语。

在讨论界面设计时（digital interfaces），比如网站或移动应用程序APP时，你经常会听到人们提到UX用户体验，尽管这并不是不正确，但深入了解用户体验对于全面了解用户体验是至关重要的，为什么了解这一点至关重要。

在这篇文章中，我们将介绍：

什么是用户体验（UX）？ What is User Experience (UX)?

什么是用户体验设计？ What is UX Design?

UX Designer的角色？  The Role of the UX Designer

如何识别伟大的用户体验设计 ？ How to Recognize Great UX Design

为什么你应该关心用户体验？ Why Should You Care About UX?

UX代表“用户体验”。当我们说“用户体验”时，我们指的是人类如何与在线的产品或物理世界中的产品进行交互。

你会遇到形形色色被设计过的用户体验。 在界面层面上来看，你与软件界面中的一个表示地理位置的开关控件的交互行为，以及这个开关控件的形状设计，这个就是一个构建UX元素的一个例子。

因此，产品的成功基于用户如何感知它。 在使用产品时，人们通常用以下方式评估他们的适用体验：

A. 这个产品能提供给我一定的价值吗？

B.  这个容易用吗？

C. 这个产品使用起来能令我愉快吗？

一个用户是否成为忠实产品的用户，取决于这些问题的答案。




Nielsen Norman集团的联合创始人——Don Norman，在90年代发明了“UX用户体验”一词，并声称：“用户体验涵盖终端用户（end-user）与公司、服务及其产品的交互行为的所有方面“。

Norman诺曼用他自己的话说：“ 我发明了UX这个词，因为我认为用户界面（human interface）和可用性(usability)太窄了。 我想涵盖用户体验系统的所有方面，包括工业设计、图形、界面、物理交互和操作行为。 ”

在这段视频中，唐·诺曼（Don Norman）分享了他定义UX用户体验这个概念的源起。




综上所述，用户体验几乎是影响用户与产品互动的一切。

1. UX是关于用户感受的。 它超越了人机交互（HCI_human-computer interaction），特别强调人性。 并且人们将体验经历归类为个人行为。

2. UX取决于产品使用的环境。 产品使用的环境随着时间的推移而不断变化。 用户体验涉及了解用户操作的大环境，以及发现产品在用户生活中所扮演的角色。

3. 用户的体验将会随着时间而变化。 用户对您产品的体验是动态的。 例如，当新产品上市或新手用户试用产品时，他们可能会感到困惑，并且情绪复杂，因为他们对这个新产品没有任何的期望值。 随着时间的推移，当他们更熟悉你的产品并且依赖于这个产品的价值时，他们的体验会变得越来越积极，而且促使他们对产品产生情感依附。

用技术术语来说，用户体验包括人机交互和产品所有权的实用性、体验性、影响力、情感化、有意义和有价值的方面。 Peter Morville的UX honeycomb是一个工具，可以帮助您找到有效用户体验各个方面的最佳位置。

可用： 产品需要简单易用。 应该以一种熟悉和可以理解的方式进行设计。

有用的： 一个产品必须满足需求。 如果产品没有填补用户生活中的一个可感知的空白，那么他们没有真正的理由去使用它。

可取的： 产品的视觉美学需要有吸引力。 设计元素可以唤起积极的情感和欣赏。

可解决的： 如果用户遇到产品问题，他们应该能够快速找到解决方案。

无障碍： 产品或服务的设计应使残疾人可以与其他人一样享受相同的体验。

值得信任： 公司及其产品需要值得信赖。

当产品设计考虑到这些六个要素时，它将为用户提供价值，并且最大化用户价值是用户体验的最终目标。

UX几乎总是跟着“设计”这个词。就这个术语来说，在这个领域工作的人是“UX设计师”。

简而言之，用户体验设计（UXD或UED）是设计物理或数字产品的过程，使这些产品有用、易用且令人愉快地与之交互。 但比这些更进一步。 这里有五个要考虑的事项：

一个常见的误解是用户体验设计是关于可用性的。 显而易见，可用性意味着产品既可用又有用。

可用性是用户界面的质量属性，包括产品是否容易学习，使用效率高，愉快等等。

诚然，可用性是有效用户体验中最重要的因素之一，但将用户体验限制在这一因素将会使您的产品恢复原状。

UX设计经常被错误地称为Visual / UI设计。那是因为对很多人来说，“设计”一词与颜色和图形有关。但UX设计是不同的。

用户界面或UI被定义为人与系统之间的通信媒介。随着个人计算机和移动设备的使用越来越多，这个术语通常被认为是指图形用户界面（GUI）——产品的外观和感觉，产品的表现性以及交互性。

尽管UI用户界面设计是用户体验的重要组成部分，但用户体验设计师并没有像视觉或界面设计师那样去创造事物。 UX设计人员正在设计视觉背后的功能——使产品适合其使用用户的过程。 UX填补了产品是如何展示的与产品是如何运转或感觉的差距。

您可以在这个图形中看到UX包含了产品设计和使用的各个方面，但是UI主要局限于视觉和交互设计。

UX是一种设计方法（途径），考虑了人与产品/服务交互的所有方面。 它植根于对用户的行为，需求，目标，动机和使用产品的环境的深刻理解，其最终目标是在这些领域里满足用户体验的一种解决方案。 UX设计是服务的艺术 -——为人们创造价值。

用户体验设计不能适应每个用户的每一种情况，因为作为人类，所有人都是不同的。 对一个人有用的东西可能对另一个人有相反的效果。 UX设计就是为你的目标受众提供最好、最长久的解决方案。

因此，为了创造出色的用户体验，设计师需要对使用该产品的人（受众）有同理心。

从具有微型屏幕的智能手表到宽大的电视屏幕，产品内容在被开发的时候，应该能适应各种屏幕尺寸，以此被用户所观看并产生不同的交互。 但是，针对不同设备（屏幕）进行UX设计要远远比仅仅是调整内容以在不同屏幕上显示要更重要。当这涉及很多复杂问题：设计师需要最大限度地提高每个设备的UX用户体验，这样用户才能认为应用程序APP实际上是为他们的设备设计的，而不是简单地拉伸这些内容（展现方式）以适应不同屏幕大小而已。

一个产品的用户体验设计将随着新技术的发展和新的用户反馈的收集而不断演变。 随着产品的演变和变化，用户体验设计也需要更新。

用户体验设计师的角色是复杂的，具有挑战性和多方面的。 尽管不同公司的个人用户体验设计师的职责可能会有所不同，但一个高效的用户体验设计团队会通过信息架构、交互设计、信息设计、视觉设计来关注UX用户体验设计和原型设计。




UX设计师实际上有哪些工作职责？ What Do UX Designers Actually Do?

本章节在之前的文章中有翻译，再次不做赘述，详情请点击：https://www.jianshu.com/p/fb9e4ae8a043

用户体验设计领域的专家Jared Spool说：“好的UX设计，如果做得好，就会变得不可见。 只有当它做得不好时，我们才会注意到它。“

低效的UX用户体验设计和高效UX用户体验设计的例子，以下为用户体验设计师提供了三个重要的经验教训。

我们以汽车仪表盘为例。 今天大多数车辆的用户体验设计的状态因不直观而受到广泛的批评。 汽车制造商一直在执行其他行业认为标准的设计质量。

A�1. 不好的用户体验：告诉用户车辆坏了

在下面的例子中，系统告诉用户车辆有问题，但没有提供任何有关问题源头或解决方案的信息。

A2.友好的用户体验方案：告诉用户问题是什么，并提供信息来解决这个问题。

在上面的示例中，汽车仪表盘解释车辆故障，并以大多数用户理解的语言进行通信，而无需额外的说明。

新闻业是过去几年经历数字化转型的行业的典范。 大多数新闻公司正在离开传统印刷行业转而向在线行业转型，并致力于吸引访问者花更多时间在他们的网站上。 用户在访问新闻网站时面临的两个最常见的问题是视觉层级和大量广告之间的矛盾。 这些问题阻碍了用户并使他们放慢速度（在网站上去获取有用的信息）。

B1. 不好的用户体验设计：阻止用户继续阅读有价值的内容

许多新闻网站正在寻找各种方法来增加收入。 添加更多的广告是必然的结果，但在大多数情况下，这对用户体验有很大影响。 如下图案例是CNN网站的旧版本。 你几乎看不到新闻内容，因为广告占据了页面。

B2. 友好的用户体验方案：关注哪些是对访客真正重要的内容

通过关注读者最有价值的内容，新闻机构始终把读者的在线阅读体验放在首要考虑位置。 这种方法强调用户的可读性，因为用户的注意力是有限的。 下面的例子展示了一个清晰的视觉层级，其中最重要的内容具有最大的视觉重量，分散用户体验的其他元素，如飘浮的广告，全部最小化（弱化）。

障碍是阻止用户完成其目标的任何事情。 它减少了转换，并阻止了潜在客户放弃他们的任务。 障碍的一个常见例子是登录页 - 在继续之前要求用户登录或注册的页面。 让我们以在线购物支付流程为例。

C1. 糟糕的用户体验：强制注册而不提供价值

通常，电子商务网站和APP在结帐（支付）流程时需要进行登录。 登录流程对用户有相当大的交互成本，因为用户必须花时间来创建一个新的帐户，并需要记住自己的相关订单信息才能购买。 过早的要求用户注册会导致超过85％的用户放弃该产品。 即使是亚马逊网站也存在这个问题。 它强制用户在他们购买选定的商品前，必须强制进行登录，所以很多用户只是不得不离开该网站。




C2. 友好的用户体验方案：提供一个访客确认选项

注册过程通常可以通过客人确认选项进行简化。 对电商APP和网站，结账时要求提供账户确认并选用其他登录信息（选用其他联合账户登录），是非常有意义的，尤其在允许用户购买所选商品前，相比强制用户注册来说，这种方案能给用户带来更完美的体验感觉。

推迟创建账户直到购买完成后，企业将获得巨大的优势。 一旦用户顺利完成购买流程，用户可能会感受到良好的经验，这个时候他们反而会更愿意创建一个帐户（特别是如果他们在结帐过程中提供的一些数据将自动填充到即将创建的帐户表单中时）。

举一个例子，我们来看一个在线购买的表单流程。（延伸阅读：Designing More Efficient Forms: Structure, Inputs, Labels And Actions——https://theblog.adobe.com/designing-more-efficient-forms-structure-inputs-labels-and-actions/） 用信用卡在网上支付商品很简单，对吧？ 是也不是。 回答是，是因为大多数用户都非常熟悉这种支付体验；回答不是，因为没有两张信用卡表单形式是相同的。

D1. 较差的用户体验：不支持用户

在理想的情况下，用户只需填写必要的信息即可轻松填写完表格并成功完成付款流程。 但在现实世界中，情况往往不是这样。 请看这个例子。

当提交这样的表单时，客户可能会有以下问题：

     1. 支持哪些支付银行卡？ 可以使用美国运通（American Express）付款吗？

     2. 需要输入什么名字'？ 是银行卡的名字还是我本人的全名？

    3.  有效期限是什么样的格式（MM / YY或MM / YYYY）？

    4. 什么是“安全码”？

    5. 当我按 “下一步” 时会发生什么？ 这是付款的最后一步，还是仅仅用于我确认输入的所有数据的准确性？




D2. 友好的用户体验方案：可视化那些被需要的内容


有时候，购买支付流程的用户体验设计的简单改进可能会增加数百万美元的收入。

通过设计可以减少用户的不确定性。 如下，您可以看到上一个示例的表单的优化后版本。 您可以看到每个字段都有一个正确的标签，并且表单输入框中具有动态的上下文提示（引导），比如只有当客户输入卡号的第一个数字时才触发的卡类型。

下面是另一个很好的例子。 该表单把用户操作的行为结果视觉化表现，并明确告知用户需要哪些数据。





良好的UX用户体验将在吸引和维系用户方面发挥重要作用。 用户会带有情感化的去体验你的产品，但是不幸的是，对于用户来说，消极情绪体验要比积极情绪更令人难忘。

当你的产品经验让用户感觉不好时，他们会很快把他们的潜在商业机会带到其它竞品。 因此，糟糕的用户体验往往意味着企业的商业价值的薄弱。 但从另一方面来看，良好的UX用户体验能够赢得更多用户的喜爱，并且提升用户的忠诚度。

UX用户体验的商业案例是一个关乎产品（企业）生存的问题。 今天的用户对你的品牌期望很高，这意味着每个产品都必须提供良好的UX用户体验。 公司从来没有更多地投入到用户、客户和客户与产品的互动上面来。 他们将用户体验设计视为最基本的投资。 Forrester Research报告说，平均而言，投入UX的每一美元带来了100美元的回报，或者是9,900％的ROI。

近年，UX设计人员需求量大增。 根据美国有线电视新闻网（CNN Money）的数据，用户体验设计师是美国排名前50的工作之一。 入门级美国员工的平均薪水为70,000美元/年，而相对成熟的UX设计师则为$ 100,00 /年。




根据Adobe的调查，大多数公司正在招聘用户体验设计师进行网页设计和移动应用设计。 预计五年内，手机端UX设计师将成为招聘的首要任务。 虽然桌面到移动端的需求（跨平台用户设计）也将持续保持其重要性，但几乎有一半的公司希望在未来三到五年内招聘更多从事虚拟现实（VR）项目的UX设计人员。 此篇文章：回顾UI设计的变革（ recent evolution of user interface design ——https://blogs.adobe.com/creativecloud/from-form-to-function-our-thoughts-on-design-are-changing/?segment=design），可能会让你更了解用户期望如何变化以及接下来会发生什么。

UX对于你的产品和业务（商业）的成功至关重要。 在整个开发过程中推动UX户体验的发展。 让客户需求成为产品UX设计的核心。 UX用户体验设计就是提供给你的用户最好的体验。 持续关注用户的反馈，确保产品走在正确的道路上 -——永远不要停歇对产品的用户体验的探求与优化。







https://theblog.adobe.com/what-is-ux-and-why-should-you-care/

延伸阅读：How to Design Empathy Maps to Better Understand Your Users

https://theblog.adobe.com/how-to-design-empathy-maps-to-better-understand-your-users/

What’s the Difference Between UI and UX? What to Tell Your Client if They Ask You This

https://theblog.adobe.com/whats-the-difference-between-ui-and-ux-what-to-tell-your-client-if-they-ask-you-this/

什么是用户体验,用户体验设计怎么做

用户体验设计日常的工作包括*基于人机交互、图形化设计、界面设计和其他相关理论，进行设计。*画出不同层次的原型：纸上的，框架的，可交互的网页，Flash的。*到不同的部门演示概念和想法，组织反馈意见。*生成视觉元素比如icon,边框，用户控件，窗口规范，图形化的布局用户体验设计资格条件：*在应用程序的交互设计方面（界面设计，产品设计）有4-5年的工作经验。在web应用和桌面应用方面有扎实的经验。*设计、人机交互、可用性专业或者可以展示对设计的理解、交互设计理论和实践的能力。*理解室内产品设计的生命周期。*优秀的交流技巧：书写和口头。*了解基于浏览器和客户端的技术(HTML,Java,Flash,.NET)。

产品设计怎么考虑用户体验

产品设计怎么考虑用户体验。产品设计，是指对产品的整体性能、外观造型、运行环境等进行的一定的科学设计，主要包括对功能、结构、模块、功能、性能和经济等方面的设计。产品设计的核心是产品需求。因此，满足用户需求成为产品设计的核心，同时也决定了产品的市场表现。人们对精神文化需求是不断增长的，设计不仅要满足人们的物质需要，还要满足人们的精神文化需要。产品设计的根本目的是实现其功能价值，产品设计的目的是产品能够满足用户的需求。只有满足用户的这些需求，产品才能被用户认可。所以设计师要考虑用户的实际需求。一切都是有目的性的。产品维护和迭代的。用户的需求的立足。

用户体验要素：以用户为中心的产品设计

第一章用户体验为什么如此重要

· 什么是用户体验

用户体验是产品如何与外界发生联系并发挥作用，也就是如何“接触”和“使用”它

· 从产品设计到用户体验设计

1.创建一个产品的过程更像是在开发，逐步建立和完善产品的特性和功能，直到它们所组成的那个东西在市场上是可行的。

2.产品设计是由功能决定的——外形服从于功能，并不完全正确。应该是由用户自身的心理感受和行为来决定的。

3.用户体验设计通常要解决的是应用环境的综合问题。用户体验设计要兼顾视觉和功能两个方面，同时解决产品做面临的其他问题。

· 用户体验和网站

越来越多的企业已经开始意识到，提供优质的用户体验，是一个重要的，可持续的竞争优势-不仅仅对网站是这样，对所有类型的产品 和服务也是如此。

· 用户体验就是商机

1.特性和功能总是重要的，但是用户体验对于客户的忠诚度有着更大的影响。

2.转化率是一种常用的方式，来衡量用户体验效果（转化率是最常用的投资受益的度量标准）

3.任何用户体验上所做的努力，目的都是为了提高效率（帮助人们工作的更快，减少他们犯错的几率）

· 在乎你的用户

1.创建吸引人的，高效的用户体验的方法称为“以用户为中心的设计”。在开发产品的每一个步骤中，都要把用户列入考虑范围。

2.以用户为中心的设计要，考虑用户的体验，把它分解成各个组成要素，从不同的角度来了解它

3.对于来造访的用户，你必须为他们规划一个由粘性的，直观明了，甚至还让人愉快的体验

第二章认识这些要素

要理解用户在使用过程中，用户有可能采取的每一个行动的每一种可能性，并且去理解在这个过程中每一步用户的期待值

· 五个层面

1.表现层：由图片文字组成

2.框架层：按钮，空间，照片，文本。优化设计布局，以达到元素的最大效果和效率。

3.结构层：设计用户如何到达某个页面，并且在他们做完事情之后去什么地方。

* 结构层与框架层：框架是结构的具体表达方式。框架层确定了在结账页面上交互元素的位置，而结构层则用来设计，用户如何到达这个页面。框架层定义了导航条上各个要素的排列方式，允许用户可以浏览不同的商品分类，结构层则确定哪些类别应该出现在哪里。

4.范围层：结构层确定网站各种特性和功能最合适的组合方式，这些特性和功能就构成了网站的范围层。某个功能是否应该成为网站的功能之一，这就属于范围层要解决的问题。

5.战略层：经营者想从网站上得到什么，用户想从网站得到什么。

· 自下而上地建设

1.在最底层，我们完全不用考虑网站，产品或是服务最终实现的外观，我们只关心网站如何满足我们的战略，满足用户的需求。

2.在最顶层，只关心产品所呈现的具体细节。

3.层面越高，决策越要具体，设计越来越精细。

4.每一个层面都是根据它下面的层面来决定的

· 用户体验要素

1.战略层：关注的是企业外部的用户需求，与用户需求相对应的是我们自己对网站对期望目标。（产品目标）

2.范围层：功能型产品，创建功能规格（对产品对“功能组合”对描述）。信息型产品，内容需求（对各种内容元素的要求的详细描述）

3.结构层：功能型产品，交互设计-定义系统如何响应用户的请求。信息层产品，信息架构-合理安排内容元素以促进人类理解信息。

4.框架层：信息设计，一种促进理解的信息表达方式。界面设计，安排好能让用户与系统的功能产生互动的界面元素。导航设计，屏幕上的一些元素的组合，允许用户在信息架构中穿行。

5.表现层，为最终产品穿件感知体验。

· 应用这些要素

1.在每一层中，这些要素必须相互作用才能完成该层的目标

2.影响用户体验的额外两个因素：内容、技术

第三章 战略层

1.战略层定义：结合”产品目标“和”用户需求“就组成了战略层，也就成为我们在设计用户体验过程中做出每一个决定的基础。产品目标：我们要通过这个产品得到什么。用户需求：我们的用户要通过这个产品得到什么。

2.产品目标：a.商业目标，为避免太具体、太宽泛的目标，我们应该在充分了解问题之后在得出结论。明确定义”成功的条件“，而不是定义”通向成功的路径“。

b.品牌识别，对于任何一个网站，它需要明确描述的基础目标之一就是品牌识别。品牌识别：除了商标、色调、字体，更重要的是概念系统、情绪反应（对用户起着潜移默化的作用）。你必须要决定品牌形象是无意之中形成的，还是经过产品设计者有意精心安排的结果

c.成功标准，一些可追踪的指标（转化率、回访数、印象数），在产品上线以后用来显示它是否满足了我们自己的目标和用户的需求。有时这些成功标准与网站本身和用户如何使用该站有一定的关系。

3.用户需求：a.用户细分，将具有某些共同关键特征或者共同需求的用户划分成组。不同的用户群有不同的需求，创建细分用户群，只是一种用于“揭示用户最终需求的手段”。不同用户群的需求也有可能是彼此矛盾的，要么做取舍，要么为执行相同任务的不同用户群选择不同的操作方式。

b.可用性和用户研究，市场调研方法，问卷调查、焦点小组：是获取用户的基本信息的宝贵来源。现场调查，是指一整套完整、有效且全面的方法：用于了解在日常生活情境中的用户行为。任务分析，仔细地分解用户完成任务的精确步骤。用户测试，请用户来帮忙测试你的产品，对于信息驱动的产品可用卡片排序法：用于探索用户如何分类或组织各种信息元素。

c.创建人物角色，在用户体验设计的过程中，人物角色是从用户研究中提取出的、可成为样例的虚拟人物。

4.团队角色和流程：产品目标和用户需求经常被定义在一个正式的战略文档或愿景文档中。

第四章 范围层

· 功能和内容

范围层确定的是全部的功能需求或功能规格。真正的内容常常是通过一个内容管理系统来进行管理的。

· 定义需求

需求的详略程度常常取决于该项目的具体范围，最用之不竭的需求源泉总是来自用户本身。

· 内容需求

不要混淆某段内容的格式和目的。

提供每个特性规模的大致预估（只收集最紧要的关键资料）。

确定某个人负责某一内容元素和它的“更新频率”。

各种用户，需求不同。哪些用户想要什么内容——如何呈现它们

· 确定需求优先级

战略目标和需求间往往不是一对一的关系。

有时一个战略目标将产生多个需求。另一方面，一个需求也可以实现多个战略目标。

优先级别是决定是否采纳人们所建议的相关特性的首要因素。

第五章 结构层

交互设计和信息设计都强调一个重点：确定各个将要呈现给用户的元素的“模式”和“顺序”。

· 概念模型

1.用户对于“交互组件将怎样工作”的观点

2.把软件某个特性设计处理成用户所熟悉的某个概念

3.在交互设计的开发过程中保持使用方式的一致性，软件使用方式与现实经验一致，交互方式在整个系统中保持一致。

4.使用人们熟悉的概念模型会使用户更快速的适应一个不熟悉的网站

5.错误处理，预防：第一同时也是防止错误的方法，是将系统设计成不可能犯错那种。改正：错误发生时，系统应该帮助用户找出错误并改正他们（有效的错误信息，自我解释的界面）。恢复：给用户提供可以从错误中恢复的方式（撤销）

· 信息架构

1.结构化内容：信息架构的主要工作就是设计组织分类和导航的结构，让用户可以更有效地找到和浏览网站的内容。自上而下的分类体系：根据产品目标和用户需求直接进行结构设计。先从最广泛的、有可能满足决策目标的内容和功能开始分类，再依据逻辑细分出次级分类。自下而上的分类体系：从已有资料开始把这些资料放到最低级别的分类中，然后将它们分别归属到较高一级的分类。结构质量最重要的标准，不是整个过程一共需要多少个步骤，而是“用户是否认为每个步骤都是合理的”以及“当前步骤  是否自然地延续了上一个步骤中的任务”。

2.结构方法：信息架构的基本单位是节点。

层级结构：节点与其它节点之间存在这父级/子级的关系。

矩阵结构：矩阵结构能帮助“那些带着不同需求而来”的用户，在相同的内容中寻找各自想要的东西。

自然结构：这种结构没有太强烈的“分类”的概念，对于探索一系列关系不明确或者一直在演变的主题很合适，但是对于用户下次还需要依靠同样的路径、去找同样的内容的就不合适。

线性结构：经常被用于小规模的结构。

一个延展性好的信息架构，能把新的内容作为现有结构的一部分容纳进来，也可以把新内容当做一个完整的新部分加入。

3.组织原则：一般来说，在网站最高层级使用的组织原则应该紧密地与“网站目标”和“用户需求”相关。而在结构中较低的层级，内容与功能需求的考虑将对你所采用的组织原则产生很大影响。

4.语言和元数据：遵循“使用用户语言”并且“保持一致性”的命名原则。同时避免“语义歧义或者不解”。

第六章 框架层

· 在框架层主要解决放置的问题

1.界面设计考虑可交互元素的布局。

2.导航设计考虑在产品中引导用户移动的元素的布局。

3.信息设计中考虑传达给用户的信息要素的排布。

· 习惯和比喻

界面要与用户早已养成的习惯保持一致，比之更重要的是界面要与自身保持一致。

网站特性的概念模型有助于保持网站内部的一致性。如果有两个特性使用同样的概念模型，可以保持一致的界面和操作，能使用户习惯了特性之后很快的适应另一个。即使概念模型不一致的地方，这些概念模型所共用的模块也应该以相似的方式对待（eg：开始、结束、返回或者保存这一类的概念）

有效地使用比喻，在于减少用户在理解和使用产品时的猜测。网站可以提供上下文帮助用户理解你采用的隐喻所代表的特性，但是提供的功能和内容越多，猜测就变得越不可靠，总有一部分用户会猜错的。

· 界面设计

界面设计要做的全部事情就是选择正确的界面元素，帮助用户完成他们的任务，还要通过适当的方式让它们容易被理解和使用。

成功的界面设计，是能让用户一眼就能发现“最重要的东西”的界面设计。

· 导航设计

1.导航设计必须完成的三个目标：提供给用户一种在网站间跳转的方法；传达出这些元素和他们所包含的内容之间的关系；传达出它传达出的内容和用户当前浏览的页面是什么关系。

2.导航系统：全局导航：提供了覆盖整个网站的通路。局部导航：提供给用户在这个架构中到”附近地点“的通路。辅助导航：针对内容、产品或者用户属性进行的分类导航。上下文导航（内联导航）：嵌入页面自身内容的一种导航。

· 信息设计

1.用一种能”反应用户的思路“和”支持他们的任务和目标“的方式来分类和排列这些信息元素

2.指示标识，帮助用户理解“他们在哪里”以及“他们能去哪里”“哪条路离目标更近”，可借助图标、标签系统、排版、颜色等视觉指引。

第七章 表现层

· 合理设计感知

1.五方面组成：视觉、听觉、触觉、嗅觉、味觉。

2.声音可以应用到很多不同种类的产品中；可用来通知用户，还可以使产品变得更具个性。

3.评估一个视觉设计方案，应该把注意力集中在它们的”运作是否良好“上。

· 对比和一致性

1.通过对比把用户的注意力吸引到重要的部分。

2.过度设计也会导致视觉的混乱，差异要足够清晰，让用户能分辨出某个设计选择是特意要传达的一致性能避免用户的困惑和焦虑，可基于栅格线来保持平面布局的一致性。

· 配色方案和排版

1.色彩，核心的品牌色彩通常是一个更广泛的配色方案的一部分，这套配色方案是要在一个企业的所有材料中得到应用的。一个企业的标准配色方案中所使用的色彩，是为了它们在一起工作而专门挑选出来的，它们之间是互补而不冲突的。

2.排版，不要使用非常相似但又不完全一样的风格，只有在你需要传达不同的信息时才使用不同的风格。不要使用过于广泛和多样的风格。

第八章 要素的应用

1.创建良好的用户体验最重要的工作内容是大量收集亟待解决的非常细微的问题。

2.必须要同时考虑五个层面的全部因素

3.在上一层级的错误有可能会削弱更低层面的正确决策，如果在低一级层面做出了错误决策，再上一层级做的努力也会显得没有意义。

读书笔记|《用户体验要素：以用户为中心的产品设计》

《用户体验要素》一书中所分析的用户体验要素自下而上包含五个层面：战略层、范围层、结构层、框架层和表现层。 用户体验是指“产品如何与外界发生联系并发挥作用”，也就是人们如何“接触”和“使用”它。 用户体验设计通常要解决的是应用环境的综合问题，兼顾视觉和功能两方面的因素，同时解决产品所面临的其他问题。 功能型&信息型 在太具体和太宽泛之间取得一个平衡，避免在尚未充分了解问题之前就试图得出结论。 理由： 1. 这样你才知道你正在建设什么（拥有一系列明确的要求，责任分配得更清晰） 2. 这样你才知道你不需要建设什么（抵制诱惑，需求把控） 功能规格说明不需要包含产品的每一个细节——只需要包含在设计或开发过程中出现有可能混淆的功能定义。功能规格说明也不需要展望产品未来的理想化状态——只需要记录创建这个产品时已经确定下来的决议。 交互设计会处理每一个级别的错误，以确保更高比例的用户能有积极的体验。 用一种能“反映用户的思路”和“支持他们的任务和目标”的方式来分类和排列信息元素。 必须同时完成三个目标： 几种常见的导航系统： 将信息设计和导航设计结合到一起，有一个重要的作用：支持指示标识，这是用来帮助用户理解“他们在哪”以及“他们能去哪”的系统。 页面布局 是将信息设计、界面设计和导航设计放置到一起，形成一个统一的、有内在凝聚力的架构的地方。 线框图 捕获所有在框架层做出的决定，并用一个文档来展现它们。它作为视觉设计和网站实施的参考来使用。 3.通过放置和排列信息组成部分的优先级来整合信息设计。 评估一个产品视觉设计的简单方法——提问：