畅谈用户体验.ppt

《畅谈用户体验.ppt》由会员分享，可在线阅读，更多相关《畅谈用户体验.ppt（33页珍藏版）》请在三一文库上搜索。

1、畅谈用户体验,试着去了解用户,网站风格和品牌形象,“实用”与“美观”的平衡点,3,网站的视觉元素,网站的易用性,5,1,2,4,试着去了解用户,在去了解用户之前不妨先去思考几个问题： 谁是目标用户？ 目标用户具有什么特点？ 网站运营目标是什么？ 如何让你的设计真正为传递网站内容和产品价值而服务？ 你的设计能否给目标用户带来更好的体验？,试着去了解用户,如何了解用户,我们面对两类用户：一是企业客户本身，一是企业客户所 面对的客户，即网站的访问者。如何满足这两类用户的需 求，则需要通过以下方法来达成： A.加强与企业客户的沟通，了解客户建立网站的商业目标； B.站在网站访问者的角度考虑问题，把注意

2、力集中在潜在 客户需求和目标上，而不是依靠企业管理者的凭空想象 来进行设计。,试着去了解用户,如何了解用户, 用户具有学习能力 产品要易于学习，这样用户才能快速掌握； 用户具有适应能力 用户能适应一个新产品，但也有不能适应而离开的； 用户有习惯依赖 不要试图挑战用户的习惯，那样会赶走他们， 要平滑过度用户的使用习惯； 用户可以被引导 为达到推广、盈利等目的，需要有意引导用户； 用户的经验不同 相关经验丰富的用户需要高级的产品， 相关经验贫乏的用户需要低级的产品,用户本身的特性,深圳市艾派应用系统有限公司 Shenzhen iPi Application System Co.,Ltd.,试着去了

3、解用户,网站风格和品牌形象,“实用”与“美观”的平衡点,3,网站的视觉元素,网站的易用性,5,1,2,4,网站风格和品牌形象,网站的整体风格是网站外观设计的指导思想。视觉元素、 CSS、布局方式、浏览器兼容性等视觉表现形式都要服从 于网站的整体风格。 确立网站整体风格有助于品牌形象的塑造，而网站的品牌 理念对网站的整体风格也有着重要的影响。,网站风格和品牌形象,网站的品牌形象不仅是现有的品牌在网上的延伸，还能给用 户带来更多的符合期望的品牌体验。总体上，网站风格设计 要契合以下几方面： A.理解网站要传达的品牌理念 B.网站VI主色调与企业VI识别一致 C.在页面头部的醒目位置放logo，并配

4、以品牌口号，贯通 全站每个页面 D.同一级别的页面在设计上保持一致性,试着去了解用户,网站风格和品牌形象,“实用”与“美观”的平衡点,3,网站的视觉元素,网站的易用性,5,1,2,4,“实用”与“美观”的平衡点,少点花俏，多些实用,用户到网站是为了获取希望了解的信息，设计繁杂的网页对 于用户快速获取信息是一种阻碍，网站设计应少点花俏，多 些实用，着重于整体风格的形成和实用信息的传递。 可以通过以下方法来平衡网站页面的美观与实用性： A.一个屏幕区间，单一图片占地不宜超过1/2的版面 B.减少花俏、巨大的背景图片运用 C.页面上采用大量的flash和动画图片的时候，应考虑到页 面的打开速度 D.

5、使用大图片时，尽量在图片中通过文字传递更多实用信息,“实用”与“美观”的平衡点,少点花俏，多些实用,外观设计的艺术性,大部分用户打开一个网站首先形成的印象是来自于网页外观 设计，因此外观设计的美观、艺术性也是网站易用性建设的 基础。要兼顾“实用性”基础上的美观和艺术性，通常在于对 细节设计的用心。 让页面看起来富有艺术性的美观效果，需要注重以下方面： A.主体色彩与辅助色彩搭配的协调性 B.网站选用的配图个性鲜明，并与页面背景协调 C.根据网站内容采用合理的分栏结构来进行疏密有致的页面 布局 D.注重细节设计的完美,试着去了解用户,网站风格和品牌形象,“实用”与“美观”的平衡点,3,网站的视觉

6、元素,网站的易用性,5,1,2,4,网站的视觉元素,网站的视觉元素,文字易辩识,字体是帮助用户获得与网站的信息交互的重要手段，因而 文字的易读性和易辨认性是设计网站页面时的重点。不同 的字体会营造出不同的氛围，同时不同的字体大小和颜色 也对网站的内容起到强调或者提示的作用。 正确的文字和配色方案是好的视觉设计的基础。网站上的 文字受屏幕分辨率和浏览器的限制，但是仍有通用的一些 准则：文字必须清晰可读，大小合适，文字的颜色和背景 色有较为强烈的对比度，文字周围的设计元素不能对文字 造成干扰。 在进行网站的页面文字排版时要做到以下几点： A.避免字体过于黯淡导致阅读困难 B.字体色与背景色对比明显

7、，亦不能反差太强刺眼,网站的视觉元素,文字易辩识,C.字体颜色不要太杂 D.有链接的字体要有所提示 E.标题和正文所用的文字大小有所区别 F.作为内容的文字字体大小最好能做大一点 G.英文和数字选用与中文字体和谐的的字体,网站的视觉元素,文字易辩识,图片更合理,页面上图片也是版式的重要组成，正确的运用图片，可以 帮助用户对信息加深印象，引导用户的行为，与网站整体 风格协调的图片，能帮助网站营造独特的品牌氛围，加深 浏览者的印象。 在网站引用图片时应注意以下几点： A.出现的位置和尺寸合理，不对信息获取产生干扰， 喧宾夺主 B.考虑浏览者的网速，图片文件不宜过大 C.有节制的使用flash和动画

8、图片 D.产品图片的alt标签加上注释名称,网站的视觉元素,文字易辩识,图片更合理,表单更易用,用户在填写网站表单的时候，是顾客转化的关键环节，重要 性不言而喻。表单涉及到较复杂的在线交互行为，与流程息 息相关，当一个交互过程需要分成很多个步骤完成的时候， 更重视对用户一步一步的引导，每一次点击都合理有效，接 近并最终达成任务目标。好的表单设计可以提升用户体验。 就设计上而言，表单设计容易犯的几个错误包括以下几点： 过于冗长的表单和繁多的填写项 不知所以的单选框和复选框 填写出错后才出现说明和帮助 提交按钮不易发现,网站的视觉元素,文字易辩识,图片更合理,表单更易用,网站可以通过以下几点来提高

9、表单的易用性： A.控制输入框的大小、恰当对齐，使之符合内容版式的需要 B.根据表单元素的相关性进行合理分组和排序 C.有下拉选择区域的下拉列表，将初始状态默认为全部区域 D.下拉列表过长时，可横向排列 E.对填写内容提供必要的帮助提示 F.避免一页表单必填项堆积过多，通过分页或收缩方式实现 分步式表单形式 G.提交按钮醒目，位置符合习惯,深圳市艾派应用系统有限公司 Shenzhen iPi Application System Co.,Ltd.,畅谈用户体验,网站的视觉元素,文字易辩识,图片更合理,表单更易用,按扭更易点击,按钮是网站界面中伴随着用户的点击行为的特殊图片，由于 按钮点击行为是

10、将用户引向顾客转化的重要步骤，因此按钮 在设计上有较高的要求。 按钮设计的基本要求是要达到“点击暗示”效果，凹凸感、阴 影效果、水晶效果等均是这一原则的体现。同时，按钮中的 可点击范围最好是整个按钮，而不仅限于按钮图片上的文本 区。 如图：三大C2C网站的购买按钮设计,网站的视觉元素,文字易辩识,图片更合理,表单更易用,按扭更易点击,点评：图形、文字、感叹号、水晶效果、立体效果统统用 上，而相比之下，淘宝按钮在整体效果上更胜一筹。 可以通过以下几点来设计按钮，让它更易被点击。 A.按钮颜色与背景颜色有一定的对比度 B.按钮有浮起感 C.按钮文字提示明确，如果没有文字，确信所使用的图形按 钮是约

11、定俗成、容易为用户理解的图片 D.对顾客转化起重要作用的按钮用色突出一点，尺寸大一点 E.可点击范围够大，包括整个按钮,试着去了解用户,网站风格和品牌形象,“实用”与“美观”的平衡点,3,网站的视觉元素,网站的易用性,5,1,2,4,网站的易用性,网站的易用性是什么,网站易用性是网站的一种品质属性，评估网站访问者在网 站内能否方便地实现访问任务，包括获取网站信息、使用 网站操作界面与任务流程。网站易用性的思想核心是以用 户为中心的网络营销思想的体现，具体体现于网站导航、 网站内容、网站功能、网站服务、任务流程、外观设计、 可信性等网站建设的方方面面。,网站的易用性,网站的易用性是什么,网站的易

12、用性的重要意义,对于网站来说，网站易用性是网站生存和运营成功的必要条 件。如果网站很难用，用户就会离开；如果网站不能清楚地 呈现公司的主要业务，用户也会离开；如果用户在网站中迷 路了，他们也可能会离开；如果网站的信息很不方便阅读或 者不能解答用户关心的问题，用户也会离开总之，在这 个信息膨胀的年代，用户不会花很多时间耐心研究这个网站 怎么用，因为还有很多其它类似的网站，离开是解决困难的 首选。由此可见，网站易用性是网站将潜在客户转化为真正 客户的重要因素，做好易用性建设，就能大大提高用户的粘 性并为顾客转化作好铺垫。,网站的易用性,网站的易用性是什么,网站的易用性的重要意义,网站的易用性的品质

13、要素,人们通常认为网站易用性有五大品质要素： A.易懂/易学：用户首次进入网站并完成该网站基本任务的 容易程度； B.高效：当用户熟练使用网站后，完成任务需要的时间长 短？ C.易记：当用户中断使用网站一段时间后，再次回到网站 时，能否再次熟练上手？ D.出错率：用户在使用网站时出现多少错误？这些错误有 多严重？出错后能否轻易修正？ E.满意度：用户对于网站使用的整体满意程度？,网站的易用性,网站的易用性是什么,网站的易用性的重要意义,网站的易用性的品质要素,当然，还有很多其它重要的品质属性，其中最基本的前提是 网站对用户“有用”，即“实用性”。即网站能否为用户提供有 价值的信息、功能等，以满

14、足用户的访问需求，在这个基础 上，才能谈网站易用性，否则一个再好用的网站功能，如果 对于用户来说没多大价值，那也没有意义。,附录一：用户对网站的体验步骤,用户对网站的体验步骤,视觉体验,是用户对界面设计的第一感官体验。它是完全是用户几乎没 有经过思考前的一种视觉感受，视觉体验直接影响到用户是 否停留在此页面进行一下步的表达理解。 注意：任何一种让用户感官视觉不适的界面都可能导致用户 产生怨言和流失。,用户对网站的体验步骤,视觉体验,表达体验,是用户在视觉体验的基础上对界面内容的理解，界面内容可 能是文字，也可能是图案，这些内容是引导用户进行操作的 “提示或说明”；表达体验直接影响到用户下一步的

15、操作行为 是否合理。 注意：任何一种让用户产生误解的表达都可能导致用户产生 怨言和流失。,用户对网站的体验步骤,视觉体验,表达体验,操作体验,是用户通过对表达内容的理解后做出行为动作的体验过程。 功能逻辑是操作体验的直接影响因素，尽可能考虑到用户可 能出现的任何一种行为方式，才能保证用户进行正确的愉悦 的操作过程；操作体验直接影响到用户下一步的内容体验。 注意：任何一种繁琐和复杂的操作逻辑都可能导致用户产生 怨言和流失。,用户对网站的体验步骤,视觉体验,表达体验,操作体验,结果体验,是用户通过操作行为获得的行为结果的一种体验过程。用户 的任何一种操作可能出现的任何一个行为结果都直接影响到 用户

16、结果体验。 注意：任何一种不能满足用户需求的操作结果都可能导致用 户产生怨言和流失。,附录二：用户体验的要素,迄今为止，对易用性建设、用户体验的研究与实践仍然更多地局限于UI设计师、开发者 和产品经理群体中，似乎用户体验是一个UI问题，或者技术问题，而没有上升到运营的 高度；较普遍的问题也随之而来：没有分析用户特征和用户需求，以企业领导的喜好或 设计师个人喜好来作为设计的依据；或者过分强调外观设计而忽略了最根本的企业的行 业属性，过于注重视觉效果，网站美观有余实用不足。 其实用户体验好的网站，网站外观设计应依托于网站结构，以用户为中心设计，使网站 内容以更符合用户习惯的方式呈现；同时网站的外观设计还要通过对用户行为的引导服 务于网站的运营目标。 用户可能发现任何一个细微的不足；任何一个微不足道的细节失误都可能导致用户出现 挫败感；每一个细节看起来都微不足道，但是每一个细节的综合就会促使整个产品趋于 完美，也许用户只是感动于某个细节，但他接受你一定是认同你的全部！,thank you！,