UED设计流程及方法 “用户体验设计”无疑是这两年互联网行业最炙手可热的话题，而从我们成都UCD书友会火爆的现场来看，也的确如此。那么“用户体验设计”为什么会如此火爆呢?这需要从互联网的Web2.0革命说起。 这场革命，代表了互联网应用关注焦点的变迁，从以内容为王的门户型网站时代，转变为以用户为中心的互联网服务时代。以用户为中心的互联网服务，自然就需要以用户为中心的设计。但是要做到真正的以用户为中心的设计却并不简单。 这是什么意思呢?我想用彩程的实际经历对这个问题做出解释。和很多其它软件企业一样，彩程也是从一些中小型的企业网站、电子商务网站开发业务启程的。当时我们开发一个电子商务类网站的流程是什么样的呢? 首先会由超级打杂老妖出马，跟客户沟通，套出用户的需求，然后由费西或是老妖自己，三下五除二的搞一个首页出来，拿去给用户确认，用户如果点头，那么ok，开始做首页的html切图，然后丢给程序员开始开发，同时，美工继续孤军深入，出各种特征内页，切html，交给程序员开发，如此循环往复。而一旦整个项目开始进行，客户就很少再参与其中了。 于是，这个项目持续运行，直到某一天，程序员说：“好了”，这样，老妖满怀希望的冲到客户那里，很想听到客户对网站认可，但实际的场景往往是： 客户抱怨说，这里我明明是想要个Flash广告，但是却只有一张图片;这个订单系统怎么不好用，为什么不参考淘宝来做呢?我还想要个会员系统，每个会员有自己的个人页面。 这个时候，可怜的老妖只能作出两种选择，要么照单全收，ok，哪里有问题我给你改哪里，要么就是耍死皮，但是后面一种情况一般不会出现，因为老妖不愿因为得罪客户而丢掉奶粉钱。所以，这个原本大家都认为很简单的网站项目就这样被delay下去了。 这样的情况出现的次数多了，让公司首脑小s同学很不满意，于是他开始召集大家思考，这是为什么呢?让我们来看看之前我们的流程:
如何设计出具有优秀用户体验的产品是交互设计师始终面临的一道难题，“好的产品设计一定是建立在对用户需求的深刻理解上”这句话被许多设计师视为设计的天条；至于在设计中如何发现并深刻理解用户的需求，并由此设计出具有优秀用户体验的产品，阿里巴巴的UED团队在多年的产品设计实践中总结出重要的五项原则。 1. 同理心： 所谓的同理心通俗说法就是换位思考。设计师在设计产品时要能够做到换位思考，体会用户的立场和感受，并站在用户的角度思考和处理问题，把自己置身于相关的用户场景中，理解用户的行为特点和行为差异。 在我们阿里系网站，淘宝网站上面主要是C类用户，淘宝的很多设计师自己本身就是C 类用户，他们会更加容易把握和理解C类用户的需求，以此来指导产品的设计。这一点对于我们B2B的设计师来说即是面临的困难也是一种机遇，因为B2B的设计师很难从自身获得足够的B类用户经验也就无法很好的把握和理解B类用户的需求，所以我们团队就更加强调设计师的同理心、换位思考能力。我们会要求设计师在平时多注意积累用户经验，熟练的使用自己的产品，模拟B类用户进行相关操作，也会经常让设计师走出去把用户请进来等各个渠道和用户研究的手段让设计师可以全方位深入的了解用户需求。使得我们的设计师可以很客观、深入和全面的了解用户以及相关需求，也就避免了依赖自身经验和主观臆断的闭门造车。 记得在我上大学学习《无障碍设计》课程的时候，为了体验和理解腿部残疾人士对于乘坐车辆的需求，我会把自己的腿绑在一起或者坐在轮椅上，真实体验腿部残疾人士上车时的场景。我想有过这种体验的设计师为腿部残疾人士设计产品的时候，肯定会在设计中充分考虑到残障人士的真实需求了。 同理心是用户体验设计的基础，只有这样设计师才会对用户需求把握的越透彻，设计出越贴心的产品。当我们的用户看到产品时会说：“这就是我想要的”，我想这应该就是最好的用户体验设计了。
UE,UED，用户体验 先说说UE吧，全称Usre Experience，我们常说的UED就是后面增加了一个Designer而已。汉译：用户体验设计师 [书面解释]UE设计一般是指游戏设计或游戏相关设计，其中也包括网站设计。概念：用户体验设计师——user experience designer，国外叫UED，国内也简称UX/UE设计。个人认为此概念继续延伸下去，其实生活中很多也包含于UE里面的。你的生活中会碰到很多形形色色的trouble，这些trouble会让你very anger，so.... ----------------------------抽支烟，回来继续--------------------------------- UE定义：是指User访问一个web或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。 用户体验设计，就是最大程度上是网站的功能设置界面设置更加人性化，方便用户，满足用户体验基于以用户为中心的设计原则，采用焦点小组、可用性试验、用户测试等易用性研究方法，对用户在使用产品过程中的体验感受进行正确准确的评估、充分认识用户的真实期望和目的、对用户操作流程的预设设计进行修正和有效的改进，保证产品核心功能及用户任务需求的平衡，促进人机界面的协调工作，提高产品易用性减少产品BUG。 用户使用产品过程中建立起来的纯主观感受。对于界定明确的用户群体来讲，用户体验共性是能够经由良好设计实验来认识。新竞争力在网络营销基础与实践中曾提到计算机技术和互联网的发展，使技术创新形态正在发生转变，以用户为中心、以人为本越来越得到重视，用户体验也因此被称做创新2.0 模式的精髓。 UED步骤：数据调查、用户访谈、产品分析、产品定位、功能确认、信息架构、页面原型、UE 设计、视觉设计。 数据调查： 数据可以带来什么？对于各页面及路径的pv(产品),uv(用户)的总结，可以得到产品使用情况的一个大致概貌。缺乏什么？不了解用户，不了解过程，很难进入深层次的研究，不利于把握用户底需要什么。 用户访谈： 用户访谈有什么好处呢？产品和用户之间的联系，就像一个黑匣子。对用户的访谈，就是一个试图打开黑匣子的过程。打开了黑匣子，我们就可以改造他们之间的路径。从而使两者无缝融合。就像是研究dna，对结构的研究可以重塑基因。反映到产品上，就是我们可以以用户的心理模型去创造产品，或者是用富于创造的产品去影响用户。 产品分析： 即使了解用户，是否能提出有效的解决方案呢？此时，对于相关产品的研究就会作出帮助。如果说对用户的需求，可以对产品有纵深的认识。那么对产品的分析，有利于横向去加深去产品的理解。为什么做同一个功能，会产生出两种不同的产品？差异表现在大体，也体现在细节，通过不断的比较，会发现产品各功能间，产品和用户间千丝万缕的联系。 产品定位：
完成出色用户体验设计的六个简单步骤 原文作者：Henry Rahr，Product Manager & UX Guy at CoreLogic翻译：Sharon Fu 作为一名产品经理，在我的工作中会遇到很多较为紧迫而棘手的事情，项目的截止时间，对行业动态的了解，对项目预算的争取……上面这些只是其中的一部分，在这样的工作中让我意识到在一个领域中构建越简单越好的成功法则是如 此重要。 对于那些软件／网页／移动应用来说，用户体验正在获得更多的关注，这种关注很多时候可以给我们的产品带来更多好处。最近几年，一些软件开发公司开始将一些2C（面向用户）的设计应用在2B（面向商业）的领域，这已经带来了一场用户体验的革命。然而，用户体验设计师作为一个非比寻常的群体，往往需要support不同的项目和产品，他们很难获得专门的资源和路径，这正是你正在阅读这篇文章的原因。 在意识到上面的问题后，我花费了很多个晚上来思考，一些自由职业的UI/UX设计师也在寻找类似于行业认证的组织 或者认证的流程，比如Nielson Norman Group。而接下来的步骤定义了一种用户体验设计的简单流程，保证产品用户体验的关键在于在软件开发的全流程时刻关注于用户体验，让我们一起来看一下最近完成的一个app设计项目。
1发现 看到这个标题，有些人可能会感到紧张。但事实是站在你自己的角度去考虑用户体验是很容易出现失误的。没有充分的用户反馈却着急构建用户体验对大家来说是在浪费时间，而且你的开发team可能很快就会有理由拒绝支持你。 这是因为你的观点尽管有趣但是无关紧要。在这一步中，通过电话联系你的用户跟他们坦诚地聊聊他们在产品使用过程中所遇到的问题，在聊天的过程中，以一种好奇的心态，不要限制聊天内容的范围，不要局限在你的产品，了解一些他们正在使用的可以用来完成某些任务的产品对你来说也是有帮助的，就像Henry Ford说的：如果我问人们想要什么样的马，他们可能会说“跑的更快”的马。所以仔细得去倾听用户的痛点并且记录下来，因为他们就是你最终需要解决的问题。在这一步中不要试图设计任何东西，你必须专注于这些用户痛点而不是跳到痛点的解决方案中去。 在你跟5-8个用户聊过之后，可以去做第二步了。 2充分利用你的笔和纸 可以这么说，这一步就是笔和纸，你可能有很多出色的工具用来完成你的线框图，你的workflow，但是在我看来，没有任何工具比笔和纸更好用。在这一步中你起码需要画出三种可能的设计方案去解决用户的需求。在整个设计过程中，参考一下其他同类目标的竞品应用也是不错的办法，你可以把
在线学习好工作https://www.doczj.com/doc/471723160.html,/ 用户体验设计流程详解 用户体验流程，很对人想到打开软件画图，设计反稿、修改。但设计流程是一个经过很多人总结后非常成熟的保证质量的精确地设计环节流程。 企业中的流程 1.定义 一般公司战略层提出发展方向，市场研究人员调查大环境，借助调研手段。验证管理层的战略方针有没有违背市场的基本运行以及用户的基本需求。更理想的是市场调研人员发现用户的需求，促进了战略的转移。此阶段主要是了解市场、定义市场。产品经理完成需求概括，包含：产品诞生背景、达到用户目标、用户需求具体是什么，根据不同过程详细描述产品功能。 2.设计 用户体验设计师出场，交互设计师接到产品经理文档，做一些用户需求、行为细化研究，发现用户市场需求，产品经理根据细节定义功能。交互设计师发现用户使用产品时具体什么样，验证用户需求。接下来人物分析、页面流程，对信息架构进行布局，输出原型稿，对原型稿进行测试，最终设计评审中通过，送给视觉设计师，关注色彩、风格、用户情感因素，完成设计。
3.开发 分为前端开发和后端开发，前段开发负责页面UI层面的东西。后端开发，完成具体的后端数据库及实现逻辑。 4.发布 公司的运维人员把之前的劳动成果发布到网站上。 5.测试与优化 完成公司的测试战略。对不同版本的产品进行分析，将新版本代替旧版本。强调产品已经上线，之后的用户反馈进行进一步优化。 整个流程中涉及的角色：市场研究人员、产品经理、交互设计师、用户研究工程师、视觉设计师、前段开发工程师、后端开发工程师、测试工程师、数据库工程师、运维人员、其他角色。 如何完成用户体验设计 1.定义 拿到需求时，进行定义。人物角色模型：精准定位产品目标用户。人种学信息：行为、需求、目标。 用户场景：用户使用产品的时间、环境、情绪对设计的影响。了解用户使用产品时的样子。将小故事进行需求拆分，拆分各个需求点。准确描绘用户需求：作为，每当，我想要，这样的话。 用户目标：用图文结合的形式描述一个完整的用户需求。 如何了解用户：与用户交谈，观察用户，让用户参与设计工作，利用调查和问卷，用户行为数据分析。 2.构建 1）任务流程：化繁为简，理解用户行为路径。梳理用户使用功能时具体会经历哪些步骤，把步骤进行简化，理解用户行为路径。记录成功和错误的步骤。将所有用户故事视觉化的联系起来，考虑所有用户使用时的边界／特殊情况。 2）信息架构：最小化功能设计，设计完这个汗基本元素和框架。对一个网站整体的导航结构通过一个图示可以表达出来，如对一个公司的官网，可能会包含
AE界面用户体验设计原则与规范任何软件的最终受用群体是人这个自然体，所以不管是什么样的软件，必须要考虑用户在使用中的感受，无论是控件使用，提示信息措辞，还是颜色、窗口布局风格，遵循统一的标准，做到真正的一致。 一、用户界面设计原则 1.1基于本平台开发的应用软件应坚持图形用户界面（GUI）设计原则： 1、界面直观、对用户透明：用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。 2、始终强调软件用户是所有处理的核心：用户界面应当由用户来控制应用如何工作、如何响应，而不是由开发者按自己的意愿把操作流程强加给用户。 1.2 一般交互原则 AE系统的应用软件的一般交互遵循以下原则： 1、一致性：菜单选择、数据显示以及其它功能都应使用一致的格式。 2、提供有意义的反馈。 3、执行有较大破坏性的动作前要求确认。 4、在数据录入上允许取消大多数操作。 5、减少在动作间必须记忆的信息数量。 6、允许用户非恶意错误，系统应保护自己不受致命操作的破坏。 7、按功能对动作分类，并按此排列屏幕布局，设计者应提高命令和动作组织的内聚性。
8、提供语境相关的帮助机制。 1.3 信息显示原则 AE系统的应用软件信息显示遵循以下原则： 1、只显示与当前用户语境环境有关的信息。 2、不要用数据将用户包围，使用便于用户迅速吸取信息的方式表现信息。 3、使用一致的标记、标准缩写和可预测的颜色，显示信息的含义应该非常明确，用户不必再参考其它信息源。 4、产生有意义的出错信息。 5、使用缩进和文本来辅助理解。 6、使用窗口分隔/控件分隔不同类型的信息。 7、高效地使用显示器的显示空间。 1.4 数据输入原则 AE系统的应用软件数据输入遵循以下原则： 1、尽量减少用户输入动作的数量； 2、维护信息显示和数据输入的一致性； 3、交互应该是灵活的，对键盘和鼠标输入的灵活性提供支持； 4、在当前动作的语境中使用不合适的命令不起作用； 5、让用户控制交互流，用户可以跳过不必要的动作、改变所需动作的顺序（如果允许的话）以及在不退出系统的情况下从错误状态中恢复； 6、为所有输入的动作提供帮助； 7、消除冗余输入。可能的话提供缺省值、绝不要让用户提供程序中可以自动获取或计算出来的信息。
用户体验设计时的十个基本原则 10 fundamental rules for the age of user experience technology: 用户体验技术时代的10个基本规则 1 More features isn’t better, it’s worse. Feature overload is becoming a real issue. The last thing a customer wants is confusion-and what’s more confusing than comparing technical specifications, unless you are en expert? Only nerds get a kick out of reading feature lists. (I know - I’m one of them.) 更多的特性并不一定好，反而更糟糕。 过多的特性正在成为一个事实，用户最终就是混淆,而且,这比技术说明更令人混淆,除非你是一个专家?只有那些书呆子才会看明白那些特性列表.(我知道我并不是他们其中的一员) 2 You can’t make things easier by adding to them. Simplicity means getting something done in a minimum number of simple steps. Practically anything could be simpler - but you don’t get there by adding features. 增加东西并不能使事情变得更简单 简单意味着用最少的简单步骤来完成一件事,事实上,任何事情都可能很简单,但是通过增加特性你并不一定能完成. 3 Confusion is the ultimate deal-breaker. Confuse a customer, and you lose him. And nothing confuses more easily than complex features and unintuitive functionalities. 让用户迷惑是毁掉业务的终级手段.（不要在功能和表述上给用户造成混淆） 使一个用户对产品产生迷惑,你就失去了一个用户,这将无济于事并且比复杂的特性和非直觉的功能更让人迷惑. 4 Style matters Despite what nerds may think, style isn’t fluff. On the grand scale of things, style is as important as features-if not more so. Style and elegance can contribute significantly to a good user experience. But style isn’t just looks, it’s
敏捷用户体验设计指导思想之一敏捷思想 2010-03-18 来源：https://www.doczj.com/doc/471723160.html, 敏捷用户体验设计的指导思想有两个：敏捷思想（Agile）和以用户为中心的思想（UCD：User Centered Design）。本文谈其中之一——Agile。 敏捷，《敏捷宣言》，《敏捷宣言》背后的原则 敏捷，不是一套具体的方法，更不是某种工具，而更像是一种思想，或者别用“思想”这么伟大的词——敏捷是一种思路/思维方式。我目前的理解，敏捷就是要小步快跑，及时用验证后的事实取代先前的假设。在实际的操作中，就是要根据项目的进展情况及时调整原有目标和计划，所做的工作要及时验证，工作成果要点滴地积累。我极力推捧《敏捷宣言》的头一条：“人”以及“人与人的互动”胜于“过程”和“工具”。很中国很大白话地说，就是：人要是太傻弱、或者人与人的配合不合拍，谈其他的一切思想、方法、工具都是白扯，当然包括谈敏捷。 谈敏捷不提《敏捷宣言》就像去东北没见过翠花的酸菜一样。咱先上翠花的酸菜：《敏捷宣言》及其原则。 “人”以及“人与人的互动”Individuals and interactions 胜于 over “过程”和”工具” processes and tools 可运行的软件Working software 胜于 over 面面俱到的文档 comprehensive documentation 客户合作Customer collaboration 胜于 over 合同谈判 over contract negotiation 响应变化Responding to change 胜于 over 遵循计划 over following a plan 在此，我试图对《敏捷宣言》作些解读： ◆方法套路要灵活——方法和工具是死的，人是活的，人要是太“面”或者协作不好，再强大的方法和工具都是白扯； ◆文档的编制要创新——上百页的项目报告没人乐意写，更没几个人乐意读。好在大家现在用结绳记事的人不多，要不得用多少绳子打多少扣啊？干的就是软件的活，却还用很原始的文字描述，难道这又是中国万恶的教育制度惹的祸？咱不是为人师表的灵魂工程师，咱就是弄点“软的(soft)东西(ware)”，
互联网XXX平台用户体验标准 一、清晰。 通过使用文字、流程图、层级层、图标等元素，避免用户对界面的模糊认识。 7+/-2原则 2秒钟法则 3次点击法则 80/20法则 二、简洁 为了让界面清晰，可以通过在所有元素上添加浮动框或者标签这种简单的方法实现。 动态扩展表单。 输入框中的标签 搜索是简单的（使用自动完成输入框）；递进显示 使注册表单尽量简洁 驾驭wizard向导（sstab格式合并显示） 三、熟悉 在设计过程中，使用一些现实生活中共认的意象能够更好地帮助用户理解。 输入时自动、重新聚焦。使用浮动控件进行简化和解构。 链接到主页的网站标题通常在网站的左上方显示。 宣传语和二级标题通常紧靠在网站标题的下面。 网站的搜索框通常在网站的右上方或中部的上方。 四、响应性 一是响应必须迅速；二是界面应该提醒用户发生什么事，用户的输入是否成功的被处理，让用户了解这些信息反馈。 使用加载指示器。 使用按钮状态提高响应性。 减少图像的尺寸 图片聚合 Css放在顶部，而javascript放在底部。 压缩Css和Javascript 使用外部Css和Javascript文件。 使用一个文档类型 避免死链接。 五、一致性 在整个应用程序中保持界面一致性。 链接应该在同一窗口打开。 提供站点地图。 使用帮助。
六、美学性 好的界面。 尽可能地避免使用splash页面。 建立良好的导航。（全局导航、本地导航、上下文导航、补充导航） 七、高效性 通过快捷菜单或良好的设计帮助用户提高工作效率。 宣传应用程序的特点。 考虑增加“返回首页”链接 文字标签在输入框上面。中间可以增加标签说明。 用户输入数据的及时响应。 实时更新信息 八、容错性 一个好的用户界面不应该因为用户的错误而惩罚他们，而应该总为他们提供犯错后的补救方法。 九、黄金法则 努力做到连贯 允许频繁使用系统的用户使用快捷方式 提供信息反馈 为关闭这一动作设计对话框 提供简单的设计处理 允许简单的撤销操作 提供控制感。支持内部控制点。 降低短期记忆载荷。 十、提高访客的转化率 AIDA（注意力、兴趣、期望、行动） 使用视频展示产品 可以扫视的功能列表 馈赠让客户想回报 从众心理 隐性的建议 永远提供下一步操作 使用稀缺性来促进需求 退款保障，消除客户的后顾之忧。 鼓励用户试用 别让邮费吓跑客户 消除选择麻痹 简化注册
【用户体验设计】7个腾讯常用的用户研究方法 本文节选自《腾讯网UED体验设计之旅》 作者：任婕 由腾讯网UED授权发布 每天都有互联网产品上市，人们电脑上、手机上的应用在短期之内就可能增增减减换了很多波，最终留下的、那些最经典的产品，都是以好的体验设计取胜。 这些产品或许看似很“简单”，但其实，越是简单的设计越难。当“体验设计”越来越为中国的互联网公司和设计师们重视，人们或许更能体会到设计的“本质”，设计不是在“用户想要怎样的产品”的基础上去构想，而更是要弄明白“用户看起来想要什么产品”和他们“其实想要的是什么样的产品”的区别。 也许腾讯的方法并不是100%最先进、最好的，但从QQ到微信，许多腾讯产品多年以后依然是我们生活中较为常用的产品，一定有它的道理。 常用的用户研究方法 用户研究适用于产品生命周期的各个阶段，不管是需求挖掘还是设计评估，都需要与用户打交道。用户研究适用的阶段如图1-3所示。 研究用户，需要透过用户的语言、行为去了解他们内心最深处的需求。这些需要设计师始终保持一颗同理心与开放的心态，有时用户的“是”与“否”也许只是提问方式的不同导致的，是非判断只在一念之间，关键要挖掘用户的核心诉求。
如图1-4，用户研究方法有很多，如何对这些方法进行选择，应该视研究目标而定。 下面介绍网媒产品常用的几种用户研究方法。 NO1.问卷法 问卷法是大家非常熟悉且使用得最多的方法之一。它是以书面形式向特定人群提出问题，并要求被访者以书面或口头形式回答来进行资料搜集的一种方法。与传统调查方式相比，网络调查（包括PC、移动等多种终端，见图1-5）在组织实施、信息采集、信息处理、调查效果等方面具有明显的优势。但是，做好一份问卷并不容易，尤其是在制订问卷目标、设计问题及文案上都有一定的专业要求。 设计问卷，首先要明确问卷法的目标及适用范围。从目标制订、方案设计、样本回收、数据统计分析到最后的结果输出，每个环节都需要严格把关。 如在研究开始时需要明确目标，确定哪些是问卷法可以解决的问题，比如研究用户对打车软件的使用习惯时，应该把什么样的用户列入调查范围？打车软件的范围包含哪些？仅限于出租车还是可顺便载客的家用车？等等。在问卷设置阶段，要考虑问卷结构、问题设置的一般原则，控制问卷的长度等。问卷调查法的流程如图1-6所示。
UED用户体验设计规范 全局设定——布局 什么是布局？ “布局”是指页面内容的尺寸、间距及位置。有效的布局对于帮助用户快速找到他们想要的内容至关重要，并可以在结构外观上令用户感到舒服。 如何设计有效的布局？ 具有清晰的视觉层次：布局应当让页面各元素之间的关系和重要性一目了然。你可以通过适当使用下列属性来实现视觉层次 焦点：指用户首先关注的区域。形式上被赋予焦点属性的UI元素一定要表达重要的内容。 视觉流：指用户关注区域的顺序。可以根据任务逻辑和用户的浏览习惯来设计恰当的视觉流。好的视觉流应该清晰、合理、顺畅、自然。 关联：在逻辑上相关的UI元素应具有清晰的视觉关系。 错误： 逻辑上相关的UI元素在空间上被分隔，且没有明显的视觉关联。
对齐：使页面工整，信息呈现有序，便于用户扫视。 错误： 没有对齐影响了页面效果且不便于用户扫视。不要因为功能需要和对极限情况的顾虑而轻易牺牲掉页面的视觉展现。 强调：可以根据UI元素间的相对重要程度进行强调。 针对用户的阅读模式来设计布局：大部分人的阅读习惯是从左向右，至上而下。阅读分为沉浸式阅读（immersive reading）和扫视（scanning），前者的目的在于理解，后者在于定位。 浏览网站时，用户不会沉浸在UI本身，而是沉浸在他们的目标任务中，因此扫视是最常使用的阅读模式。用户只在确信必要时才仔细阅读大量文本。 针对扫视的布局设计可以适当强调主要的UI元素，弱化次要的。包括： 1. 将主UI元素放在扫视路径上。 2. 避免将重要信息放在左下角或者页面底端或者需要滚动很多的控件上。 3. 考虑使用渐进展开方式来隐藏次要的UI元素。 4. 将任务相关的重要信息要直接表现在控件上。用户更倾向于关注交互控件上的标签，而不是辅 助型的静态文本。 错误：
创意时代的用户体验设计 人类社会正在逐渐走向体验经济的时代，因此作为时代经济、科技和人文精神承载物的产品设计，也越来越关注用户体验。设计师们已经逐渐认识到设计的表现语言并不仅仅是把视觉符号进行简单的演化和变形，更重要的是要研究人类的感情和知觉心理系统，使得设计的产品能够与人进行沟通和交流，满足个性体验。 用户体验 用户体验是人们在特定的时间、地点和环境条件下的一种情绪或者情感上的感受。它具有以下几个特征： ?情境性：体验与特定的情境密切相关。在不同的情境条件下，体验是不同的；即使是同一件事情，但是在不同的时间和环境下发生，给人的体验也是不一样的。 ?差异性：体验因人而异。不同的人对于相同事件的体验可能完全不同。 ?持续性：在与环境连续的互动过程中，体验得以保存、累计和发展。 ?独特性：体验有自身独特的性质，这个体验遍布整个过程而与其他经验不同。 ?创新性：体验除了来自于消费者自发性的感受以外，更需要通过多元化的、创新的方法来诱发消费者的体验。 随着科学技术和社会经济形态的发展，生活水平的提高，在消费物质产品的基础上，消费者更加关注的是一种感觉，一种情绪上、智力上甚至精神上的个性体验。而不同的人有不同的需求层次。下图分别是著名的人本主义社会心理学家亚伯拉罕·马斯洛于1943年在《人类激励理论》论文中创造性地提出了人的需求层次理论，基于马斯洛理论建立的人的用户体验需求层次，及用户需求对应的相关设计层次。 图1：马斯洛的需求层次图2：用户体验的五个需求层次
图3: 用户体验需求五层次对应的相关设计 如何进行体验设计 产品创新设计，一方面要挖掘已有的生活方式与形式，除了要 考虑美学的因素，关注人们的生理和心理需求之外，还要关 注人们的行为和生活形态，从中获取灵感和设计源泉，这样 设计的产品才能真正满足人们生活的需要；另一方面，也要积极 设计新的生活方式与形式，引领新的用户体验。设计本身也是一种 生活方式。 图４：用户体验的生命周期模型 图5：基于需求层次的用户体验设计
用户界面设计九要点 用户界面设计应用非常广泛，比如网站设计、计算机设计、应用设计等等。如同其名，在用户设计中，用户是最大的也是最重要的体验者。因此，在做设计时我们需要牢记遵循用户体验以及互动性原则。 界面设计旨在让用户简单交互且高效。总之，以用户为中心的设计才是最好的界面设计。如果用户界面设计能够做到再不受任何干扰的情况下完成任务，才可被称之为良好的用户界面。 设计良好的用户界面并不容易，它要求具备伟大的设计技能、良好的设计领域知识以及了解用户需求。从项目初期到最终呈现出的项目，用户界面设计需要遵循各种各样的过程。作者Rajni Setia列出了在用户界面设计中最常见也是最重要的九大特性，我们一起来看下。 1. 清晰 清晰是用户界面设计最重要的一大特性，它有助于防止用户出错，清楚地呈现出重要信息并提供完美的用户体验。清晰意味着能准确表达出信息内容。 2. 简洁 清晰在用户界面中固然重要，但是这并不是说让你的设计信息过于泛滥。
增添自定义信息和解释说明这并不难，但是过于繁杂的内容肯定是个Bug，因为这就需要用户花大量的时间去阅读它们。因此，强烈建议保持清晰和简洁原则，即言简意赅！这么做的好处是为了给用户节省宝贵时间，尽可能的简明扼要。 3. 一致性 一致性是良好的用户界面设计另一大特性。它允许用户自主开发使用模式，帮助用户了解不同的按钮、标签、图表以及其他的界面元素，从而轻易地找到它们。一款独特的设计是能够整合用户的终端需求才称得上一个良好的用户界面设计。 4. 易读性 用户界面设计需牢记易读性这一原则，这就要求你不要使用复杂的言语让用户难以阅读与理解，相反而应该使用简单的语言，并确保你的设计包括信息易于阅读。 5. 响应式
HT实验室自栏目上线以来，受到了很多读者的关注和喜爱，同时我们也收到了很多热心读者的反馈． HT实验室的每一位成员都深受鼓舞，同时也将更加努力把HT实验室栏目做得更好．HT实验室已经上线两月了，为了回馈广大读者朋友，我们决定给大家分享一些”干货”，对APP产品设计与开发中常常会困扰开发者，同时也是APP开发中非常重要的用户体验设计整理成一篇文章，与大家分享． 给用户一个不删掉你的APP的理由 APP的功能是APP的核心内容，也是APP提供给用户的核心价值．这个核心功能不需要很多，一个就够，最多两个．优秀的APP功能设计应该是1，1.1，1.2，1.3，而非1，2，3，4．用户在移动端设备的使用时间不同于桌面端，大部分用户都是在碎片时间内使用移动设备进行娱乐，获取信息，进行社交活动等．虽然不断有报告称用户在移动端上网的时间每天超过4小时甚至5小时，但我们在看待这些数据时需要带有一定的鉴别能力． 核心功能过多首先会导致的问题就是用户的使用困惑，用户无法在第一时间获取到这款APP 对于自身的价值．纵然在APP的名称上匠心独运，相信也无法做到一个名称涵盖４，５个功能的地步．用户在判断这个APP是否“有用”或者是否具有“保留价值”的时间不会超过５分钟，所以开发者们需要让用户在短时间内迅速了解APP的核心功能，并站在用户使用的角度进行逻辑功能设计．工程师的逻辑不等于用户的逻辑，开发者们在思考如何让用户在使用时不会产生”困惑”与”混乱”的体验时，需要下一番功夫． 你的界面是否已经被你分割得四分五裂了 以前与一位开发者朋友聊天时，他曾兴奋的告诉我他的APP中的４个功能都是用户急切期盼与希望的，他要把这四个功能都放到首屏，让用户第一时间看到这些有价值的信息，他的眼睛就像三氧化二铁一般透着红褐色．结果当然是用户看第一眼就已经眼晕了，无法继续去了解这款APP的价值究竟在哪． 移动设备中手机是目前主要APP的受体，手机上的屏幕无论是3.7英寸或是4.0英寸都是稀有资源．在这么小的屏幕上信息的展现方式与屏幕的利用就需要精心的设计与调整了．正如Instagram的界面设计中，几乎整个屏幕都给了核心功能”图片分享”，而功能按钮与状态栏都被放到屏幕最上方与最下方不会影响用户读图的区域．
本资料由网舟咨询分析提供 用户体验 浅析用户体验评估标准的建立 正如其名称所示，用户体验是一种纯主观的心理感受，存在着许多不确定因素和个体差异，想要精确地评估用户体验是一件不容易的事情。之所以不容易，是因为： 1.缺乏关于用户体验的标准 1)关于用户体验的定义，目前始终飘浮在理论层面，缺乏明确的评估标准。 2)不同产品对用户体验构成因素的侧重点也不同。 2.缺乏有效地评估方法 1)实验存在不确定因素，用户存在个体差异。 2)大样本量的评估测试成本较高。 因此，为了能够精确评估用户体验，评估标准的创建应该注重实用性和可操作性，遵循以下几个原则： 1)所有评估标准均可量化，能够提供详细的评估数据。 2)评估标准是可以被实实在在测量和观察的，并且可再现。 3)评估标准可以按照周期进行复查，验证特定期限内的改善情况。 4)评估标准应当具备较好的结构效度。 目前对评估标准的研究可以划分为两大类：关注内容的评估标准和关注用户的评估标准。
关注内容的指标体系 如Nielsen提出的4个新的可用性参数，即导航、响应时间、可信度(Credibility)和内容。此外，Agarwal和Venkatesh提出针对网站可用性评价的微软可用性准则(Microsoft Usability GUIdelines，MUG)，其指标体系中包含5个维度：易用性、针对中等用户(Made for the Medium)、情感、内容和促动性(Promotion)。 受此影响，很多研究者提出了相似的观点，如Turner将可用性分为导航、网页设计、内容、可存取性、多媒体使用、互动性和一致性。部分学者还通过各种实证研究进一步分析了各项网站可用性指标的重要性。如Monideepa Tarafdar等人分析了现有网站可用性设计的指标对于网站的影响，发现网站设计方面的因素，如信息内容、导航系统的易用性、下载速度、网站可访问性等与可用性正相关，网站安全性和定制化程度则与可用性无关。 关注用户的指标体系 就研究思想而言，这部分研究者更多从用户行为分析的角度考察网站可用性评估指标体系的构建问题，一些学者从理论层面对这一问题进行了一些探讨。如Venkatesh等人将技术接
浅谈Web App前端设计原则 关于Web App 随着web 2.0时代的到来，越来越多的应用程序都是基于Web环境来构建的。这样做的好处显而易见，用户可以方便地使用浏览器来访问应用，而不需要安装客户端程序。而在企业内部，很多应用也都采用了这种模式，以便于安装和部署，特别是在业务变化频繁，需要经常对应用程序进行更新的情况下，Web App更是为我们提供了很大的便利。 Web App作为Web环境中的应用，和网站以及传统的Winform式应用有着千丝万缕联系，同时也有很明显的区别。 与网站相比： 共同点在于用户都是通过浏览器来访问，不需要安装其他客户端。 区别也很明显，网站的功能在于展示，用户访问网站的目的就在于获取信息；而WebApp 则不然，用户访问它更重要的目的在于交互，执行各种操作，不仅仅要从中获取数据，还要向应用中存储数据，并让应用执行自己所需要的功能。 与Winform式应用相比： 共同点在于二者都是应用，都会完成一定的业务功能。 区别的一方面在于安装和部署的方式，Web App是通过浏览器来访问的，不需要经过繁琐且耗时的安装过程，直接就可以使用。而且，当系统升级的时候，用户也不需要重新部署，只需要在浏览器中重新打开就好。 区别的另一方面在于二者所提供的用户体验不同，因为浏览器的限制，WebApp带给用户的体验还比不上传统的Winform式应用，尽管现在有了很多可以在浏览器中运行的类似于富客户端的技术，像Silverlight、Flex等等，但想要提供与Winform式应用一样丰富的体验，还有很多需要努力的地方。 关于Web App前端设计
在架构上，不管是何种应用，在构建的时候都会体现出分层的思想。最经典的就是三层架构：表现层、业务逻辑层和数据层，而Web App前端设计所关注的就在于表现层。 前端设计的目标想要设计出合理且易于让用户使用的Web App界面，让用户获得最好的体验，从而更好地使用应用来完成所需要的功能。 为了达到这个目标，有三点原则可供遵循，那就是：简单、美观和规范。接下来让我依次对其进行说明。 原则之一：简单 简单的目的就是要方便用户的使用，但是要简单到什么样的程度呢？用什么标准来衡量我们的界面设计是否简单呢？ 我认为有两点基本的标准： l 不需要思考——界面上所有元素所提供的功能一目了然，没有歧义，易于理解。 l 不需要学习——不需要复杂的培训，所有的功能遵循操作的习惯，直接上手可以使用。 还记得之前有人把全自动的相机叫做“傻瓜”相机，其实我们所要设计的就是“傻瓜”式的应用界面，进而让我们的应用成为“傻瓜”式的应用，那样会赢得更多客户，而不是让人望而生畏。 想要达到这样的标准，我们需要怎么做呢？ 首先，界面上的元素要少，放置太多只会让用户觉得不知所措，需要仔细观察和思考之后，才知道对哪些元素进行操作才能够达到自己的目的。 我们经常会在一些产品的界面上看到许多不必要的元素，比方说在输入联系方式的时候，有“电话”、“地址”、“传真”、“手机”、“Email”，这些都没有问题，如果出现“地址2”、“电话2” 等备用的信息，我们会发现它们对于绝大多数用户来说都是没有任何意义的，也不会用到，只是为了以防万一，对于这些元素，我们大多可以删除掉。 其次，要让应用的后台做更多的工作，尽可能地把更多的操作自动化，而不是把所有的任务都交给用户完成。这样会减少用户的操作，同时也就减少了出现误操作的可能。 接下来我们以Google翻译为例，来理解一下上述的内容，如图1所示。
用户体验设计流程与文档编制指南 文档编写有助于产品的概念形成、设计、创造和性能衡量。但是，编写文档的目的不应单单是为了产品维护。毕竟书面上的东西再多也没法跟真正的产品体验相提并论。 正如简约用户体验倡导者Jeff Gothelf在Smashing Magazine的一篇文章中所介绍，在用户体验方面单纯用作未来参考的详细交付成果基本上从制作完成起就已经没用了。在当今这个崇尚简约、灵活的时代，用户体验的关键应该是产品的核心，而不是整体交付成果。不论你选择简单的还是详细的流程，关键是要保证文档能够帮助设计向前推进(而不能只是一个滞后的指标)。 下面是产品设计开发文档编制、各个元素及阶段的概览。不同公司的产品开发和文档编制过程各有不同(例如Spotify，但是下面的很多交付成果在一定程度上是大多数公司所通用的。 我们所选择的方法都是自认为最好用的方法，你可以根据自身情况自行选择。 各自关系 在产品设计文档编制方面，理论和实践是完全不同的两码事。我们都知道用户中心设计的基本原则。我们也都能从纷杂的方法中认出各种不同的研究方法、原型制作阶段以及文档编制技巧的整体流程。但是，你还是会经常问自己这个问题：在实践中到底怎么操作?
简单来说，就是要让文档与设计流程形成互补，而不是简单作为设计流程的补充。在深入探讨之前，我们先从宏观上快速看一下产品设计开发期间的文档编制工作。在下方，我们从实践的角度介绍了设计文档编制的各个步骤之间的联系： 1. 在产品定义的初始阶段，你需要和所有必要的相关人员就产品以及项目的开展方式进行一次头脑风暴。头脑风暴可能带来一套启动计划、一个精简的框架和一系列比较早期的概念图以及模型。 2. 下面开始调研，在这一阶段，你的团队需要对所有假设进行完善，并填补空白的内容。根据产品复杂性、时间安排、现有知识程度等各种因素的不同，这一阶段可能会有所差异。但是，从整体上说，开展竞争性市场分析并执行客户调查是有益无害的。如果你有现成的产品，审查分析技术、启发式方法、内容、产品背景和用户测试等也会很有帮助。 3. 在分析阶段，截止目前所收集到的产品营销数据可以为用户特性、体验地图和要求文档(例如按优先级排序的功能电子表和用户任务矩阵等)提供基础。在这一时点，产品定义、产品优先级和产品计划都已经经过界定并做好成为更正式的设计交付成果的准备。在这一期间也可能连续产出草图和流程图。 4. 这一阶段的成果将导向使用场景、概念图和模型，进而进入设计阶段。常见的文档类型包括草图、线框图、原型、任务流程图和设计规格等。例如，调研和分析阶段所得到的竞争分析和用户特性将应用到模型、概念图和使用场景中。反过来，这些内容又将影响到线
用户体验设计原则及案例解析（上） 本文要点： 1. 建立对于设计原则的理解 2. 告别设计中设计技法的“堆砌” 3. 增强用户体验设计与设计技法相结合的意识 其实设计师平时做设计的工作，可以比作成人在走路或在跑步，走路和跑步的原理是需要两条腿相互配合才能完成跑步的动作，做设计也是一样。设计技法是非常重要的一条腿，熟练的运用设计软件来完成，ICON的绘制、页面的设计、运营活动的设计，这都是非常重要的。但是其中还有另外一条腿，就是另外一项设计师非常必备的思考方式，也就是用户体验设计的一些原则。一定是这两者相互配合，才能够完成设计师的跑步的动作，来完成一个真正既能够体现你设计能力，又能够符合用户真正使用场景的设计，也就是我们这里面比喻的跑步。这些原则说起来似乎高大上，触不可及，但其实是非常的接地气的。 下面请看一个界面的案例及设计师对各界面的反馈：
界面一：如果作为一个用户，如上图左的页面，我会觉得看起来特别不好用，想退出这个界面。因为它太小了，这上面的字第一次看到之后，就会觉得看的特别不清楚。我看到这个页面的第一直觉是想跳出，第二如果我必须要登录的话，我会把它放大，然后去输入，还要把手机拿得近一点，这样凑近了看，可能就会清楚一点。 界面二：如果用如上图右的页面来登录，我是用户的话，打开这个页面会发现，它的文字信息比较多，然后再仔细看这些文字的时候，会发现它的信息层级会比较少，我想找的重点信息不容易发现。阅读顺序方面，我读这个页面会从上往下读。而操作方面，会觉得按钮太小了，可能会误操作。 界面三：如果用如上图左这个界面，作为用户来注册一个百度账号，看起来挺不错的，只是要输入的内容其实还挺多的。但跟之前的两个界面相比，这个至少操作起来比较简单。另外，有一点不太好的，我上面要输数字，下面要输拼音和数字，感觉还是挺麻烦的。 界面四：如果是如上图右界面来做它的注册，我觉得这个就省心多了，相当于基本上没有什么操作步骤，直接连调出键盘都已有了，可以直接输了，所以看起来就不太需要想，可以直接用。 从大家如上的意见反馈中可以看到，大家心目中评价这些界面好不好用，其实有非常多我们所涉及到的设计原则点，包括它是否好看见，是否可读，包括这个操作起来是否麻烦 是否可点。 其实这四个页面我选的是非常有故事的，我们来看看这四个页面背后的逻辑。其实第一个页面不是一个移动端的页面，完全就是一个PC端的注册页面。不过我们把它放到手机上面来看，而且放上来的时候没有做任何的适配，可以看到内容非常的小。如果