淘宝用户体验与交互设计.ppt

单击此处编辑母版标题样式,,单击此处编辑母版文本样式,,第二级,,第三级,,第四级,,第五级,,*,,*,用户体验与交互设计,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 they're 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,Don’t make me think,2,本书,。