应用程序的用户体验研究和应用

Web应用程序的用户体验研究和应用摘 要随着Web2.0时代的快速发展，网络作为信息传播媒介使得用户成为信息发布的主角。而Web网站和应用作为商业信息传播的媒介和用户通信的产品，已然了成为人们在生活与工作中必不可少的工具。功能繁多的网站和应用也如雨后春笋般涌现出来，它们有着实用而广泛的功能和用途，为我们的日常生活提供了极大的便利。本文从用户的操作过程和习惯出发，以满足用户的需求为目标，对Web应用用户体验的设计流程进行了探索。该流程的每一个步骤都要与用户的需求和体验相符，使设计出的网站和应用能够让用户感到操作简单、易用、流畅，才能提升用户的舒适度和粘着度。关键词： Web 应用程序 用户体验 设计流程Research and application ofWebapplication userexperienceABSTRACTWith the rapid development of Web2.0 era, as an information media network allows users to become the protagonist of information dissemination. The Web sites and applica- tions as the product media and user communication business information dissemination, already becoming a people living and working in an indispensable tool. Functional range of websites and applications are also sprung up, and they have a wide range of features a- nd practical uses for our daily life provides a great convenience. From the users operating processes and habits of view, in order to meet the needs of users as the target, the Web application user experience design processes are explored. Each step of the process must be consistent with the needs and experience of users, so th- at the design of Web sites and applications to allow users to feel simple, easy to use, sm- ooth, in order to enhance comfort and adhesion of the users.Keywords: Web application user experience design cycle目 录1 绪论51.1 研究背景51.2 研究意义51.3 国内外研究现状61.3.1 国内研究现状61.3.2 国外研究现状62 用户体验理论概述72.1 用户体验的定义72.2 用户体验设计的分类72.2.1 美学体验82.2.2 情感体验82.2.3 价值体验82.2.4 互动体验83 Web应用的用户体验设计93.1 Web界面属性83.3.1 Web界面技术特征93.1.2 Web界面传播特征103.1.3 Web用户界面设计113.2 Web应用的用户体验设计流程123.2.1 发现阶段133.2.2 定位阶段133.2.3 探索阶段143.2.4 制定阶段153.2.5 原型阶段153.2.6 精炼阶段154 结论16参考文献17致谢19191 绪 论1.1 研究背景网络和网络应用在给人们的生活方式带来巨大转变的同时，其方便和易用性也在承受着用户的考验。在网络技术的蓬勃发展和壮大中，Web2.0的时代到来了，与以往被动的接受信息不同，用户从网络的使用中获得了发布信息的主动权，并可以随心所欲地搜索他们期望得到的回答。Web2.0时代强调了用户作为人机交互参与者的重要地位，对于内容互动性的需求，用户期望获得的满足感越来越强烈。用户已不像十几年前那样会花半分钟甚至几分钟的时间等待一个页面的成功加载，如今几毫秒的加载速度都会影响用户对于产品的印象。如何满足用户越来越挑剔的胃口，从用户的需求出发才是开发者们应该关注的重点，因为任何产品脱离了用户都是注定要失败的。1.2 研究意义研究用户体验与用户体验设计对于今后网站或应用开发具有重大意义。从理论上来讲，这样的研究对我们今后的网站或应用开发指明了方向，减少了走弯路的概率。在实际意义上来看，对于用户和企业也有莫大的好处。对于用户：第一，良好的体验研究，能够让用户在使用产品时提高亲切感和舒适度，对于用户对产品依赖度的提高大有裨益；第二，良好的产品体验，使用户在与其它同类产品比较时，产生时髦、优越感，进而刺激了人们对于产品功能的消费。而对于企业：第一，用户体验的好坏就是产品的生命线，良好的设计规划对于产品能否成功获取用户的喜爱和忠诚度有直接的关系，从而对产品品牌的树立和推广产生影响，并且对后续产品的开发也起到了指导作用；第二，优秀的用户体验设计能够重复的使用和扩展功能，有效的节省了网站或应用的开发成本。1.3 国内外研究现状1.3.1 国内研究现状1Web界面色彩设计的研究国内对基于用户视觉体验的Web界面色彩设计的研究，主要是集中在对Web界面设计制作及Web用户体验等相关内容，关于视觉色彩在Web界面的应用涉及章节较少。一些专业制作网站的教程、界面设计的参考网站及少部分Web界面设计相关研究的论文及文献，只是在部分章节里面稍微提到色彩元素在网站设计中的表现。Web网站设计相关专著多是对网站界面设计配色基础知识的总结和叙述，这类专著包括设计师谈精彩网站设计网页设计与配色实例分析见微知著.Web用户体验解构等。通过阅读这些专著，可以很好的理解Web网站界面设计相关内容，视觉色彩在界面各种布局中的基本运用及以用户为中心设计的重要性等。例如见微知著.Web用户体验解构针对用户体验设计做了简要的总结和归纳，对网站页面设计的布局细节体验进行阐述，而对于视觉色彩设计在网站界面上的表现只是简单的概述。2用户体验研究用户体验在各行各业中都是最重要的研究课题之一，而在互联网中，用户体验包括一部分界面设计与交互设计。中国的百度、阿里巴巴、腾讯等网络公司已经积极的展开了关于用户体验的研究，它们通过分析用户在实际生活中的习惯和需求，对自身产品的缺陷和优点进行修复和扩展，并实际运用到Web产品项目的设计中，取得了较好的效果。1.3.2 国外研究现状国外的学者对于用户体验的研究已经进入成熟稳定的阶段，并且在商业、政治、教育等多个领域都有所应用。他们建立了用户体验模型，从多种角度探讨了构成用户体验的要素和内容。被称为Ajax之父的James Garrett提出了用户体验的五要素，包括战略层，范围层，结构层，框架层和表现层，为后续理论研究奠定了基础。Mahlke从认知和情感两方面对用户体验做出了阐述，认知因素由人机交互的技术因素和非技术因素构成：技术因素是指产品是否可用和易用;非技术因素即产品给用户留下的视觉印象。情感因素包括产品令用户产生的直接和间接的情感反应。美国用户体验专家一Robert Rubinoff于2004年提出了构成用户体验的四个相互关联的因素，即品牌、可用性、功能性和内容。他认为这四个因素共同作用在一起是产生积极的用户体验的关键。 吴燕萍，以用户为中心的Web设计研究，浙江大学，2008.62 用户体验理论概述用户体验无处不在，虽然时常忽略了它，但在我们的周围，每时每刻都充斥着它的身影，对于衣、食、住、行的选择我们都受到了它的影响。可以说，用户体验伴随着我们的一生。生活中体验主要分为实际使用和感觉记忆两种。在实际使用中，与产品的接触而产生的体验是最直观的。例如在使用不同品牌的平板电脑时，打开网页时的速度、使用应用时的流畅度、播放不同视频时是否兼容、扩展功能是否花样繁多等，都在影响着用户对于该产品的满意度和体验感受。而感觉记忆，则并非物理上的接触，有些难以理解，但它确实地存在于我们身边，且非常重要。例如适量运动的酣畅与过量运动的疲惫、旅游时的悠闲和加班时的紧张、购物时的愉悦和排队时的郁闷，这些感觉让我们懂得追求好的感受，而逃避坏的感受，进而对我们的习惯和喜好产生影响。这两种体验虽然表现形式不同，但都能够带给人们生理和心理的双重感受。接下来所要介绍的是一种特殊的体验，与一般电子产品带给用户的感官和使用体验不同，这是用户在使用一种摸不着的产品，即软件或网站界面后产生的一种用户体验。2.1 用户体验的定义用户体验(user experience的缩写)是一门综合性的交叉学科，它与许多学科都有交集，比如认知心理学、交互设计、人工智能和市场营销等。用户体验是指在需求的驱动下，用户与产品接触或享受服务的过程中，产品或服务与其自身的情绪产生了相互作用，由此用户建立起来的主观感受。 Nicole Miya Hirano Sylvester，Mind-Body Connectivity：Foundations in Dance for the User-Experience，20102.2 用户体验设计的分类用户在网站建设的每一个过程中反馈的信息对于接下来的工作都非常重要，设计师们会把得到的反馈信息按照美学体验，情感体验，价值体验和互动体验分类并进行整合设计，使产品既能为用户提供他们想要的功能，又能让用户得到视觉上的享受，感受自我价值的体现，并在情感上与产品产生共鸣。 顾露茜 智力 钟厦，浅析网页界面用户体验设计的重要性，科技向导，2012年第24期，pp982.2.1 美学体验产品给用户最先留下的映像应当是界面是否让人赏心悦目，而不是产品功能是否强大，因为再强大的功能如果没有让用户在第一眼产生使用产品的想法，就是失败的设计。界面是用户和产品进行交互的媒介，也为用户体验开启了第一道门。一个友好的界面应保持页面间的一致性和连贯性，色彩搭配要合理，否则会让用户觉得混乱。界面的框架应该清晰的让用户一目了然，风格应与用户的审美习惯相符，让人有被吸引想继续学习并使用它的感觉。2.2.2 情感体验用户体验是用户一系列纯主观的心理感受，这与用户的情绪有很大的关系。用户在使用产品时，一些小细节的设计都会给用户带来情绪上的波动。比如，是否把用户想要获取的主要信息按照用户日常的逻辑习惯放在了界面中的突出位置，而不是和一些无用的表单或广告混杂在一起;导航的设计是否清晰简洁并且有条理的分类。用户本来就对操作的结果充满不确定性，不恰当的设计都会使用户变得局促不安。2.2.3 价值体验一些用户可能对使用网站或软件有抵触情绪，他们不知道如何进行操作，害怕自己操作失误会带来不良的后果。对于这类自助产品，想要让用户主动并乐于操作，需要界面提供恰当的帮助和引导并在用户操作有误后具有一定的容错性。比如，可以为刚完成注册用户提供新手上路的指导，带着用户熟悉每一步操作，让他们觉得在遇到困难时不是孤立无援的。用户熟悉了界面内容后，自主操作会让用户产生一种作为主人的舒适感和实现自我价值的成就感。2.2.4 互动体验想要用户获得互动体验，首先应保证产品的可用性。界面不是死板的而是具有活力和价值的，这就靠用户和界面之间的交互来实现。对于用户的每一步操作，界面应有一定的变化来做出回应，这种“一问一答”的方式不仅使用户了解操作的结果而且可以让用户有被重视的感觉。比如，用户在单击某一按钮后，处理的过程需要用户等待，这时，可以采用进度条让用户了解进度和剩余时间。3 Web应用的用户体验设计3.1 Web界面属性Web界面是人机之间存在着一个能够相互作用的媒介，人可以通过听觉和视觉等一些感官来接受机器传过来的信息，再经过人的大脑的加工及决策，然后做出一些反应，最后实现人机信息传递的一个过程。在人和机器的互动过程中有一个接触层面。它是随着互联网的涌现，到快速发展而开始风靡起来的。通过计算机网络与互联网为技术平台，以人类传播活动中的人际传播、组织传播及大众传播三种传播方式散播在人类社会生活中的各个角落，它是一种新的传播形态，具有与传统媒体不同的特性。如多维性、交互性、多媒体综合性、持续性等等。3.1.1 Web界面技术特征1.Web界面的数字化随着计算机及互联网技术的快速发展和数字化的时代到来。信息的数字化是网络技术的基础之一，它是网络媒体存在的前提条件。通过互联网拷贝资源信息的投入基本为零，能够使得信息快速的传递，修改方式非常快捷。使得资源共享能够达到全球化的一种格局，因此对于数字信息的传播具有及好的传播广度和传播速度，构建了一种快键、整合的数字化体系。2.Web界面的多媒体多媒体(Multimedia)，在计算机系统中，组合两种或两种以上媒体的人机交互式信息交流和传播媒体。使用的媒体包括文字、图片、照片、声音(包含音乐、语音旁白、特殊音效)、动画和影片，以及所提供的互动功能。 李彬，大众传播学，中央广播电视大学出版社，2000年6月第一版，pp170多媒体技术已成为互联网构建的基石之一，无可取代。随着计算机和互联网技术的快速发展，图像处理、数据压缩、网络传输速率等多种技术的开发和更新，当今新技术的综合发展方向将是多媒体发展趋势。3.Web界面的超文本超文本技术是用超链接的技术，把站点中一些文字信息组织在一起的超文本形式。其本质意思是将不同空间的文字信息，在他们片段之间建立一个非线性的信息组织关系的文本模式。用户可以根据Web界面上提供的链接，方便快捷地找到用户所需信息，由被动接受信息转为主动搜寻，能够让用户获得更加自由体验需求，同时也满足了用户一种发散性思维方式的需要。3.1.2 Web界面传播特征因为一些技术条件的限制，传统媒体的传播活动在技术上、传播方式相对有更多的局限性，受众者只能被动接受信息等。但网络媒体技术使得Web信息传播的方式具备了传统媒体多方面的优势。1.多元化在互联网上，政府、企业、个人都在利用网络发布消息，以互联网作为媒介，传播的主体以多元化模式呈现在互联网中。在传播方式上运用多种传播方式，传播方式可以是用户对网站反馈信息、网民对网民、多人聊天室、一对多人聊天等传播方式，呈现出Web传播的多元化特征。2.个性化网络媒体传播的个性化表现在个人信息的传播方式，更为丰富的个性化信息带给了用户更为多样化的需求。用户不仅可以主动从网络媒体获取信息需求，也可以自由选择信息类型、内容、接受顺序、时间等。3.互动性对于Web界面来说，互动性是其最重要也是最具有代表性的特征。用户不仅可以在大的平台空间范围内选择需要的信息，而且在获取信息的同时，还能参与信息的传播、发布评论等，具有很好的互动性。4.快捷性在传播方式上，从关注多种媒体中发现，电视媒体更替的时效性会更快速些，但是还是受特定的时间限制。当我们想要关注当日全国乃至全球发生了哪些大事时，若不使用网络，只能等到晚上收看新闻联播才能知晓，若在下班时遇到堵车等意外情况，错过了播出时间，则很难再看到自己关注的信息。但网络媒体就不受时间、空间的限制、不受印刷发行的限制等，具快捷、及时发布消息，随时可以浏览等特征。5.广泛性传统媒体由于受地理空间和发行量等因素限制，不能使得每个需求信息的用户都可以获取信息且成为信息的载体，而非传统媒体的网络媒体不受这些条件的限制，以一种信息传播的方式突破了地域、时间等局限性的因素限制。一旦在网络媒体上发布信息传递出去，任何登陆或浏览Web界面的用户都可以看到。一种开放性的特征辐射性的信息传递呈现在我们生活和互联网中，真正做到信息全球化的广泛传播。3.1.3 Web用户界面设计Web用户界面设计在设计流程上概括为三个部分：结构设计、交互设计和视觉设计。1.结构设计也被称作概念设计，是整个设计实施的结构基础。需要对用户进行研究和具体的任务分析后制定出来的一个整体架构。采用简易的纸质原型提供给用户进行测试，得到反馈数据来进行功能的修改和补充。其中能否让用户轻松的理解和操作页面功能是制作出良好设计的重要前提。2.交互设计是具有一定目的性，其目的是让Web产品能够被用户简易的使用和掌握。良好的交互设计可以保存在公用库中，重复应用在各种产品设计上，能够有效的节省开发的时间和人力消耗。3.视觉设计是通过交互设计师或是策划者提供的策划案的结构基础上，从创意、美学、舒适度、特色等角度进行设计，包括整个页面的主题色的选用、各个功能板块的排放、不同字体对于视觉感受的影响等。视觉设计最终目的是要达到用户在体验过程中得到的一种愉悦性为目的。3.2 Web应用的用户体验设计流程Web应用的用户体验设计分为发现，定位，探索，制定，原型和精炼六个阶段。以用户的需求作为起始点，每一个阶段的设计都需要做到以用户为中心，以用户的需求为驱动目标。各阶段的设计内容如下：发现阶段：了解产品的设计目的、用途，以及客户对产品的期许和目标。确立用户的群体和功能需求，在这个阶段要进行需求分析，并制作需求分析说明书。定位阶段：通过发现阶段了解公司的期许和目标，结合用户的需求对产品进行功能和经营范围定位，在这个阶段需要制作功能规格说明文档。探索阶段：此阶段目的在于找到产品的特色，以及各种功能在整个系统中所占的比例，然后进行分配。并定义用户对系统进行操作时，对应的请求响应过程。制定阶段：以3阶段得出的成果为基础，在制定阶段更加细致的进行界面和导航设计。依据导航设计的原则来决定各个板块的组合和显示方式，提高用户在产品使用时的自由度。将各个设计好的界面合理放置，并安排好交互的界面元素。从理论和方法上将导航设计和界面设计融合在了一起。原型阶段：根据上面的阶段成果进行产品的原型成品编写。精炼阶段：开发网站的代码，对网站的色彩搭配、文字展示、图片处理和布局结构进行视觉上的设计。3.2.1 发现阶段发现的目的在于明确客户的产品目标以及潜在的用户需求，这个过程通常以寻找和分析最佳解决方案是否符合客户的目标为始。作为发现过程的结束，设计人员和客户会在网站的产品目标，目标用户及其需求这两点上达成共识。首先，在项目开始之初，对于需要设计的网站所描述的基础目标之一，设计者和客户应该有一个明确的认识。品牌之所以需要引起设计人员的重视，是因为用户无法不注意到它，在用户与产品进行交互的同时，品牌的形象也无可避免地烙印在了用户的脑海中。品牌所传递的不仅仅只是视觉表现，它也可以引起用户的情绪反应。设计者和客户可以一起回答一些有助于明确品牌价值的问题，如网站可以提供给用户什么价值，网站运营的目的是在线销售、促销产品、还是提供教育和信息，或是用于沟通，网站的关注点在哪里，以及创建网站的原因。为了明确战略目标，还有一些关键问题值得关注。如企业的其他相关部门在网站的运营中扮演着怎样的角色，网站将如何促进客户的战略目标的达成。设计团队需要和客户进行深入的交流，关注客户的目标，并与客户一起定义网站。然后，在分析用户需求时设计人员需要牢记一定要客观，因为他们设计出来的产品面向的用户并不是他们认为的理想用户，即和他们完全一样的人，而是其他人。若想要用户乐于使用设计出来的产品，那么设计人员就必须抛弃自己的立场，转换成用户的视角来审视网站。设计人员可以依据统计学的标准按照性别、年龄、学历和收入等进行用户细分，这样有助于设计人员对大量的用户需求进行划分并管理，每一用户群都具有某些共同的关键特征。统计学并不是唯一的了解用户需求的方法，本文将认知心理学融入其中。3.2.2 定位阶段设计人员在这一阶段不需要考虑技术实现的问题，此阶段的目标是在明确了网站的价值定位后，能够用一句话令人信服地描述该网站的价值，因为这能够确定网站为用户提供的功能。网站要展示的所有内容和提供的功能都基于这样一个统一整个网站的简单主题。首先，设计人员需要做的是罗列出一个关于价值定位的初始列表，这要求设计团队中的每一个人都应该尽可能地参与到头脑风暴中来，头脑风暴的内容就是用10个或者更少的词汇为用户做一个令人信服且独一无二的承诺。这是一个平等和自由发展的过程，所有人的想法都不会被评价并且没有对错之分，记录人员只需要把所有人的想法完整的记录下来即可。在列出了初始列表之后，第二步就需要进行选择。从列表中选出来10个最具有说服力，最独特并且最清晰的价值定位。选择的标准就是这个价值定位是否与第一阶段确定的战略目标一致、是否能很好的满足用户的需求、是否是独一无二的、是否还能进行改进。这是一个精挑细选的过程，最后的结果是设计团队讨论的结果，但还需要客户的认可。因此，在这之后还需要与客户进行确认，最后制作出功能规格文档，它描述了开发完成后的网站需要具有的所有功能和系统内部的各种约束。这是后续设计和开发的指南，它告诉了设计人员哪些功能是网站应该具备的，哪些是没必要的。最后这一步通常是最不被重视甚至经常被忽略的步骤，设计出来的规格文档不必非常长或是非常标准，但由于它可以让设计人员考虑到一些重要的细节并确定这些细节是否有用和可否被实现，因此功能规格文档是非常重要的。3.2.3 探索阶段在发现阶段明确了网站的战略目标和目标用户的需求，并在定位阶段确立了网站的范围之后，从抽象设计开始逐渐转入到对用户体验有更大影响的具体的设计阶段。探索阶段包含信息架构和交互设计。由于网页具有基本的双重性，因此在构建内容建设方面的用户体验时依靠信息架构设计来完成，信息架构主要关注的是如何组织信息才能使信息的表达更容易为用户所理解。而对于功能实现这方面而言，主要通过交互设计来完成，交互设计主要关注于那些影响用户行为的元素。3.2.4 制定阶段这一阶段主要涉及导航和界面的设计工作，设计人员应将几乎所有的关注点全部放在独立组件和它们之间的相互联系上。导航设计是在信息架构的基础上进行的具体设计，旨在设计提供给用户从他们所在的地方去某一个地方的能力，并且确定每一页面所显示的信息内容，即信息页面的设计。界面设计则是在交互设计的基础上对每一页面中表单等交互性元素进行设计，即交互界面的设计，旨在使用户真正接触到网站的功能，确保用户实现某些目标的能力。3.2.5 原型阶段在网站的设计和实践过程中，设计师们重点关注的是那些能够影响用户行为和操作习惯的各种因素，如何让用户在使用过程中获得良好的用户体验。因此，设计团队需要将创意概念与战略目标和网站功能融合在一起，构建出一些“样品”，在构建和更新过程中不断验证和深化设计想法，评估其价值，并为进一步更加深入的设计提供基础和灵感。这个帮助设计师们模拟未来产品，通过测试和反馈来获得第一手体验信息，并能够不断发掘和完善他们设计思路的“样品”就是原型。原型阶段的主要任务就是在前几个阶段研究和设计的基础上，利用快速开发的方法将系统的主要功能和接口制作成模型，并以可视化的形式呈现出来。这样做既方便与用户沟通交流，征求他们的意见，从整体上分析是否满足了用户需求以及用户每一步操作的可实现性。同时也可以作为讨论的对象和分析与设计的接口应用于项目团队内部，便于设计师将各种想法进行搜集、整理和分类。以原型作为媒介，网站的布局和逻辑可以很好地展现给用户。这一阶段的设计是一个迭代的设计过程，不断地分析评估用户的意见和反馈信息，并将分析的结果融入设计思想改进原型设计，直至最终得到令人满意的测试结果。3.2.6 精炼阶段精炼阶段是整个设计流程中具体实现的阶段，这一阶段的重点是视觉设计，并在高保真原型设计的基础上完成代码的开发工作，最终需要交付完整的网站。视觉设计是用户在接触网站时首先会注意到的地方，也是给用户留下第一印象的直接途径。与其他产品需要设计的表面装饰不同，为了达到愉悦用户的目的，网站的视觉设计是需要设计师用富有创造力的S想和为用户服务的真心来实现的，以美学作为载体向用户传递出设计师的设计热情和智慧，带给用户强大的视觉冲击。视觉设计的好坏没有严格的评判标准，但不能单纯的以美感来对网站进行评价，还需要结合网站的目标来评估网站的功能和结构是否得到了视觉设计的支持，因为视觉设计并不是独立于其他阶段的设计结果而独立存在的。页面的各个组成部分在保持实现各自功能的条件下，经过视觉设计的包装是网站达到更加突出目标和强化功能的效果。视觉设计包括了对文字、图形和色彩等方面的设计。4 结论互联网技术的快速发展为人们拉开了Web2.0时代的大幕，这是一个强调以用户为中心，突出用户至上的时代。用户体验设计不是可有可无或是可以选择的。用户体验就像是无处不在和无法缺少空气，不管开发人员是否事先进行了规划，用户体验设计是一定会发生的。研发人员越来越意识到强大的技术不能作为一个网站成功的保障，丰富的功能对用户