1、用户体验设计师的成长之路演讲人2020-11-1401用户体验设计的精益之道用户体验设计的精益之道了解人、观察人,做到以“人为本,为”人“设计理性的思路亲自使用、体验多听用户的反馈意见留心好设计,优化LOGOhttps:/用户体验设计的精益之道了解人、观察人,做到以“人为本,为”人“设计观察、留意人的日常,思考背后原因,归纳人的共性01积累自己的知识面和思考深度(多度优秀著作-设计专业、人文历史),了解人性。02用户体验设计的精益之道理性的思路认清设计的本质,为谁设计,解决什么问题,如何解决,增加趣味用户体验设计的精益之道亲自使用、体验发现问题,修复问题用户体验设计的精益之道多听用户的反馈意见
2、发觉自己没有发觉的问题bug。用户体验设计的精益之道留心好设计,优化积累日常优秀设计,提高自己对于优秀设计的鉴赏力。02用户体验师的目标用户体验师的目标解决用户需求减少用户理解和操作成分留下美好而深刻的印象03实际项目的工作流程01分析需求、了解需求什么样的产品,目标用户是谁,要达到什么的效果,具体有哪些功能、内容02设计规划、实施草图上梳理信息架构,设计任务流程,设计界面,确认ok后将设计方案呈现03项目跟进设计师跟进后续的视觉、前端、开发、测试环节,确保产出物和设计方案一致04成果检验上线后需要对产品进行体验、效果检验。及时解决小问题。大问题留到下次迭代时解决实际项目的工作流程04产品定位
3、产品定义01产品为谁服务,所有的功能、内容、设计风格的设定都围绕这类人群进行使用人群02划定给你的范围和限制主要功能03区别于同类竞争者,让产品脱颖而出产品特色产品定位用户需求目标用户01使用场景02用户目标0305需求从哪儿来(最好是前期设计师配合产品经理共同完成)用户调研深入了解目标用户在真是使用下感受、痛点、期望问卷调查用户访谈信息采集需求从哪儿来(最好是前期设计师配合产品经理共同完成)用户反馈了解用户使用中存在的问题竞品分析有代表性的同类产品,对比产品之间的优势、劣势,找到产品的突破口拟定产品战略、方向怎么做用户体验,怎么处理逻辑、界面层级、界面细节规划、功能、设计细节产品数据产品上线
4、后,预先埋点,收集产品的后期数据 常规的访问浏览数据浏览痕迹点击痕迹在每个页面上的浏览时长整体的浏览顺序等等百度指数、淘宝指数等工具06需求文档需求文档文档修改与审核记录A目录B背景描述C用户类型和特征D项目时间安排E信息结构F需求文档整体业务流程说明1需求详细说明2需求文档文档修改与审核记录如有修改,需要简要记录需求文档目录内容过多情况下需求文档背景描述为什么要做这个产品/模块、市场行情、业务目标、产品定位需求文档用户类型和特征简要描述目标用户情况或现有使用人群的情况需求文档项目时间安排合适启动、合适安排需求文档信息结构简单理解:内容或页面的层级需求文档整体业务流程说明对于操作多的产品/功能
5、,需要业务流程图需求文档需求详细说明需求的详细说明07设计师易忽略的工作意识设计师易忽略的工作意识设计师的品牌意识设计师的沟通意识设计师的流程意识设计师易忽略的工作意识设计师的品牌意识品牌宣传无处不在04追求独特性03保证关联性01力求一致性02设计师的品牌意识保证关联性力求一致性追求独特性品牌宣传无处不在力求一致性设计师的品牌意识应用内一致01衣着品味02表里如一03亲密接触04平台内一致05平台间一致06设计师的品牌意识力求一致性内部产品一致设计师的品牌意识追求独特性个性的标志独特的风格亮眼的细节设计师的流程意识设计师易忽略的工作意识设计流程项目流程设计师的流程意识设计流程需求分析信息架构
6、任务流程页面草图标准原型项目流程研究 交互设计参与A概念DemoB产品立项C交互设计D视觉设计E前端/后台开发F项目流程A测试走查B上线项目流程研究 交互设计参与用户研究竞品分析用户角色项目流程概念DemoDemo评审项目流程产品立项产品定义需求文档需求评审立项会议排期项目流程交互设计竞品分析低保真交互可用性测试交互评审高保真交互项目流程视觉设计竞品分析视觉设计视觉评审项目流程测试走查功能bug测试交互走查视觉走查产品走查可用性测试子主题项目流程上线产品运营用户反馈收集用户流量统计08“抄袭”竞品的需求分析过程“抄袭”竞品的需求分析过程竞品界面设计目标设计需求“抄袭”竞品的需求分析过程竞品界面
7、界面样式01任务流程03操作路径02用户需求04“抄袭”竞品的需求分析过程设计目标用户调研01用户反馈03竞品分析02产品数据04“抄袭”竞品的需求分析过程设计需求功能内容优先级09友好而易用的界面-简化复杂的操作友好而易用的界面-简化复杂的操作减少冗余步骤和干扰项将复杂操作转移给系统简化操作方式优化操作过程10贴心的设计贴心的设计贴 心 的 提 醒注册、填写信息时的小提示,改变界面元素状态(改变颜色,降低饱和度)积 极 的 反 馈给予反馈和鼓励提醒可 控 的 感 受界面预先提供提示,形成操作预期(加载进度,关闭前的确认、即时状态)11标准的原型内容标准的原型内容03简要说明与信息结构任务流程
8、与页面流程线框图&交互说明 (处静态页面外,还需要考虑各种动态情况;除正常情况外,还需要考虑特殊和错误情况)0201标准的原型内容简要说明与信息结构变更日志版本说明信息结构ABC简要说明与信息结构信息结构产品内容、产品的逻辑等等变更日志日期、变更内容、变更原因、备注版本说明以版本为单位,版本说明包含版本号、日期、更新内容标准的原型内容任务流程与页面流程任务流程页面流程任务流程与页面流程任务流程 使用产品时,每一步会遇到什么结果、系统如何反馈,更加偏向于业务限制、后台逻辑等页面流程 更加清晰、具体的展现用户如何操作、完成的一个过程标准的原型内容 线框图&交互说明 (处静态页面外,还需要考虑各种动
9、态情况;除正常情况外,还需要考虑特殊和错误情况)限制 状态 操作 反馈限制范围值 数据的取值范围。下拉菜单、筛选按钮、滑块控件时,清楚标注选择范围。极限值 数据的显示限制。应该显示多少字数,超过如何显示,是否折行。状态C非正常情况下的样式、文案、说明等特殊状态默认显示的文字、数据、选项等默认状态针对某一个模块,经常遇到的一些状态常见状态AB操作2011201220132014正常操作时的反馈状态(普通、聚焦、鼠标悬停、点击后、初始状态等)常见操作主要指当用户操作错误时的情况。设计时尽量避免用户犯错的机会误操作用户使用移动产品是的操作方式,点击、双击、长按等等等等手势操作指一些极端情况下的操作特
10、殊操作反馈用户操作后,通过动画的方式反馈。动画操作后,系统给用户的文字说明提示点击某个链接后,页面跳转到哪里。注明跳转时是“原页面刷新”还是“新页面打开”等,如果是手机应用的话,需要标明跳转是的转场方式。跳转12线框图心得线框图心得A通过明暗对比表达B不使用截图与颜色C合理的布局D遵守栅格规范E标记第一屏高度F表达清楚UI逻辑线框图心得01考虑视觉实现后的效果02了解视觉趋势线框图心得通过明暗对比表达突出界面元素的优先级线框图心得不使用截图与颜色不必要对视觉设计师产生干扰线框图心得合理的布局保持简单的结构,避免出现2列和3列的混排的设计(建议在确定界面布局时,提前和视觉设计师沟通商量,避免不必
11、要的返工)线框图心得遵守栅格规范栅格设计系统线框图心得表达清楚UI逻辑操作 链接 文本 重要 普通 不重要 13项目跟进(保障设计效果的实现)项目跟进(保障设计效果的实现)做设计评审的主导者审核视觉稿开发阶段的持续跟进项目跟进(保障设计效果的实现)做设计评审的主导者1234设计评审的目的评审前的充足准备在评审中掌握主动权评审后的分析与跟进发现问题发现问题和风险(是否存在缺陷、技术可行、其他风险点等等)检验目标检验设计方案是否达成了最初确定的目标达成共识让项目成员达成共识,顺利进入下一个环节设计评审的目的评审前的充足准备 事先考虑所有可能的方案将前期的需求分析到后期的设计表达过程展示 用户调研的
12、结果、支撑的数据、竞品分析、设计实施前制定的目标准备各种设计依据 做好会议邀请工作在评审中掌握主动权做设计评审的主导者主导流程提高效率,控制话题区分和收集有价值的反馈意见做设计评审的主导者评审后的分析与跟进项目跟进(保障设计效果的实现)审核视觉稿01020304对交互稿理解是否正确拒绝毫无发挥的视觉设计关注视觉层次是否足够清晰关注交互细节和状态标注(各种状态的效果)05在审美方面不要过分干涉审核视觉稿对交互稿理解是否正确关注视觉层次是否足够清晰在审美方面不要过分干涉拒绝毫无发挥的视觉设计关注交互细节和状态标注(各种状态的效果)LOGOhttps:/项目跟进(保障设计效果的实现)开发阶段的持续跟
13、进勤于沟通统一的规范和标准设计走查开发阶段的持续跟进设计走查 勤于沟通沟通最重要统一的规范和标准采用与前端相同的规范和标准14设计师的自我修养设计师的自我修养好的设计师 VS 糟糕的设计师学会思考,事半功倍在否定中积极成长设计师的自我修养好的设计师 VS 糟糕的设计师好的设计师糟糕的设计师哪几方面来提高好的设计师DCBA对设计充满兴趣和激情有天分执行力强情商高E超出预期F有条理好的设计师有上进心01眼界开阔、知识面广02乐于分享03好的设计师对设计充满兴趣和激情平时积累各种优秀案例,认真观察生活中的细小闪光点好的设计师有天分学习天分很重要好的设计师执行力强不仅要有好的想法,还要坚持执行到底,不
14、惧怕任何阻碍好的设计师情商高换位思考、愉快沟通好的设计师超出预期追求完美,关注细节,思考的更多好的设计师有条理井然有序,清晰明了好的设计师有上进心自我学习和提高的意识很强,抽出时间学习、交流好的设计师眼界开阔、知识面广懂产品、运营、推广等方面的相关知识。相互理解、互相促进、好的设计师乐于分享分享,学习、交流糟糕的设计师A缺乏兴趣、不用心B心态不好、顽固任性C不会合理安排时间D时间估算不准E不会恰当表现F过于被动糟糕的设计师沟通及团队协作能力差学习意愿不强不够专业糟糕的设计师心态不好、顽固任性遇到问题先抱怨,不是去积极思考原因和解决办法糟糕的设计师不会合理安排时间拖延散漫,效率底下糟糕的设计师不
15、会恰当表现不懂得与别人沟通、宣传、推进你的方案糟糕的设计师沟通及团队协作能力差自我意识过强好的设计师 VS 糟糕的设计师哪几方面来提高学习专业知识,专业技能、还需要良好的沟通、组织能力、流程意识学会思考,事半功倍设计师的自我修养倾听背后的原因,抓到用户的本质需求多思考,对自己有更高的要求Why,What,How三步分析法学会思考,事半功倍 多 思 考,对 自 己 有 更 高 的 要 求 倾 听 背 后 的 原 因,抓 到 用 户 的 本 质 需 求Why:得到外界结论时先思考为什么What:对现状进行更深层次的解读How:在已知的基础上,如何做的更好W h y,W h a t,H o w 三 步 分 析 法在否定中积极成长设计师的自我修养别害怕被否定学会忍耐和付出识别真相健康的心态超越自我适度妥协在否定中积极成长别害怕被否定A学会忍耐和付出B识别真相C适度妥协D超越自我E健康的心态F感谢聆听