051-软件观念-从电子商务看交互设计与用户体验

1、电子商务与软件经济导论软件观念从电子商务看交互设计与用户体验Evaluation Warning : The document was created with Spire.Presentation for .NET从Google谈如何提提高电子子商务网网站的转转化开始始Evaluation Warning : The document was created with Spire.Presentation for .NET统计数据据英国在线线销售市市场过去去两年增增长71%用户对在在线购物物体验好好感过去去只增长长了0.36%购物车的的使用有有50.1%的流失在线购物物需要提提升的地地方有很

2、很多还需要更更多的在在用户转转化和体体验方面面的摸索索Evaluation Warning : The document was created with Spire.Presentation for .NETGoogle的建议Evaluation Warning : The document was created with Spire.Presentation for .NETBringmetotherightpage这一点主主要是针针对广告告的登陆陆页而言言：广告告链接到到正确的的页面。Screwfix将广告链链接到与与广告内内容匹配配的页面面而不是是搜索结结果页面面之后，减低了了20%

3、的跳出。Evaluation Warning : The document was created with Spire.Presentation for .NETMake yourhomepageuseful让首页发发挥更多多的作用用：品牌牌影响、产品展展示、用用户引导导等等Evaluation Warning : The document was created with Spire.Presentation for .NETHelp me navigatel提供清晰晰有效的的网站导导航：让让用户可可以准确确、快捷捷的点击击浏览和和继续操操作。Evaluation Warning : Th

4、e document was created with Spire.Presentation for .NETGive me therightresults whenIsearch提供有效效的搜索索结果对于减低低搜索页页面的跳跳出和最最终的销销售转化化有很大大的帮助助。Next在注意到到网站搜搜索结果果页面过过高的退退出之后后，对搜搜索结果果算法进进行优化化调整，降低了了20%的退出的的同时提提升了7%的转化。Evaluation Warning : The document was created with Spire.Presentation for .NETDisplay groupso

5、fproductsclearly同类产品品的展示示要清晰晰，容易易区分、比较。Schuh在产品分分类页面面调整了了产品密密度和图图片大小小，转化化增长了了6%。Evaluation Warning : The document was created with Spire.Presentation for .NETGive me theproduct detailsIneed提供尽可可能详实实的切用用户需要要的产品品信息。Ltur.de在他们的的列表页页面增加加了产品品描述，并且允允许用户户使用价格或者分析筛选选产品，提提升了5%的转化。Evaluation Warning : The doc

6、ument was created with Spire.Presentation for .NETMake registrationoptional不要强迫迫用户注注册。23%的付款流流失是因因为强迫迫用户注注册导致致。针对建议议：允许许不注册册就可以以购买、让注册册过程简简单些、让用户户清楚知知道注册册能带来来的好处处。Evaluation Warning : The document was created with Spire.Presentation for .NETMake it easytobuy or enquirel减少用户户负担，譬如减减少需要要用户填填写的表表单的选选项、

7、将将联系按按钮更为为明显、简化购购买流程程等等。Evaluation Warning : The document was created with Spire.Presentation for .NETReassureme增加用户户对网站站的安全全感和信信任度。譬如方方便的退退货、消消单操作作、清晰晰透明的的费用告告知、安安全的支支付保障障等等。Evaluation Warning : The document was created with Spire.Presentation for .NETGoogle总结提高网站站流量的的质量了解网站站的流量量趋势不要瞎猜猜或者过过分依靠靠经验，要

8、进行行测试。Evaluation Warning : The document was created with Spire.Presentation for .NET观念的变变化1，PM首先是用用户2，站在用用户角度度看待问问题3，用户体体验是一一个完整整的过程程4，追求效效果，不不做没用用的东西西5，发现需需求，而而不是创创造需求求6，决定不不做什么么，往往往比决定定做什么么更重要要7，用户是是很难被被教育的的，要迎迎合用户户，而不不是改变变用户8，关注最最大多数数用户，关键点点上超越越竞争对对手，快快速上线线，实践践中不断断改进9，给用户户稳定的的体验预预期10，如果不不确定该该怎么做做

9、，就先先学别人人是怎么么做的11，把用户户当作傻傻瓜，不不要让用用户思考考和选择择，替用用户预先先想好12，不要给给用户不不想要的的东西，任何没没用的东东西对用用户都是是一种伤伤害Evaluation Warning : The document was created with Spire.Presentation for .NET从一个例例子说起起-用户体验验与交互互设计Evaluation Warning : The document was created with Spire.Presentation for .NET这个事情情，也许许你也碰碰到过vivi（薇薇，26岁，一位位优雅迷

10、迷人的OL）打开钱钱包，从从卡夹层层里拿出出那张有有着金黄黄葵花的的银行卡卡，又到到发工资资的时候候，不知知道今天天到帐了了没有，还约好好了明天天和死党党一起Shopping呢！刚才才路过银银行想查查一下余余额，但但是排队队的人太太多了，不过还还有电话话银行嘛嘛，vivi一边想，一边拿拿出手机机，拨通通了电话话银行的的号码：Evaluation Warning : The document was created with Spire.Presentation for .NET一个温柔柔礼貌的的MM语音提示示：“您好，欢欢迎使用用招商银银行电话话银行系系统，1，自动语语音服务务，2人工服务务；

11、”vivi把手机从从耳边拿拿下来，找到1号键，按按了一下下；“1个人银行行服务，2公司银行行服务，3银证通功功能，4个人外汇汇买卖服服务，5基金服务务，0退出；”Evaluation Warning : The document was created with Spire.Presentation for .NETvivi又按了1；“1存折户，2一卡通户户，3个人信用用卡户，4新旧卡号号查询0退出；”vivi按下了1旁边的2号键；“请输入一一卡通卡卡号，以以#号结束；”“1080 80699”，vivi连忙输入入了卡号号，按#号键；“请输入查查询密码码，以#号结束；”因为开户户不久，刚设的的

12、密码，vivi稍微想了了一下，才把密密码输进进去，输输完又看看了一眼眼，按了了#号键；Evaluation Warning : The document was created with Spire.Presentation for .NET“1帐务查询询，2转账，3修改密码码，4电话挂失失，5通讯业务务，6自助贷款款，7自助缴费费及一卡卡通上网网，8神州行充充值服务务，9凭证式国国债，0退出”汗这都是些些什么呀呀？vivi皱了皱眉眉，再次次按了一一下1；“10人民币，21港币，32美元；35欧元，65日元，43英镑，29澳大利亚亚元，87瑞士法郎郎39加拿大元元，69新加坡元元，00退出；”

13、“10，拜托，我可只只有人民民币”电话里仍仍然是温温柔礼貌貌而不折折不扣的的录音提提示：“1活期，2整存整取取，3零存整取取，4整存零取取，5存本取息息，6定活两便便，7大额定期期，8通知存款款，9教育储蓄蓄，0退出。”Evaluation Warning : The document was created with Spire.Presentation for .NET“1”vivi一边按键键一边看看着手机机屏幕上上已经输输入的一一大堆数数字。“1余额，2当天交易易，3历史交易易，0退出”“1”“您当前的的余额是是陆仟九九佰五拾拾陆元伍伍角玖分分”。谢天谢地地，工资资到帐了了。vivi长舒

14、一口口气，查查个余额额，真不不容易啊啊！Evaluation Warning : The document was created with Spire.Presentation for .NET这个电话话银行，你会去去用吗？手机银行行现在有有了，你你知道吗吗？移移动互联联网的时时代Evaluation Warning : The document was created with Spire.Presentation for .NET互联网也也有同样样的问题题！Evaluation Warning : The document was created with Spire.Presentat

15、ion for .NET用户体验验及交互互设计Evaluation Warning : The document was created with Spire.Presentation for .NET什么是用用户体验验用户体验验(UserExperience)，缩写为为UE,或者UX。用户访问问一个网网站或者者使用一一个产品品时的全全部体验验。用户体验验设计-一套设计计流程（UEDesign）目标用户户设定满意度的的范围和和指标设设定用户需求求的功能能交互研究究系统反馈馈和最终终的报告告与成果果UED-让用户自自然愉悦悦地使用用产品。以用户为为中心（UCD），用户体体验从产产品开发发的早期期

16、就要介介入进来来，并贯贯穿整个个流程。Evaluation Warning : The document was created with Spire.Presentation for .NET用户体验验是竞争争力商业竞争争通常有有三大动动力：商商业模式式、技术术、用户户体验当前两者者基本没没有太大大差距的的时候,用户体验验是最激激烈战场场.Evaluation Warning : The document was created with Spire.Presentation for .NET软件设计计，设计，交互设设计软件设计计的艺术术TerryWinograd(2004年度的ACM人机交

17、互互院士)开发软件件建房子土木工程程师装修设计计师建筑设计计师软件设计计设计计交互设计计Evaluation Warning : The document was created with Spire.Presentation for .NET有用的用户体验验要素易用的可发现的的可靠的创造性的的渴望的有价值的的功能性情感因素Evaluation Warning : The document was created with Spire.Presentation for .NET互联网用用户体验验类型感官体验验：呈现现给用户户视听上上的体验验，强调调舒适性性。交互体验验：呈现现给用户户操作上上的

18、体验验，强调调易用/可用性。情感体验验：呈现现给用户户心理上上的体验验，强调调友好性性。浏览体验验：呈现现给用户户浏览上上的体验验，强调调吸引性性。信任体验验：呈现现给用户户的信任任体验，强调可可靠性。Evaluation Warning : The document was created with Spire.Presentation for .NET怎样开展展用户体体验划分用户户群，确确定目标标用户走近目标标用户，挖掘用用户需求求在用户需需求与商商业需求求中寻找找平衡点点规划产品品的发展展策略，什么时时候做什什么事情情快速设计计、研发发、测试试、上线线。快速速调整始终提供供给用户户“有用

19、”的东西Evaluation Warning : The document was created with Spire.Presentation for .NET用户体验验在网站站设计中中需要注注意的一致性视觉一致致性：字字体、颜颜色、图图片等元元素的规规格、尺尺寸、样样式、间间距等；交互一致致性：页页面跳转转、弹出出对话框框、鼠标标动作（单击、滑过）等；内容一致致性：内内容导向向、语气气、角度度、基调调、风格格；框架一致致性：页页面及模模块的结结构和样样式等。阶段性网站发展展是有阶阶段性的的，不能能一蹴而而就，在在每个阶阶段都有有既定发发展目标标。产品品设计应应符合当当前阶段段的战略略发展

20、目目标。用户参与与性用户提供供内容用户参与与审核与与优化用户口碑碑营销Evaluation Warning : The document was created with Spire.Presentation for .NET网站建设设步骤确定网站目标战略与资源用户调研内容/功能信息架构流程设计界面设计交互细节设计视觉设计高保真静态页技术研发测试上线培训及帮助文档网络营销用户调研及获取反馈数据统计及分析产品版本迭代实现目标Evaluation Warning : The document was created with Spire.Presentation for .NET那么，互联网产产品

21、的交交互设计计应该怎怎么做？Evaluation Warning : The document was created with Spire.Presentation for .NET互联网交交互设计计工作信息架构构是一个整整理信息息，斡旋旋信息系系统与使使用者需需求的过过程，主主要是要要将信息息变成一一个经过过组织、归类、以及具具有浏览览体系的的组合结结构。网网站的组组织系统统、标签签系统、搜索系系统，以以及导航航系统的的组合。目的是是提供可可用性及及可寻性性。流程设计计根据用户户需求分分析，对对用户在在网站中中需要完完成的任任务流程程进行设设计。目目的是使使流程清清晰合理理并使用用户根据据

22、适当的的引导顺顺利完成成任务。界面设计计网站原型型设计、网站蓝蓝图设计计。将内内容与功功能的安安排直观观体现出出来。交互细节节设计根据基本本的交互互设计规规则，对对网站涉涉及到交交互功能能的细节节进行文文档化要要求（详详细设计计文档）。Evaluation Warning : The document was created with Spire.Presentation for .NET信息架构构我们可以以抽象的的理解为为：通过过一堵“墙”架架起了“人”和和“信息息”的桥桥梁，使使之各自自找到需需要的信信息。这堵墙亦亦可以理理解成一一个广义义的“界界面”，它就是是传说中中的“信信息架构构”！

23、Evaluation Warning : The document was created with Spire.Presentation for .NET如何进行行信息架架构？根据自己己所在的的组织范范围内的的具体情情况，推推动商业业、内容容、用户户三要素素均衡发发展。商业：所所有的网网站和企企业网络络都存在在于特定定的商业业或组织织环境中中。无论论明显或或不明显显，每一一个组织织都有任任务、目目标、策策略、员员工、流流程和程程序、实实体基础础架构和和技术基基础架构构、预算算和文化化。将这这几种功功能、愿愿景及资资源混合合之后，每一个个组织就就成为独独一无二二的组织织了。内容：包包括文件件、

24、应用用程序、服务、模式，以及人人们要找找到你的的网站时时所需要要的元数数据。真真要采用用某个专专业术语语的话，可以说说就是构构成你的的网站的的“材料料”。用户：现现实世界界中顾客客喜好和和行为的的差异，在网站站和企业业网络的的情境中中就会被被转化成成不同的的信息需需求和信信息搜寻寻行为。Evaluation Warning : The document was created with Spire.Presentation for .NET信息架构构的类型型静态展示示型例如新浪浪、搜狐狐等门户户型网站站；华尔尔街日报报等新闻闻类网站站。交互型例如开心心网等社社区交互互型网站站；淘宝宝、当当当等

25、B2C电子商务务网站。Evaluation Warning : The document was created with Spire.Presentation for .NET信息架构构的表现现形式网站的组组织系统统、标签签系统、搜索系系统，以以及导航航系统的的组合。Evaluation Warning : The document was created with Spire.Presentation for .NET流程设计计功能流程的设设计。例例如注册册流程、电子商商务网站站中的购购物流程程封装设设计等。通过流程程交互设设计，可可以简化化不必要要的逻辑辑步骤，减少用用户操作作次数。流程

26、最好好采用线线性，明明晰流程程的起点点与终点点。控制流程程内的任任务范围围，过于于庞杂的的任务会会形成干干扰，容容易让用用户心生生恐惧。Evaluation Warning : The document was created with Spire.Presentation for .NET范例：某某添加账账户的流流程设计计之前的设设计（7个步骤、8次提交）：1。进入“系统设置置”；2。进入帐户户管理；2.1。选择“添加帐户户”；3。输入邮箱箱名称；4。输入邮箱箱地址和和密码；5。填写手机机号和签签名（可可跳过）；6。设置邮件件服务器器；7。提交完成成。之后的（考虑了了用户体体验、安安全问题题

27、与商业业价值，常规提提交4次）：Evaluation Warning : The document was created with Spire.Presentation for .NET界面设计计交互设计计中的界界面设计计，又称称蓝图设设计或原原型设计计。使用用一定的的原型设设计软件件，对功功能和内内容进行行组织和和表达，其目的的在于直直观地呈呈现设计计思想，并起到到有效的的信息传传达的作作用。方法一：自然语语言法。方法二：结构图图法。Evaluation Warning : The document was created with Spire.Presentation for .NET界

28、面设计计页面表达达原则更少的信信息量更更好。结构化更更易于理理解。信息的表表达应该该清楚、明确、直接。操作可识识别。操作前，结果可可预知。操作时，操作有有反馈。操作后，操作可可撤销。让用户知知道身处处何地。避免内容容看上去去象广告告。不提供多多余的功功能。相同的功功能，在在不同的的页面中中应保持持一致性性。措辞统一一。Evaluation Warning : The document was created with Spire.Presentation for .NET界面设计计自然语言言法具体操作作：第一步.概括待表表达的信信息第二步.将概括好好的信息息排序第三步.使用界面面语言翻译适用于

29、较较明确的的线性流流程设计计。Evaluation Warning : The document was created with Spire.Presentation for .NET界面设计计结构图法法具体操作作：第一步.总结归纳纳全部待待表达的的信息。第二步.画树状图图。第三步.画页面草草图，演演示。(其中包含含：页面面标题、导航、重要的的链接和和按钮。)Evaluation Warning : The document was created with Spire.Presentation for .NET界面设计计结构图法法Evaluation Warning : The docum

30、ent was created with Spire.Presentation for .NET交互细节节设计重点在于于文档化化。网站设计计中应当当遵循的的基本原原则。Evaluation Warning : The document was created with Spire.Presentation for .NET交互设计计的主要要任务通过清晰晰、准确确、简洁洁的表达达进而实实现人机机交互。表达Evaluation Warning : The document was created with Spire.Presentation for .NET互联网产品UCDEvaluation

31、Warning : The document was created with Spire.Presentation for .NET为什么UCD如此重要要？UCD（User-centered design）：以用用户为中中心的设设计在开发产产品的每每一个步步骤中，都要把把用户列列入考虑虑范围UCD是一个口口号吗？UCD对于实际际工作有有什么指指导和意意义呢？UCD即创建高高效的UE方法，与与其说UCD是一种方方法还不不如说是是一种互互联网产产品的设设计思想想，那么么成功的的UE（User Experience）用户体体验又具具有什么么样的意意义？理解人们们所想和和所需：围绕用户户需求和和心智

32、模模型进行行产品设设计Evaluation Warning : The document was created with Spire.Presentation for .NET用户体验验价值图图积极的、良好的的用户体体验可以以增加用用户的回回访、获获得用户户的信任任，增加加购买的的意向，实际上上是增加加了我们们获得利利润的能能力。即使我们们的网站站并不是是直接靠靠在线销销售获得得利润的的经营模模式，但但高效的的用户体体验可以以提高转转换率，实际上上是帮我我们更快快、更稳稳健的达达到我们们的商业业目标。Evaluation Warning : The document was created

33、with Spire.Presentation for .NETUE车轮构构成用户户体验的的30种要素从中间开开始价值是我我们想要要达到的的目标。从顾客到到提供商商，正向向的用户户体验是是可以实实现“双双赢”的的我们通过过正向的的用户体体验来实实现价值值。用户体验验由许多多方面组组成，我我们必须须重视可可寻性、可接近近性、合合意性、可用性性、可靠靠性和有有用性这这些方面面。用户体验验的方面面又由许许多方面面组成，这个模模型具体体呈现了了30种要素。Evaluation Warning : The document was created with Spire.Presentation for

34、.NET用户体验验的要素素战略层：用户的的需求是是什么？网站的的目标/商业目的的是什么么？范围层：什么样样的信息息和内容容满足用用户的需需求？结构层：如何组组织、导导航，并并响应用用户满足足其需求求？框架层：如何将将 概念念模型细细化到具具体的界界面外观观、布局局、导航航信息设设计视觉层：用户看看到的最最终表现现形式是用户体体验的要要素组成成结构，也总结结了我们们的产品品设计过过程Evaluation Warning : The document was created with Spire.Presentation for .NET5.9Evaluation Warning : The do

35、cument was created with Spire.Presentation for .NET产品设计计团队的的组建和和产品设设计流程Evaluation Warning : The document was created with Spire.Presentation for .NET产品设计计团队产品设计计团队：PM（项目经经理/产品经理理）BI（商业情情报）UR（用户体体验分析析师）user researcherIA（信息架架构师）(informationarchitect)ID（交互设设计师）interactiondesignerCD（内容设设计师）Content Desig

36、nerVD（视觉设设计师）visualdesignerUID（界面设设计师）user interfacedesigner把专业的的事交给给专业的的人去做做，然后后专心做做自己专专业的事事我们拍一一部有10个角色的的电影，但我们们只有5位演员，我们不不会去掉掉5个角色，而是1个人饰演演2个角色Evaluation Warning : The document was created with Spire.Presentation for .NET产品经理理产品经理理负责整整个产品品的定位位、规划划、定制制发展方方向及策策略，并负责团团队的激激励和管管理：他应该把把精力用用于产品品的“战战略层”、

37、“范范围层”，他不不一定对每一一个领域域都精通通，但一一定具有有全局观观和把控控能力。产品经理理的产品品管理能能力，体体现在具具体工作作：负责产品品概念设设计的把把关撰写市场场需求文文档（MRD）和产品品需求文文档（PRD）进行竞争争状况分分析规划产品品路线图图制作产品品演示PPT分析产品品数据等等组织沟通通、注重重细节、商业嗅嗅觉、整整体规划划Evaluation Warning : The document was created with Spire.Presentation for .NET信息架构构师IA（信息架架构师）(informationarchitect)网站的信信息组织织系

38、统、标识系系统、导导航系统统和搜索索系统组织方式式分类体系系顺序排列列导航结构设计计确定网站站的结构构类型，层级？矩阵？线性？让用户在在信息空空间中很很清楚自自己的位位置和达达到目的的地的途途径设计信息息环境、组织结结构对信息的的系统分分类，以以符合用用户的思思维模型型对信息进进行顺序序设计、让用户户在合适适的时间间、合适适的位置置获取应应该得到到的信息息一个有效效的信息息架构可可以让人人们按照照逻辑直直观的，毫无阻阻碍的一一步步地地接近他他们需要要的信息息Evaluation Warning : The document was created with Spire.Presentation

39、 for .NET交互设计计师以目标为为导向，界面设设计的范范畴“任任务分解解”过程程“我们把把产品功功能按照照用户的的具体需需求组合合成典型型任务场场景，然然后对每每个任务务进行详详细的使使用流程程设计”。决定交互互设计有有多少工工作的并并非多少少界面，而是有有多少任任务。我们的交交互设计计师通常常只做：行为设计计：用户点击击之后反反馈什么么样的结结果？可以拖拽拽操作吗吗？用什么样样的语言言和用户户交互？界面设计计：使用按钮钮还是图图标？TAB如何表现现？错误处理理交付物：产品线线框图（Wireframes）、产品品特性清清单（Feature List） 交互设计计师需要要具备凭凭空想象象复

40、杂行行为的能能力观点：1、交互设设计师不不要把全全部的精精力用于于交互设设计的表表现层面面，而要要更多的的去考虑虑交互思思想、交交互理念念的设计计。2、用户3步完成一一项任务务一定比比5步完成这这项任务务更加具具有可用用性吗？Evaluation Warning : The document was created with Spire.Presentation for .NET交互设计计任务分分解举例例Evaluation Warning : The document was created with Spire.Presentation for .NET界面交交互信信息构架架？Evalua

41、tion Warning : The document was created with Spire.Presentation for .NET产品瀑布布流程调查设计开发运营概念头脑风暴市场研究情境调查 定义人物角色模型用户场景故事板概念导图设计流程图原型（纸、线框、高保、设计说明）视觉内容清单可用性测试检查验收清单MRDPRD评审设计评审审UC评审测试用例例检检查Evaluation Warning : The document was created with Spire.Presentation for .NET产品设计流程程参考产品设计流程通过数据据分析研研究，定定位产品品和用户户确定

42、用户户群体特特征，研研究用户户目标和和行为的的关键因因素产品的理理念、定定位、整整体性结结构、用用户需求求核心通过用户户调研，结合定定量、定定性分析析，为不不同目标标用户制制定不同同的产品品策略1、市场研研究2、用户定定位分析析3、产品概概念设计计4、用户细细分Evaluation Warning : The document was created with Spire.Presentation for .NET产品设计计流程产品设计流程设计人物物角色，建立档档案针对目标标用户，分析功功能模块块，确定定做什么么和不做做什么信息空间间的结构构、组织织、导航航、标识识。通过过任务分分解（场场景设

43、计计），设设计互动动流程通过用户户现场操操作、低低保真原原型操作作等方式式做产品品的可用用性测试试5、人物角角色创建建6、功能需需求分析析7、信息构构架、交交互设计计8、可用性性测试Evaluation Warning : The document was created with Spire.Presentation for .NET产品设计计过程中中的交付付物概念阶段段（concept）阶段的的交付物物：概念念文档（concept document）或者是是概念原原型（concept prototype）探索阶段段（discover） 阶段段的交付付物：提提案文档档（ProposalDoc

44、ument）定义阶段段（definition） 的交交付物：需求文文档（Product Requirement Document），产品品概念设设计（Concept DesignMeterials）细化阶段段（refinement） 的交交付物：产品线线框图（Wireframes）、产品品特性清清单（Feature List）、最终终的原型型设计（可以是是任何版版本的，例如HTML、Flash或者是专专用的原原型制作作工具）某工作小小组的产产品策划划流程各个阶段段的交付付物形式式Evaluation Warning : The document was created with Spire.P

45、resentation for .NET举例：YAHOO产品设计计流程团队组建建产品经理（product manager）用户体验验研究员员(userresearcher)信息架构构师(informationarchitect)视觉设计计师(visual designer)、界面设设计师（user interfacedesigner）互动设计计师(interactiondesigner)工程师(web developer)/engineer工作流程程1、产品品经理制制定产品品整体构构架，产产品发展展方向等等，做全全局把控控2、以上上人员共共同参与与产品讨讨论，制制定时间间表以及及任务分分工3、

46、用户户体验研研究员作作产品和和用户等等调查研研究4、信息息架构师师设计产产品信息息架构、内容架架构5、互动动设计师师设计互互动流程程6、视觉觉设计师师(visual designer)和user interfacedesigner做视觉设设计7、webdeveloper把设计模模型通过过编写程程序(html,dhtml, JavaScript)等再现现，最最后交给给工程师师8、用户户体验研研究员需需要做用用户测试试9、QA(Quality assurance)需要测验验产品的的操作步步骤，确确认产品品的使用用质量Evaluation Warning : The document was cre

47、ated with Spire.Presentation for .NET产品设计计中的棘棘手问题题没有UED、IA、ID、VD，更别说说什么UR了，我们们如何开开展产品品设计工工作？网站的行行文、界界面文字字谁来把把关、是是PM还是ID，还是谁谁？PM和UE的关系如如何界定定？谁，何时时，需要要加入产产品设计计的概念念性阶段段？产品设计计规范如如何确定定和执行行？为什么我我们产品品设计时时间总是是不够用用？缺乏高效效的沟通通、团队队成员对对于目标标的不明明确，会会导致整整体效率率的下降降，我们们要让团团队的成成员都清清楚：产品目标标、工作作流程、设计规规范、日日程安排排Evaluation

48、Warning : The document was created with Spire.Presentation for .NET产品设计计方法和和原型、工具Evaluation Warning : The document was created with Spire.Presentation for .NET以用户为为中心的的设计方方法举例例卡片分类类(CardSorting)观察用户户是如何何理解内内容和组组织信息息，用来来帮助你你的网站站(产品)更合理的的组织信信息。情境访谈谈(ContextualInterviews)走进用户户的现实实环境，让你了了解你的的用户的的工作方方式，生

49、生活环境境等等情情况。焦点小组组(FocusGroups)组织一组组的用户户进行讨讨论，让让你更了了解用户户的理解解、想法法、态度度和想要要什么。启发式评评估(Heuristic Evaluation)可用性的的检查方方法，让让一些行行内专家家对网站站产品进进行指导导。Evaluation Warning : The document was created with Spire.Presentation for .NET以用户为为中心的的设计方方法举例例单独访谈谈(IndividualInterviews)一对一的的用户讨讨论,让你了解解某个用用户是如如何工作作,使你知道道用户的的感受,想要

50、什么么和他的的经历。平行设计计(ParallelDesign)对同一个个网站(产品)进行分开开的设计计，从而而比较选选择一个个最佳方方案。角色模型型(Personas)构建一个个虚构的的人来代代表大部部分用户户，设计计团队围围绕这个个虚拟人人物设计计开发产产品。原型(Prototyping)利用简单单网站(产品)原型进行行相关的的测试，从而节节约后期期大量的的成本。Evaluation Warning : The document was created with Spire.Presentation for .NET以用户为为中心的的设计方方法举例例问卷调查查(Surveys)利用网上上或纸

51、张张的问题题list对用户进进行发放放填写，从而收收集用户户对网站站(产品)的反馈意意见。任务分析析(TaskAnalysis)通过任务务分析了了解用户户使用你你网站(产品)时的目标标和操作作方式，习惯。可用性测测试(Usability Testing)请用户来来试用你你的网站站(产品)，有任务务性的完完成测试试。从而而得到你你所想要要的东西西。用例(Use Cases)描述某个个用户使使用你网网站(产品)时的情况况，包括括目标和和行动。Evaluation Warning : The document was created with Spire.Presentation for .NET用

52、户研究究人人物角色色创建人物角色色（Personas）作为UCD方法中最最重要的的一个工工具，是通过过创建典典型用户户来代表表具有不不同目标标的用户户从而满满足具有有类似目目标和需需求的用用户群”，介绍绍了通过过角色，产品设设计者可可以站在在用户的的角度考考虑问题题，从而而把设计计者的注注意力集集中在用用户需求求和目标标上Evaluation Warning : The document was created with Spire.Presentation for .NET用户研究究人人物角色色创建用户定性性研究细分用户户群为细分群群体创建角色色用户访谈谈现场调查查用例测试试用目标细细分用使

53、用周周期细分分用行为和和观点一种最简简单的人人物角色色创建方方法定性人人物角色色还有：经经定量验验证的定定性人物物角色，完全的的定量人人物角色色建立档案案展示人物物角色融入角色色Evaluation Warning : The document was created with Spire.Presentation for .NET用户研究究人人物角色色创建不经过分分类、逻逻辑分析析的原始始用户数数据、访访谈调查查表本身身并没有有什么意意义，往往往会让让我们陷陷入细节节并得到到错误的的结论创建角色：人人物角色色可以时时刻提醒醒我们，要把时时间用在在满足我我们的目目标用户户群体上上人物角色可以以避免我我们基于于自己的的想法做做决策太夸张太漂亮太隐藏太多干扰扰人物角色色形象要要具有普普通代表表性，并并和人物物特性相相符合Evaluation Warning : The document was created with Spire.Presentation for .NET原型设计计：故事事板*纸板用于屏幕幕；* 邮票票式张贴贴用于菜单单、对话话框和其其他的屏屏幕元素素；* 透明明的幻灯灯片用于临时时项目或或用户输输入；* 隐藏藏的带子子或者其其它用于于用户输输入的带带子；* 笔和和标记（可擦写写标记用用户输入入或临时时信息