
本文为UPA2009 统一体验的设计PPT讲义稿,应各位同行的要求整理并公布出来,希望能对各位有一些帮助和启发,也欢迎大家一起进行更深入的探讨。
最初确定这个题目来跟各位同行和朋友们分享是因为在迈向团队成熟的过程中,我们碰到了关于体验统一化的难题,简单来讲,这个话题可以归结为“用户愉悦感如何传递?”记得在经历了一次较为严重的设计质量危机后,托哥问了我一个问题,如何避免同一个设计错误不再重复犯?一个看似简单的问题,当它涉及到长期项目迭代,短期项目变更,涉及到跨项目组,甚至跨团队合作设计时就变成了大问题,最开始我想引入的是很多公司成熟的经验即为项目建立详细明确的UI规范,这个事情在06年的一段时间里在各项目组热火朝天做起来了,相比较腾讯早期产品的设计,确实是个不小的进步,因为在设计维度上终于可以有据可依,有章可循了,但后来发现这个只能解决某一项目的“同一个设计错误不再重复犯”,不能解决跨项目组的“同一个设计错误不再重复犯”的问题,于是我们开始写统一控件,统一组件,统一框架的规范,花了很多时间,感觉差不多了,准备推行时却发现很多规范开始过时了,同时依靠强制规定的规范制定模式逐渐成为束缚设计师工作热情的事情,设计师要额外做很多工作,还看不到直接效益,因为为项目制定规范最后总是淹没在浩如烟波的文档体系中了,没人关注,这个时候,整个团队,包括我在思考一个问题:规范对设计师的价值在哪里,对客户的价值在哪里?如何保持规范的通用性,时效性,实用性,我们大概用了1天来想解决方案,1月来想清楚,1年来做相关的工作推动,3年来一直在持续改进我们工作方式,在这次会上拿出来讨论是感觉自己比较有底气了,也感觉自己沉淀了一些实际的工作案例,也希望对有需要的朋友们有一些帮助和借鉴,终极来看,我们最终将要建立一个协同的工作空间(collaborative workspace),就像我表述在“应用,维护,更新”slide里那样,希望借助我们正在搭建的协同平台,最终使得对设计细节的推敲能成为设计师的一种工作常态,希望对设计的体悟和总结不再是某个人的“只可意会不可言传”的skills,而是整个团队的思考结晶,希望涌动在设计师群体当中的鲜活思想不再是一种临时的,短期,松散的状态,而是可以在一个空间能够快速聚集,在非组织化的状体下,大家仍然可以相互吸引,相互激荡,并借助平台空间的力量,能将众多的角色一一卷入进来,也只有这样,设计才能做到不是依赖于某一两个明星设计师,只有这样才能真正发挥第一线设计师们的聪明才智,最后才能做到真正意义上将设计做深,做透,做细。就像《Here Comes Everybody:The Power of Organizing Without Organizations》中讲到的那样,我一直坚信无组织的组织力量是最大,最有生命力的,设计思考永无止境,让我们在协同合作中将我们的思维从一维扩展到万维吧。
腾讯在规划统一设计规范制定过程中的实践案例(用户体验标准的建立与评估实施)
CDC涉及工作:官方网站,用户产品(技术驱动),做的是产品设计而不是运营设计。
统一体验的意义
腾讯为什么开始考虑统一体验:
举例:
Apple,Ikea(无logo依然能有效的识别)
标叔:
我们的产品设计应对市场的时候,如何有效的达到设计目标的定位,用于提升产品,来挖掘产品的Genetic Co
举例:
QQ校友设计规范(导航,控件,组件,基础元素,页面信息,样式规范,交互特性),做成图片、代码和HTML,节约了一半的开发时间;
内部产品:负面案例,过多的样式和图标、按钮(soso的按钮,财付通等)造成复杂的体验;
产品介绍:QQ旋风(新版的类QQmusic界面,很低的用户教育成本);
总结腾讯为什么开始考虑统一体验
提高开发和设计效率;
避免吃力不讨好的设计,保证设计质量;
减少用户学习成本;
如何实施:
从上往下固然OK,如果不能从上往下实施,则从战略产品、重点产品着手进行这方面的统一;可以从一个产品推到多个产品,分产品分层次进行,通过工具来固化流程。
统一体验的范围
#同一个产品内需要统一;
#不同产品之间,需要建立起产品间的关联性,维持同一品牌下不同类型产品类的统一印象;
涉及对象(输出)
#界面框架
#组件
#控件
#用语(用户词典,词典文案),比如登陆/登录,个人资料/rich tips,确认删除/要删掉?,财付通的通发邮件
#……
统一体验@tencent
输出包括Logo统一规范,QQ博客网站规范,CE平台网站规范,QQmusic界面规范,QQ CRM界面规范,Qzone VI规范,QQ形象VIs
Tips
用户体验输出产品体验规范,建立Genetic Co
需要开发工程师和产品经理的鼎力支持;
统一体验@tencent
发现问题>研究问题>设计规范制定>应用维护
发现问题(案例)
#进度条感觉起来慢:QQ医生,QQ软件管理器;
#翻页样式和规则杂乱:一个项目提供多个翻页样式
发现问题的特征(什么样的问题适合用统一体验解决的?)
基础/普遍/易于组件化,模块化
发现问题(觉得适合使用统一体验来解决的问题)
翻页控件,好友筛选框,日期选择器,注册表单,Feeds/留言回复,头像编辑器,面包屑,网站类弹出层
研究问题
怎样规划一个统一体验的研究?
继续以进度条说明:进行文献查验和信息研究
a.研究问题(文献):
已有结论
进程失败位置如果越靠近人物的对情绪研究越严重
同样时间的进程,前门稍慢而后面越快,给用户带来更大的愉悦感
b.研究问题(实验):
分离进度条组成元素>抽取影响因素等
抽取出的因素:长短,步骤,颜色,外观,重复样式
实验结论:长度长,高度中,蓝色,无刻度条,分步骤,循环样式1
另外一个案例:tips统一设计体验(QQ弹出广告-新闻类,营销类)
tips停留时间眼动研究(结果:10秒)
各种场景发现Tips的时间(新闻场景,聊天场景,桌面场景)
设计规范制定
用户研究提交研究文档,建议规范制定(规范,必须要有自己的认识,必须要有数据支持进行规范的输出)
a.交互规范
1.标签为必选空间,标签内容简明扼要,说明正在进行的操作,避免较长进度条
2.选择颜色:冷色系
3.应用场景说明:主要适用于下载,安装,扫描,传输文件等需要较长时间的操作。
4.布局和组成元素(动画,标签,进度条,辅助信息,命令按钮)
5.设计禁忌:不要同时使用进度条和忙碌指针,不要将完成百分比或者其他任何文本放在进度条上,不要一个任务分成多个进度完成;
设计规范制定
规范评审和优化:重点在于参与评审的人员,由高层确认支持(CTO),并实施执行
流程:
规范填写人员撰写相关文档>发布文档和用例>Leader审核>启动发布流程>部门经理和总监审核>首席体验官,CTO审核>部门经理和总监发布规范,规范编辑人员归档
案例:
#和网站部的编辑进行规范的交流:评估,会议,研究查找文献,
#版权说明:研究方法选定,制定涉及规范(规范那些方面)
#海量用户服务之道:注册界面改良后,注册成功率由17%上升到30%








































注:部分内容应公司的保密政策有删减,请见谅
原文:http://cdc.tencent.com/?p=1963
相关文章
[错误报告] [推荐] [收藏] [打印] [关闭] [返回顶部]












已有