淘宝用户体验与交互设计

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,用户体验与交互设计,2024/11/28,淘宝北京,UED,慧色,huise,What IS,Ux,?,定义：,用户体验，我们这里主要是指所谓的,“,客户体验,”,，指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉,是否成功，是否享受，是否还想再来使用。他们能够忍受的问题，疑惑和,BUG,的程度。,原文：,the user experience, mostly called customer experience when referring to e-commerce websites; the totality of the experience of a user when visiting a website. Their impressions and feelings. Whether theyre successful. Whether they enjoy themselves. Whether they feel like coming back again. The extent to which they encounter problems, confusions, and bugs.,用户,谁是用户,认识用户,给你压力人是用户,?,BOSS,A,BOSS,B,BOSS,C,谁,？,用户,技术,商业,关于用户的几句话,Multiple decision made in seconds,往往决定点击是在,快,在一秒内的事儿,Uesr are lazy,用户是,懒惰,的,User always give up ,they have much more choice,用户,喜欢放弃,他们有更多选择,Uesr don,t necessarily read before they click,用户在点击之前,不,进行必要的,阅读,用户体验是竞争力,商业竞争通常有三大动力：商业模式、技术、用户体验,当前两者基本没有太大差距的时候,用户体验是最激烈战场,.,有用的,用户体验要素,易用的,可发现的,可靠的,创造性的,渴望的,有价值的,功能性,情感因素,用户体验评估,任务,耗时,完成率,出错率,帮助有效性,满意度,初体验,可学性,功能,易用,可靠性,综合性,What is,Interaction Design,?,定义：,交互设计试图提高产品或系统的可用性和用户体验。它首先研究、了解某类用户的需求，然后再通过设计来满足甚至超出用户的需求。,随着产品和操作变得越来越复杂，越需要用户掌握更多新技能，因此设计师面临更大的挑战如何能帮助用户提高效率。,通常，新技术对于目标用户来讲都很复杂。交互设计试图在保证产品功能的同时又能缩短用户的学习曲线，提高任务完成的准确性和效率。这能让用户遇到更少的阻碍，从而能有更高的效率，并感到更加满意。,?,!,更少,聚焦,&,设计,多,探索,少,评估,产品瀑布流程,调查,设计,开发,运营,概念,头脑风暴市场研究,情境调查,定义,人物角色模型,用户场景,故事板,概念导图,设计,流程图,原型（纸、线框、高保、设计说明）,视觉,内容清单,可用性测试,检查,验收清单,MRD PRD,评审,设计评审,UC,评审,测试用例 检查,任务分析 导航设计,页面布局,原型设计,交互说明,交互设计方法,任务分析,与产品经理、运营方会议,沟通,并阅读,理解,PRD,，转化产品需求为产品交互任务分析。,任务流程（思维导图、流程图）,任务列表（树形结构）,思维导图,流程图,描述用户特定任务的操作步骤,理清用户的操作步骤，对整个任务的全面了解,与其他部门沟通的有效工具，方便对工作量的预估,任务列表,1,、卖家申请加入淘宝虚拟大额交易平台,a,、申请条件不具备,（,3,条分支,:B,卖家 非,C,卖家,1,个月内退出过平台）,b,、符合申请符合,签署淘宝虚拟大额交易协议,查看平台宝贝价格,签署支付宝代扣协议，提交平台预缴金,入住平台成功,2,、话费直冲,a,、搜索商品,（单一结果、多结果）,b,、商品价格设置,c,、 选择供应商,d,、 发布商品,.,常见导航有：,全局导航,辅助导航,面包屑,导航设计,导航设计是交互设计中的关键,导航设计目的是把复的信息和页面经过组织,清晰,的展现给用户。,要让用户清楚自己处在的,位置,，自己可以访问那里。,导航设计决定了整个产品操作逻辑与页面关系。,常用的布局：,两列,三列,页面布局,根据前面的任务分析与导航设计，选则适合当前产品的页面,布局，把细碎的功能与导航粗略的排放进页面内。,页面布局范例,原型设计,原型设计是交互设计中比较重要的产出物，在确认的布局中添加功能模块细节的交互的形式。原型设计是交互设计师与产品经理、开发工程师、,QA,沟 通的最好工具。,原则上必须是交互设计师的产物，交互设计以用户为中心的理念会贯穿整个产品。,原型分为,高保原型,、,低保原型,（线框图）,常用,低保原型（线框图）,设计说明,标明页面里操作的各种交互状态说明，让视觉设计师、开发,工程师可对照交互产出物更好的理解开发产品。,交互设计指南,任务可被完成,符合用户习惯,适时帮助提醒、反馈,操作一致,.,特殊人群,看不到,任务可被完成,符合用户习惯,熟悉程度,0,20,40,60,80,100,100,学习成本,80,60,40,20,0,熟悉程度、学习成本成反比,适时帮助提醒、反馈,点击传播确定后，没有确认反馈，看不到传播后的结果。,操作一致,帮助从错误中恢复,自动完成提高用户效率,特殊人群,设计价值,2024/11/28,2024/11/28,Q2,总收入,111.4,万，,Q3,总收入,205.8,万，,+84.7%,航意险,- Q3,数据,2024/11/28,Q2,日均为,28%,，,Q3,日均为,37%,，,+9%,机票组新人送保险大促活动,结合提价,33%,的因素，总共多收入约,88,万,航意险,- Q3,数据,给设计师的,9,句话,用户体验是商业、技术、用户三方面交集,设计不仅是为了视觉美观,抓住产品的关键点,要解决问题,数据、用户的反馈是启示而非驱动,尊重用户的习惯,设计允许犯错 ，快速迭代的设计,做减法设计，更多的功能并不是用户所期待的,简单很难，所以我们更要坚持简单,About Face 2.0,Dont make me think,2,本书,