淘宝总监教你打造一份用得上的设计规范

编者按:如何制作出一份对设计师、产品经理、程序员都有价值的设计规范?今天奇维(手淘设计总监)用淘宝2015的规范优化实战案例,结合之前在腾讯CDC经历过的雅虎、QQ、金蝶等设计规范,给同学们聊聊他所理解的规范,以及如何完成一套产品性质的规范,全文高能干货,收! 奇维(手淘客户端设计总监):别人常问我的花名是什么意思,是否期望具备奇特思维?然而并没有,那是前公司昵称的音译,以感恩及怀念志同道合的逗逼们一起成长的日子。别人也常问kiwi是什么意思,是否期望像kiwi鸟一样没有条件创造条件具备前行飞翔永不停歇的精神?然而并没有,诚恳的星座实事求是的告知那只是猕猴桃的翻译。 (注:下个月会有奇维总监的访谈,透露一下,他曾是N版手机QQ的主设计师,现为手淘设计总监,还是颜值王唷) 想象和现实总是如此生分。在界面的设计规范身上也同样适用。 18tb20151126 界面的设计规范是为了促成产品体验以自身为主体的统一和延续,减少用户的认知成本。项目人员避免个体的重复思考,减少不必要的沟通。 问题是对于制定者而言,日常项目之外还有规范可以产出,职级晋升时撑撑场面,也可算作设计价值的一部分。 对于使用者而言,查阅麻烦,内容更新不透明。日常使用时规范不严谨。迫于大佬的淫威不敢多言抑或信于大神的权威照单全收,执行和推动受到具体业务情况的质疑,导致进展不顺畅。 对间接受到影响的产品经理和其他人员,规范不严谨总在限制伟大产品的光芒万丈或实现的成本,负面情绪甚重。渐渐的,部分设计师对于规范会有一种我最爱的人伤我有多深的迷茫 。 坦白说设计在流程中的环节导致地位相对被动。如果提升设计价值单纯只依靠寻求另外方式而忽视解决眼下的实际问题,不能不被看作是一种逃避。回到设计规范,需要解决上述问题,促使各方能了解规范背后的产生原因和用意,基于规范为前提形成项目设计中灵活思辨的动能。 今天就来讲讲我所理解的界面设计规范,以及根据这套原则如何呈现手机淘宝(寿桃)的设计规范。 我所经历的规范 06年得益于团队之间的交流,机缘巧合跪拜了大雅虎的设计规范,分别是闪着光辉的英、韩、繁、简四版。恰逢工作中完成QQmobile需要交接,同时参与QQ内部版本的研发,作为一个向往成熟但还没熟透的设计团队是必须要有规范的。玩不起大的,针对单一的产品还是很有必要。 在参照Windows自身规范,以及标叔甩出的金蝶规范,外加加了密的MTK系统规范,可以说有了公司第一份针对产品的设计规范《Hummer界面视觉设计规范》,结合交互组的规范,成了公司后续其他产品设计规范的范本。 关于标叔,那就是另外一个传奇了:《腾讯CDC标叔力作!聊聊我与交互设计的那10年》 17tb20151126 07年规范从无到有令人欢喜,解决日常设计中的常规问题,使内容更加贴合业务。比如根据使用强度和频率对内容结构进行调整,以及统一参数和描述。但也暴露浏览体验不太高效,更新后信息同步并不及时。因此尝试将所有内容搬到线上来,满足不同浏览诉求。还将内容打印出来彰显具体的工作量。
16tb20151126 15tb20151126 09年至今在整体规范基础上,针对各功能模块所产生的细节规范应运而生,规范越来越精细。对于工具产品的设计师来说避免了机械问题重复发生,同时团队不用再将缜密思索的宝贵时间浪费在重复性的功能设计上。但无论工具产品还是内容产品,在考虑规范时大都只考虑控组件本身的情况,所以规范的设定一者和业务没有多大联系,二者不能匹配业务诉求在合理范畴内的多样性,何况内容性产品本身由控组件构成的页面比重在产品的迭代过程中会变的越来越少。
14tb20151126