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

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,#,电子商务,与软件经济导论,软件观念,-,从电子商务看交互设计与,用户体验,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%的流失,在线购,物,物需要,提,提升的,地,地方有,很,很多,还需要,更,更多的,在,在用户,转,转化和,体,体验方,面,面的摸,索,索,Evaluation Warning : The document was created with Spire.Presentation for .NET,Google的建议,Evaluation Warning : The document was created with Spire.Presentation for .NET,Bringmetotherightpage,这一点,主,主要是,针,针对广,告,告的登,陆,陆页而,言,言：广,告,告链接,到,到正确,的,的页面,。,。Screwfix将广告,链,链接到,与,与广告,内,内容匹,配,配的页,面,面而不,是,是搜索,结,结果页,面,面之后,，,，减低,了,了20%的跳出,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Make yourhomepageuseful,让首页,发,发挥更,多,多的作,用,用：品,牌,牌影响,、,、产品,展,展示、,用,用户引,导,导等等,Evaluation Warning : The document was created with Spire.Presentation for .NET,Help me navigatel,提供清,晰,晰有效,的,的网站,导,导航：,让,让用户,可,可以准,确,确、快,捷,捷的点,击,击浏览,和,和继续,操,操作。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Give me therightresults whenIsearch,提供有,效,效的搜,索,索结果,对于减,低,低搜索,页,页面的,跳,跳出和,最,最终的,销,销售转,化,化有很,大,大的帮,助,助。Next在注意,到,到网站,搜,搜索结,果,果页面,过,过高的,退,退出之,后,后，对,搜,搜索结,果,果算法,进,进行优,化,化调整,，,，降低,了,了20%的退出,的,的同时,提,提升了7%的转化,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Display groupsofproductsclearly,同类产,品,品的展,示,示要清,晰,晰，容,易,易区分,、,、比较,。,。Schuh在产品,分,分类页,面,面调整,了,了产品,密,密度和,图,图片大,小,小，转,化,化增长,了,了6%。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Give me theproduct detailsIneed,提供尽,可,可能详,实,实的切,用,用户需,要,要的产,品,品信息,。,。Ltur.de在他们,的,的列表,页,页面增,加,加了产,品,品描述,，,，并且,允,允许用,户,户使用价格或者分析筛,选,选产品，,提,提升了5%的转化,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Make registrationoptional,不要强,迫,迫用户,注,注册。23%的付款,流,流失是,因,因为强,迫,迫用户,注,注册导,致,致。,针对建,议,议：允,许,许不注,册,册就可,以,以购买,、,、让注,册,册过程,简,简单些,、,、让用,户,户清楚,知,知道注,册,册能带,来,来的好,处,处。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Make it easytobuy or enquirel,减少用,户,户负担,，,，譬如,减,减少需,要,要用户,填,填写的,表,表单的,选,选项、,将,将联系,按,按钮更,为,为明显,、,、简化,购,购买流,程,程等等,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Reassureme,增加用,户,户对网,站,站的安,全,全感和,信,信任度,。,。譬如,方,方便的,退,退货、,消,消单操,作,作、清,晰,晰透明,的,的费用,告,告知、,安,安全的,支,支付保,障,障等等,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,Google总结,提高网,站,站流量,的,的质量,了解网,站,站的流,量,量趋势,不要瞎,猜,猜或者,过,过分依,靠,靠经验,，,，要进,行,行测试,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,观念的,变,变化,1，PM首先是,用,用户,2，站在,用,用户角,度,度看待,问,问题,3，用户,体,体验是,一,一个完,整,整的过,程,程,4，追求,效,效果，,不,不做没,用,用的东,西,西,5，发现,需,需求，,而,而不是,创,创造需,求,求,6，决定,不,不做什,么,么，往,往,往比决,定,定做什,么,么更重,要,要,7，用户,是,是很难,被,被教育,的,的，要,迎,迎合用,户,户，而,不,不是改,变,变用户,8，关注,最,最大多,数,数用户,，,，关键,点,点上超,越,越竞争,对,对手，,快,快速上,线,线，实,践,践中不,断,断改进,9，给用,户,户稳定,的,的体验,预,预期,10，如果,不,不确定,该,该怎么,做,做，就,先,先学别,人,人是怎,么,么做的,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岁，一,位,位优雅,迷,迷人的OL）打开,钱,钱包，,从,从卡夹,层,层里拿,出,出那张,有,有着金,黄,黄葵花,的,的银行,卡,卡，又,到,到发工,资,资的时,候,候，不,知,知道今,天,天到帐,了,了没有,，,，还约,好,好了明,天,天和死,党,党一起Shopping呢！刚,才,才路过,银,银行想,查,查一下,余,余额，,但,但是排,队,队的人,太,太多了,，,，不过,还,还有电,话,话银行,嘛,嘛，vivi一边想,，,，一边,拿,拿出手,机,机，拨,通,通了电,话,话银行,的,的号码,：,：,Evaluation Warning : The document was created with Spire.Presentation for .NET,一个温,柔,柔礼貌,的,的MM语音提,示,示：“您好，,欢,欢迎使,用,用招商,银,银行电,话,话银行,系,系统，1，自动,语,语音服,务,务，2人工服,务,务；”,vivi把手机,从,从耳边,拿,拿下来,，,，找到1号键，,按,按了一,下,下；,“1个人银,行,行服务,，,，2公司银,行,行服务,，,，3银证通,功,功能，4个人外,汇,汇买卖,服,服务，5基金服,务,务，0退出；”,Evaluation Warning : The document was created with Spire.Presentation for .NET,vivi又按了1；,“1存折户,，,，2一卡通,户,户，3个人信,用,用卡户,，,，4新旧卡,号,号查询0退出；”,vivi按下了1旁边的2号键；,“请输入,一,一卡通,卡,卡号，,以,以#号结束,；,；”,“1080 80699”，vivi连忙输,入,入了卡,号,号，按#号键；,“请输入,查,查询密,码,码，以#号结束,；,；”,因为开,户,户不久,，,，刚设,的,的密码,，,，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退出；”,“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长舒一,口,口气，,查,查个余,额,额，真,不,不容易,啊,啊！,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.Presentation for .NET,用户体,验,验及交,互,互设计,Evaluation Warning : The document was created with Spire.Presentation for .NET,什么是,用,用户体,验,验,用户体,验,验(UserExperience)，缩写,为,为UE,或者UX。,用户访,问,问一个,网,网站或,者,者使用,一,一个产,品,品时的,全,全部体,验,验。,用户体,验,验设计-,-,-一套设,计,计流程,（,（UEDesign）,目标用,户,户设定,满意度,的,的范围,和,和指标,设,设定,用户需,求,求的功,能,能,交互研,究,究,系统反,馈,馈和最,终,终的报,告,告与成,果,果,UED,-,-,-,-让用户,自,自然愉,悦,悦地使,用,用产品,。,。,以用户,为,为中心,（,（UCD,）,），用户,体,体验从,产,产品开,发,发的早,期,期就要,介,介入进,来,来，并,贯,贯穿整,个,个流程,。,。,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人机交,互,互院士),开发软,件,件,建房子,土木工,程,程师,装修设,计,计师,建筑设,计,计师,软件设,计,计,设,计,计,交互设,计,计,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.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,网站建,设,设步骤,确定网站目标,战略与资源,用户调研,内容,/,功能,信息架构,流程设计,界面设计,交互细节设计,视觉设计,高保真静态页,技术研发,测试,上线,培训及帮助文档,网络营销,用户调研及获取反馈,数据统计及分析,产品版本迭代,实现目标,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.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,信息架,构,构的类,型,型,静态展,示,示型,例如新,浪,浪、搜,狐,狐等门,户,户型网,站,站；华,尔,尔街日,报,报等新,闻,闻类网,站,站。,交互型,例如开,心,心网等,社,社区交,互,互型网,站,站；淘,宝,宝、当,当,当等B2C电子商,务,务网站,。,。,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.Presentation for .NET,范例：,某,某添加,账,账户的,流,流程设,计,计,之前的,设,设计（7个步骤,、,、8次提交,）,）：,1。进入“系统设,置,置”；2,。,。进入帐,户,户管理,；,；2.1,。,。选择“添加帐,户,户”；3,。,。输入邮,箱,箱名称,；,；4。输入邮,箱,箱地址,和,和密码,；,；5。填写手,机,机号和,签,签名（,可,可跳过,）,）；6。设置邮,件,件服务,器,器；7。提交完,成,成。,之后的,（,（考虑,了,了用户,体,体验、,安,安全问,题,题与商,业,业价值,，,，常规,提,提交4次）：,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.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,界面设,计,计结构图,法,法,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.Presentation for .NET,互联网产品UCD,Evaluation Warning : The document was created with Spire.Presentation for .NET,为什么UCD如此重,要,要？,UCD（User-centered design）：以,用,用户为,中,中心的,设,设计,在开发,产,产品的,每,每一个,步,步骤中,，,，都要,把,把用户,列,列入考,虑,虑范围,UCD是一个,口,口号吗,？,？,UCD对于实,际,际工作,有,有什么,指,指导和,意,意义呢,？,？,UCD即创建,高,高效的UE方法，,与,与其说UCD是一种,方,方法还,不,不如说,是,是一种,互,互联网,产,产品的,设,设计思,想,想，那,么,么成功,的,的UE（User Experience）用户,体,体验又,具,具有什,么,么样的,意,意义？,理解人,们,们所想,和,和所需,：,：,围绕用,户,户需求,和,和心智,模,模型进,行,行产品,设,设计,Evaluation Warning : The document was created with Spire.Presentation for .NET,用户体,验,验价值,图,图,积极的,、,、良好,的,的用户,体,体验可,以,以增加,用,用户的,回,回访、,获,获得用,户,户的信,任,任，增,加,加购买,的,的意向,，,，实际,上,上是增,加,加了我,们,们获得,利,利润的,能,能力。,即使我,们,们的网,站,站并不,是,是直接,靠,靠在线,销,销售获,得,得利润,的,的经营,模,模式，,但,但高效,的,的用户,体,体验可,以,以提高,转,转换率,，,，实际,上,上是帮,我,我们更,快,快、更,稳,稳健的,达,达到我,们,们的商,业,业目标,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,UE车轮,构,构成用,户,户体验,的,的30种要素,从中间,开,开始,价值是,我,我们想,要,要达到,的,的目标,。,。,从顾客,到,到提供,商,商，正,向,向的用,户,户体验,是,是可以,实,实现“,双,双赢”,的,的,我们通,过,过正向,的,的用户,体,体验来,实,实现价,值,值。,用户体,验,验由许,多,多方面,组,组成，,我,我们必,须,须重视,可,可寻性,、,、可接,近,近性、,合,合意性,、,、可用,性,性、可,靠,靠性和,有,有用性,这,这些方,面,面。,用户体,验,验的方,面,面又由,许,许多方,面,面组成,，,，这个,模,模型具,体,体呈现,了,了30种要素,。,。,Evaluation Warning : The document was created with Spire.Presentation for .NET,用户体,验,验的要,素,素,战略层,：,：用户,的,的需求,是,是什么,？,？网站,的,的目标/商业目,的,的是什,么,么？,范围层,：,：什么,样,样的信,息,息和内,容,容满足,用,用户的,需,需求？,结构层,：,：如何,组,组织、,导,导航，,并,并响应,用,用户满,足,足其需,求,求？,框架层,：,：如何,将,将 概,念,念模型,细,细化到,具,具体的,界,界面外,观,观、布,局,局、导,航,航信息,设,设计,视觉层,：,：用户,看,看到的,最,最终表,现,现形式,是用户,体,体验的,要,要素组,成,成结构,，,，也总,结,结了我,们,们的产,品,品设计,过,过程,Evaluation Warning : The document was created with Spire.Presentation for .NET,5.9,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品设,计,计团队,的,的组建,和,和产品,设,设计流程,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品设,计,计团队,产品设,计,计团队,：,：,PM（项目,经,经理/产品经,理,理）,BI（商业,情,情报）,UR（用户,体,体验分,析,析师）user researcher,IA（信息,架,架构师,）,）(informationarchitect),ID（交互,设,设计师,）,）interactiondesigner,CD（内容,设,设计师,）,）Content Designer,VD（视觉,设,设计师,）,）visualdesigner,UID（界面,设,设计师,）,）user interfacedesigner,把专业,的,的事交,给,给专业,的,的人去,做,做，然,后,后专心,做,做自己,专,专业的,事,事,我们拍,一,一部有10个角色,的,的电影,，,，但我,们,们只有5位演员,，,，我们,不,不会去,掉,掉5个角色,，,，而是1个人饰,演,演2个角色,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品经,理,理,产品经,理,理负责,整,整个产,品,品的定,位,位、规,划,划、定,制,制发展,方,方向及,策,策略，,并负责,团,团队的,激,激励和,管,管理：,他应该,把,把精力,用,用于产,品,品的“,战,战略层,”,”、“,范,范围层,”,”，他,不,不一,定对每,一,一个领,域,域都精,通,通，但,一,一定具,有,有全局,观,观和把,控,控能力,。,。,产品经,理,理的产,品,品管理,能,能力，,体,体现在,具,具体工,作,作：,负责产,品,品概念,设,设计的,把,把关,撰写市,场,场需求,文,文档（MRD）和产,品,品需求,文,文档（PRD）,进行竞,争,争状况,分,分析,规划产,品,品路线,图,图,制作产,品,品演示PPT,分析产,品,品数据,等,等,组织沟,通,通、注,重,重细节,、,、商业,嗅,嗅觉、,整,整体规,划,划,Evaluation Warning : The document was created with Spire.Presentation for .NET,信息架,构,构师,IA（信息,架,架构师,）,）(informationarchitect),网站的,信,信息组,织,织系统,、,、标识,系,系统、,导,导航系,统,统和搜,索,索系统,组织方,式,式,分类体,系,系,顺序排,列,列,导航,结构设,计,计,确定网,站,站的结,构,构类型,，,，层级,？,？矩阵,？,？线性,？,？,让用户,在,在信息,空,空间中,很,很清楚,自,自己的,位,位置和,达,达到目,的,的地的,途,途径,设计信,息,息环境,、,、组织,结,结构,对信息,的,的系统,分,分类，,以,以符合,用,用户的,思,思维模,型,型,对信息,进,进行顺,序,序设计,、,、让用,户,户在合,适,适的时,间,间、合,适,适的位,置,置获取,应,应该得,到,到的信,息,息,一个有,效,效的信,息,息架构,可,可以让,人,人们按,照,照逻辑,直,直观的,，,，毫无,阻,阻碍的,一,一步步,地,地接近,他,他们需,要,要的信,息,息,Evaluation Warning : The document was created with Spire.Presentation for .NET,交互设,计,计师,以目标,为,为导向,，,，界面,设,设计的,范,范畴“,任,任务分,解,解”过,程,程,“我们,把,把产品,功,功能按,照,照用户,的,的具体,需,需求组,合,合成典,型,型任务,场,场景，,然,然后对,每,每个任,务,务进行,详,详细的,使,使用流,程,程设计,”,”。决定交,互,互设计,有,有多少,工,工作的,并,并非多,少,少界面,，,，而是,有,有多少,任,任务。,我们的,交,交互设,计,计师通,常,常只做,：,：,行为设,计,计：,用户点,击,击之后,反,反馈什,么,么样的,结,结果？,可以拖,拽,拽操作,吗,吗？,用什么,样,样的语,言,言和用,户,户交互,？,？,界面设,计,计：,使用按,钮,钮还是,图,图标？,TAB如何表,现,现？,错误处,理,理,交付物,：,：产品,线,线框图,（,（Wireframes）、产,品,品特性,清,清单（Feature List） ,交互设,计,计师需,要,要具备,凭,凭空想,象,象复杂,行,行为的,能,能力,观点：,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,界面,交,交互,信,信息构,架,架？,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品瀑,布,布流程,调查,设计,开发,运营,概念,头脑风暴市场研究,情境调查,定义,人物角色模型,用户场景,故事板,概念导图,设计,流程图,原型（纸、线框、高保、设计说明）,视觉,内容清单,可用性测试,检查,验收清单,MRDPRD评审设计评,审,审UC评审测试用,例,例,检,检查,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品设计流,程,程参考,产品设计流程,通过数,据,据分析,研,研究，,定,定位产,品,品和用,户,户,确定用,户,户群体,特,特征，,研,研究用,户,户目标,和,和行为,的,的关键,因,因素,产品的,理,理念、,定,定位、,整,整体性,结,结构、,用,用户需,求,求核心,通过用,户,户调研,，,，结合,定,定量、,定,定性分,析,析，为,不,不同目,标,标用户,制,制定不,同,同的产,品,品策略,1、市场,研,研究,2、用户,定,定位分,析,析,3、产品,概,概念设,计,计,4、用户,细,细分,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品设,计,计流程,产品设计流程,设计人,物,物角色,，,，建立,档,档案,针对目,标,标用户,，,，分析,功,功能模,块,块，确,定,定做什,么,么和不,做,做什么,信息空,间,间的结,构,构、组,织,织、导,航,航、标,识,识。通,过,过任务,分,分解（,场,场景设,计,计），,设,设计互,动,动流程,通过用,户,户现场,操,操作、,低,低保真,原,原型操,作,作等方,式,式做产,品,品的可,用,用性测,试,试,5、人物,角,角色创,建,建,6、功能,需,需求分,析,析,7、信息,构,构架、,交,交互设,计,计,8、可用,性,性测试,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品设,计,计过程,中,中的交,付,付物,概念阶,段,段（concept）阶段,的,的交付,物,物：概,念,念文档,（,（concept document）或者,是,是概念,原,原型（concept prototype）,探索阶,段,段（discover） 阶,段,段的交,付,付物：,提,提案文,档,档（ProposalDocument）,定义阶,段,段（definition） 的,交,交付物,：,：需求,文,文档（Product Requirement Document），产,品,品概念,设,设计（Concept DesignMeterials）,细化阶,段,段（refinement） 的,交,交付物,：,：产品,线,线框图,（,（Wireframes）、产,品,品特性,清,清单（Feature List）、最,终,终的原,型,型设计,（,（可以,是,是任何,版,版本的,，,，例如HTML、Flash或者是,专,专用的,原,原型制,作,作工具,）,）,某工作,小,小组的,产,产品策,划,划流程,各个阶,段,段的交,付,付物形,式,式,Evaluation Warning : The document was created with Spire.Presentation for .NET,举例：YAHOO产品设,计,计流程,团队组,建,建,产品经理（product manager）,用户体,验,验研究,员,员(userresearcher),信息架,构,构师(informationarchitect),视觉设,计,计师(visual designer)、界面,设,设计师,（,（user interfacedesigner）,互动设,计,计师(interactiondesigner,),),工程师(web developer),/,/engineer,工作流,程,程,1、产,品,品经理,制,制定产,品,品整体,构,构架，,产,产品发,展,展方向,等,等，做,全,全局把,控,控,2、以,上,上人员,共,共同参,与,与产品,讨,讨论，,制,制定时,间,间表以,及,及任务,分,分工,3、用,户,户体验,研,研究员,作,作产品,和,和用户,等,等调查,研,研究,4、信,息,息架构,师,师设计,产,产品信,息,息架构,、,、内容,架,架构,5、互,动,动设计,师,师设计,互,互动流,程,程,6、视,觉,觉设计,师,师(visual designer)和user interfacedesigner做视觉,设,设计,7、webdeveloper把设计,模,模型通,过,过编写,程,程序(html,dhtml, JavaScript,),)等再,现,现，,最,最后交,给,给工程,师,师,8、用,户,户体验,研,研究员,需,需要做,用,用户测,试,试,9、QA(Quality assurance)需要测,验,验产品,的,的操作,步,步骤，,确,确认产,品,品的使,用,用质量,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品设,计,计中的,棘,棘手问,题,题,没有UED、IA、ID、VD，更别,说,说什么UR了，我,们,们如何,开,开展产,品,品设计,工,工作？,网站的,行,行文、,界,界面文,字,字谁来,把,把关、,是,是PM还是ID，还是,谁,谁？,PM和UE的关系,如,如何界,定,定？,谁，何,时,时，需,要,要加入,产,产品设,计,计的概,念,念性阶,段,段？,产品设,计,计规范,如,如何确,定,定和执,行,行？,为什么,我,我们产,品,品设计,时,时间总,是,是不够,用,用？,缺乏高,效,效的沟,通,通、团,队,队成员,对,对于目,标,标的不,明,明确，,会,会导致,整,整体效,率,率的下,降,降，我,们,们要让,团,团队的,成,成员都,清,清楚：,产品目,标,标、工,作,作流程,、,、设计,规,规范、,日,日程安,排,排,Evaluation Warning : The document was created with Spire.Presentation for .NET,产品设,计,计方法,和,和原型,、,、工具,Evaluation Warning : The document was created with Spire.Presentation for .NET,以用户,为,为中心,的,的设计,方,方法举,例,例,卡片分,类,类(CardSorting)观察用,户,户是如,何,何理解,内,内容和,组,组织信,息,息，用,来,来帮助,你,你的网,站,站(产品)更合理,的,的组织,信,信息。,情境访,谈,谈(ContextualInterviews)走进用,户,户的现,实,实环境,，,，让你,了,了解你,的,的用户,的,的工作,方,方式，,生,生活环,境,境等等,情,情况。,焦点小,组,组(FocusGroups)组织一,组,组的用,户,户进行,讨,讨论，,让,让你更,了,了解用,户,户的理,解,解、想,法,