腾讯CDC内部培训PPT统一体验的设计

腾讯CDC内部培训PPT：统一体验的设计统一体验的设计Cus-tom^rR«search&UserExp«rlen£eDesdgnC^nleir CDC2009-10-25卜自我介铝&應简介 . .理与典课程简介腾讯S妙统一体验设计赚过程中的实践案例,探讨兩设计项目中规范的问题发风前期研究制订,应用与雄护.工作坊安排•自我介绍&课程简介•统一体验的意义•统-琳验的设计过程1.发现问题2研究问题3.设计和制定 4应用、第户、更新■編CidsiQinerRsse-arcih&UbbfEipeneiicfiOesignCenTtfr

我们正在做的相互认识•关于你大家相互认识你来自哪里（公司）?你是一位设计师or用户硏究工程师or设计離人士or...•关于体验统一贵公司是否有开始进行相关工作?XCusiomerResearch<UserExperienceDesionCenter..自我介绍86瓣简介〉 统T*蜒意义 〉统〉德与,匸论Tencent为什么开始考虑统一^验?/CustomerResearchAUserFipenenceDesignCenter►►自我相噂程简介〉 统T*鋤億义 〉虹ft蛔瓯H2S〉憂与応CuslomvrR9«earchCuslomvrR9«earch<Us^rEip^rirnceD9(ignCvntrr为什么在隐藏了Log•以后，用户还能认得出？传承产品的GeneticCod♦是什么？KCuslonwrRvseirch<Us^rEipmitnctDesignCvMerKCuslonwrRvseirch<Us^rEipmitnctDesignCvMer＞自我介绍嘘程筒介〉统一tt^S^义〉过程〉 ,熒与成IS6AXAW«*1⑤tucustomerResearchcustomerResearch4UserEi^enrnceDe&ionCenter自我介绍&漫程简介 > 统一^&^义 > >憂与睥kCuslomarResearch1UserFipenenctDesignCenter自琢国&1S程简介•提高开发和设计效率•避免吃力不讨好的设计，保证设计质量•减少用户学习成本CustomerResearchCustomerResearch<UserEipvrirnceDosignCenterTencent”统一体验”的范围CuslomvrResearchCuslomvrResearch<U”rEiporirnceDvsignCenter义> 过程>义> 过程>榮与我豆涉及范・同一产品内的体验需要统一。・不同产品之间,需要建立起产品间的关联性,维扌噩］一品牌下不同类型产品之间的统一印象。M二M二涉及对象•界面框架.组件.控件・用语（用户字典，词典,文案）与成与成CustomerResearchCustomerResearchXUsergonwDe&lonCcwtrr统一体验©tencentLogo统一规范QQMusic界面规范!'QQCRM界面■范zoneVI规范；HumnHummef®jgM8J5QQCRM界面■范zoneVI规范；HumnHummef®jgM8J5；QQ形象Vis•08三至今,设计中心在腾汛Log。，QQ涛、捡牛滑牛、产品房洁等没辻元素上注行规范约硏充至定W淮二斉要求设计哂海探产品#丢M的同旧，翩i产品体瀏暁，建立'GeneticCode，，使冗秀＜活宜证中恃須；•开发I•开发I程疝和品经理E的鼎力相助露统一体验@tencent邮，鲂,更新与成与成CuslomvrRoseirch<Us^r6ip9rirnceDesignCenterCuslomvrRoseirch<Us^r6ip9rirnceDesignCenter自我介绍噂程简介发现问题（案例）,遂度条修克起来慢…

-QQ医生-QQ软件管理器,,遂度条修克起来慢…

-QQ医生-QQ软件管理器,遂度条唇克起来慢.-QQ医生-QQ软件管理器•尸：AOQSIB.2.•—*».VN.SS0MMWf?F«发现问题（案例）翻页样式和规则杂SL•一员上TO 234T-««L6J■定上TF1234T-I ff•定自我介绍心程简介 > 统自我介绍心程简介 > 统Tt验的意义 >统一ft：验的设计过程 > 液与讨论tCustomerRvtearchtCustomerRvtearch<User^iponrnceOosignCcnlrr发现问题的特征什么晰司®?•朝・讎•易于组件化,模块化kCustomerR«s«arch4Us«rFipenenctDesignCeMrr> 程与发现问题练习从这里开始!面包屑・请找f工作中或者你感溥的，觉得值得用统T*验来解决的问题，和我们一起经历下面的环节。面包屑网站类弹出层CuslomvrRvseirch<Us^rEipenrnceDesignConferCuslomvrRvseirch<Us^rEipenrnceDesignConfer统一义> 过程>液与就研究问题怎样规划f统一｛*验的研究?继续以进度条案例来说明文献査阅+实验研究X*CuilonwrResearch4UserEipenenceDesignCentrrX*CuilonwrResearch4UserEipenenceDesignCentrr•萸与就研究问题（文献）林y•nrarX"smiwciwm*研究问题（文献）林y•nrarX"smiwciwm*.•■MO35Ptf^rr顷・心5列incmeP^rff顷.项,••1ZFm?♦<>•«<">•项•心1已有研究结论人们药时间力詡應3E瘀约.ChrisHarrison等通过实检莅充泛实归遂度条统计中:进程失败旳來多匚果舞壬任务的结束.冃户约奂淄淆苞产重；同样BT有的回1.前直植曼而.后面芝来近快,比匀遠华洽用户更大舞悦感ChrisHarrisonetc.2007RethinktheProgressBar统一义•沔与觥研究问题（实验）研究思路统一义•沔与觥研究问题（实验）研究思路CuslonwvReseirch4UsertxpvnvnctDesignCvMrr,證与成.自我介绍简介〉焼一体發的意义 〉统Y姓的设计过程〉,證与成研究问题（实验）抽取岀的因素外观颜色參W程一程^3>^颜色參W程一程^3>^渉券用H针对非CuslomvrResearch<U”rtipRntnceDesignCvnlerCuslomvrRvseirchCuslomvrRvseirch<Us^rFiponrnceDesignCvntrr自我介绍介J 统Tk验的意义 ；》统Tt验的设th过程 总结与,-研究问题（实验）外观自我介绍介J 统Tk验的意义 ；》统Tt验的设th过程 总结与,-研究问题（实验）外观歩骐非礎剥式KCuslotnecResearch<Us»fEiptrienceDesignCenUr研究问题（实验）实验结论■気诊席遂快Kw秘《矣三師）中等SCM住外«un«w)81%■竟遑度it快逸興比何分步餐《共两待）«J*W—次S6S■<fn&<R£fr>和X71HATCuslomwrResearchATCuslomwrResearch<Us^rEipenvnceDgqnCvMrrCuslomvrR^earchCuslomvrR^earch<Us^rFiperirnceDgqnContrr自我介绍&谡程筒介 > 统一<£验的意义 >统Ti验的设计过程> 沔与讨论研究问题另一案例:Tips统一ft^i殳计（Tips停留时间眼动研究）新闻类一厂WWIWIAB<65>i?fl）用題刊逸算7tmn学应異也螢«lAtkuT*i<CuslomsrResearch4UserEiperienctDe&ignCenter百我分紿新闻类一厂WWIWIAB<65>i?fl）用題刊逸算7tmn学应異也螢«lAtkuT*i<CuslomsrResearch4UserEiperienctDe&ignCenter百我分紿&i果程面1统f•諦与就研究问题另f案例：Tips统一W®计（Tips停留时间眼动研究）tips关型平灿呻长（S）波⑸W>®S«用户能回亿歸熊59.782.31-17.04125.200.5-10.3715用户不能回亿4.70.84-8.0060.760.26-2007从原来场景中■^到tip岫长⑸.0<-0.5Wf占比例新剧現景0-13350%51天场景0-45.1746%誦场景0-7.150%•注:曰于•決疫SM應户目己约注専力有关，此处只聪2考5再

自我介绍血程齢 程>必与昨自我介绍血程齢 程>必与昨设计规范制走设计规范制定.交互规范1、 标签为必鑒件.标筌内容虽盼如要，说明正在途行约新.避会弦长无旦过于技术海示;放在进亶条上方或血，放土方討应M避度条归孫注度条样弍淮荐欢无瓦璃为注度条，3、进度叙色采月冷色衰，卷荐凝M丰海色.各产品可根基安辱情况谖整°4、油度杲的长度与匡:为115pxs360px."特殊傳兄下没有豆參的生有昱示进亶呈，如只提役度百分比Cu^lomvrResearchCu^lomvrResearch<Us^rhvpencnceDesignCenter，自我介绍萸程简介2 义〉程〉 -设计规范制定•应用场景说明主要定于下贏安装、习垂、专费文袤长37「旬年待g作.•布局和组成元素3ffl-°T3.提U?陸心意?含身标签-必芝，用以戏正在沮行为W斥；畋条•亢话.石羔踪鬲；師助信息•芍话提馈勃Q：目乐砲.专發度尊宫育菴厳;用户了维女三度;命9按钮•可话匿芟窖尝阪房窟令推氐不寒同眨度击遂度条柏t碌鼠标指针.只能使甬其中一；不要将完湾分比或其他任何文本放在送里条上；不要将完湾分比或其他任何文本放在送里条上；不要分E2多个注度完成；不要回退避里,设计规范制定规范评审和优化CuslomvrRvseirchCuslomvrRvseirch<UserEiperirnceDesignCenter设计规范制定其他案例.tinirx・♦agy.u.■. 賣练习时间.硏究方;-制定设i顷范（规范哪些方面）CutlomvrResearchCutlomvrResearch<Us^rEipivrirncvDesignCenter>>CuslomvrR^seirch<Us^rtipenenceDosignCenter=絕心程简介〉义、统■过程〉 ,發与M练习分享与小结应用，维护，更新畅:规范如果成为沉寂的文档.便是前功尽弃了。进度条的应用:现在的QQ医生（演示）维护和更新:统F&R是在一定阶段内的统一，它会随着需求与技术的发展，不断的更新优化._旦有更好的体验设计，我们将会复制至眞他同类产品中。

，自我介绍，自我介绍&溟程简介应用，维护，更新案例:登录窗口。安全中心的维护和更新推动。•hSH：E■心-E7W.T2•hSH：E■心-E7W.T2应用，维护，更新•应用，维护，更新•09年关腱词--W标准（统文档）-一组工具（范式元件化）-f平台（协同设计web平台）设计即研究统一^协同聞,统F牛•客户响牛•WebwTL#一套标准•沉淀—江L设计即研究统一^协同聞,统F牛•客户响牛•WebwTL#一套标准•沉淀—江L具•固化台更新,模游•规范库•代码庠CudomvrRvseirchCudomvrRvseirch<Us^rfriporirnceDesignConfer统一it^m义 > 过程>後与成讨论：如何做好统F金的应用、维护和更新?你可能有的担心......-统一是否会压抑创新?・完全不同类型的产品，是否也需要严格的统一?与时俱进的统一体验统一聞只是在一定阶段内的统一，它会随看需求与技术的发展，不断的更新优化，_旦有更好的体验设计,我们将会复制到其他同类产品中。jaittdoubisag jesnT jauja