淘宝设计总监如何制定一份高效的设计规范

作者:互联网科技

威尼斯手机娱乐官网 1

因此,在对业务熟悉之后,才能进行上层的设计工作,才能去真正去分析用户体验和业务方的需求。而对业务的了解本身,就像对设计规范的烂熟于心一样,会成为了你的工具和设计依托。

没有意识区分系统性质的规范和产品性质的规范,导致我们在整理产品性质的规范时参照的范例却是系统性质的规范,确实我们所能找到的范例也只有他们。所以将规范内容拆分成控组件,导致设计师在面对各自的业务时依旧需要花费精力去思考如何组合这些内容。很依赖业务对接设计师的能力。而我认为不同阶段和能力的设计师对于规范的使用只有熟悉与否,而不应有能力的要求。

▲唐纳德·诺曼《情感化设计》

关键词四:设计规范

无线端设计因为设备的原因横向尺寸相对固定,uikit的形式比较容易去布置这些内容。将原先控组件的内容组合成产品中的内容模块,最后细分最常用的业务场景。形成一份针对自身产品的完整源文件。团队内部设计师以及需要使用的关联团队,对于日常业务能快速的拖动源文件里的模块搭建业务界面,在此基础上去填充业务需要的界面。如对应的文字、图片、icon等不同用的元素。而规范的制定者只需随时更新源文件形成并同步到每一位设计师。

随着体系的完善和壮大,我们也会在这条路上越走越远,越做越强!返回搜狐,查看更多

自己做一个小项目的时候,会觉得把这个项目的样式整理起来就很规范了。但实际上,大型项目合作时,连加一个「非组件化」的按钮,都是属于技术成本很高的事情。加一个按钮、改变一点点图片尺寸、调整配色,都需要考虑「组件化」,也需要考虑 E2E(端对端)的用户路径体验。

规范不是一成不变,需要制定者和使用者根据产品的迭代情况与时俱进。

首页瓷片运营位

所以,今天就先说这么多啦,也欢迎大家留言讨论,当然我可能比较忙不能及时回复是真的,但是还是希望通过自己的总结帮助很多需要的人,也是帮助我自己的成长。

问题是对于制定者而言,日常项目之外还有规范可以产出,职级晋升时撑撑场面,也可算作设计价值的一部分。

需要对每个商品图的拍摄、角度、色彩控制的很好,除此之外对商品图进行规范化处理。

而在公司工作,也很类似。与规范等底层学习内容相对应的,就是熟悉业务。经常会发生两个人的设计能力是相近的,但是对负责业务的熟悉程度差别较大,就会出现产出能力天差地别的状况。这说起来好像是非常显而易见的道理,但实际体验起来却又是另一种感受:业务新人需要花费大量的时间去了解业务本身,阅读相关的业务说明(如果有,没有就只好自己重新体验),掌握所有业务相关的内容。就一个很简单的例子,如果没有细致的学习,新人是不可能知道「购物车」里有多少种不同的状态,也不会知道一个看起来简单的表单组件需要设计七个不同的样式。

坦白说设计在流程中的环节导致地位相对被动。如果提升设计价值单纯只依靠寻求另外方式而忽视解决眼下的实际问题,不能不被看作是一种逃避。回到设计规范,需要解决上述问题,促使各方能了解规范背后的产生原因和用意,基于规范为前提形成项目设计中灵活思辨的动能。

规范的制度是为了更好的规范和统一团队的设计,统一设计认知和设计思路,明确设计方法,有效利用设计规范提升团队设计效率和品质威尼斯手机娱乐官网,。

说起产品和设计师之间的撕逼,想必大家都已经很熟悉了,不过真正经历一场高质量的撕逼还是让我印象深刻,也许会一直记得。不过很可惜,我不是要给大家描绘两方争辩的激烈战况,而是想说争论后的一件「小事」。

在参照Windows自身规范,以及标叔甩出的金蝶规范,外加加了密的MTK系统规范,可以说有了公司第一份针对产品的设计规范《Hummer界面视觉设计规范》,结合交互组的规范,成了公司后续其他产品设计规范的范本。

规范的制定需要满足2:8定律,即80%的日常需求都可用规范模板来进行快速设计产出,将更多的精力投入在20%的专项需求。

关键词二:设计师的底线

威尼斯手机娱乐官网 2

日常的运维工作中为了经营和宣传产品,会策划很多专题运营活动,运营的目的最终是为了“更好的连接产品和用户”。再进一步讲,这里又存在两个目的,一是能够获取用户并实现用户付费;二是能够更好的维系住这些用户,传递价值观,令之愿意与你持续发生关系。

学习设计,有一个从底层到上层的过程,通过学习规范(三大平台规范),到了解常用用户体验设计方法,再到情感化设计等等。通过底层的学习,让设计师有能力进一步发挥创造力和创新力,构建出更适合用户、更适合场景、甚至超越常规的设计。

而诸如手机淘宝就属于产品性质的规范。单一产品基本上都有一个完整的设计团队和关联的设计团队在负责。产品特性以及品牌和内容都是已知且可控。这是确保产品性质的规范能否有序执行的根本。只要满足在合理范畴内匹配业务诉求的多样性。规范就不需要对界面呈现进行引导和建议。那么产品性质的规范除了满足产品的业务需求,增强设计的体验一致,更重要的是有了团队因素从而使整个团队在完成单一产品时减少问题的重复发生,提升团队的工作效率。

威尼斯手机娱乐官网 3

关键词三:绝不拍脑袋

想象和现实总是如此生分。在界面的设计规范身上也同样适用。

威尼斯手机娱乐官网 4

4886威尼斯城官网,这样多人、大团队的合作,必然有完善的团队协作手段,所有设计师也在全力完善自身的设计规范。而有了规范,才能让设计按照一个统一的方向进行下去,同时还能帮助像我这样的新人快速进入工作状态。

威尼斯手机娱乐官网 5

通过用户、场景大量分析和调研,明确了“慵懒”、“戏剧”、“旧物”和“互动”4个关键词,围绕这4个关键词进行其他视觉体系的设计。

为什么要这么做?这么做为什么有效?为什么不能那么做?各种为什么,让我们追溯到用户诉求的本源。在这里,几乎没有人敢拍脑袋做决定,任何设计,都要有数据支撑或者规范控制。所幸,大公司完善的数据搜集体系给了我们设计师许多珍贵的参考途径,也让我们的设计有方向可循。

威尼斯手机娱乐官网 6

威尼斯手机娱乐官网 7

关键词一:执行思维与创造思维

威尼斯手机娱乐官网 8

孟菲斯设计风格

有些时候,我们设计师所做的需求并非与自己有很大的利益关系,这里的利益关系,指的是诸如 KPI 之类的考核内容。那么这个时候,也许有的设计师就会选择妥协、忍让,赶快完事就算。但是师姐给我上了第一课也是最好的一课就是,不轻易妥协,绝不放弃设计师的底线。

结尾:

威尼斯手机娱乐官网 9

当一个需求会严重违反设计原则或者扰乱用户体验与认知时,设计师必须严守底线,不论利益如何。如果需求方一定要修改,请他务必拿出令人信服的数据说服设计师。

这就是我们遇到的设计与业务的矛盾。包括自己的切身感受,且从不同的渠道和不同的团队中发现这个问题一直存在。此时产品流程里面的其他角色对于规范本身有无的诉求已经不是首要了。也因为这个矛盾使业务的内容呈现受到限制,而团队内的设计师夹在业务和规范之间执行起来很累,长此以往开始质疑规范本身。

设计方法和形式梳理完成后,对需求整理的设计流程进行明确,一个成熟的设计师要全面和深刻的了解需求诉求,才能做到对症下药,解决痛点,前期需求评审要通过5个维度进行需求梳理,根据商业诉求及核心利益点进行设计,评审交付后及时跟进同时获取数据及用户反馈,做好设计印证,也正是因此设计师随着经验丰富,职级提升,设计靠前,深入业务、推动业务成为理所应当。

初到公司工作的体验,有点让我想起了刚开始学设计的时候,是有一种类似的路径。

设计团队对单一产品里的内容是否可控决定该选择使用系统性质的规范还是产品性质的规范。系统性质的规范有现成的参照。今天侧重描述产品性质的规范。其实我们工作中受限产品类型,大量接触的也都是产品性质的规范。

▲来自网络

难怪很多一直坚持写文章的朋友在工作后就慢慢放弃了原来的公众号或者博客,可能就是因为初来乍到,实在太忙了吧。开始实习之后,遇到了令我欣喜的团队,遇到了超级 nice 的主管和师姐,短短几天也得到了不少的经历,所以我想这段时间会经常以小故事或者关键词的形式在这里写写实习中的感悟。当然,我可能没办法透露具体做的业务,但是对于设计本身,却可以提炼出很多让人思考的东西。

这是产品性质的规范需要补充的组成部分。设计师的日常需求就是在素材库的基础上直接使用,选择符合需求的内容,补充符合此业务的真实信息。甚至交互设计师可以在此基础上直接输出视觉设计。

在流量为王的大环境下,无论是用于实现“用户获取”还是“用户维系”的各种手段,都开始变得越来越多样,越来越复杂,彼此之间交集也越来越多。我们运营活动主要以促销类为主,包含红包、秒杀、返现、新人、福利等,容易形成电商感。

所以就像关键词所说的,先有执行思维,后有创造思维,最后,再到商业思维,毕竟设计师也是要吃饭的。

所以实际上产品性质的规范主要还是不同项目和不同阶段的设计师来使用和执行。

威尼斯手机娱乐官网 10

UED 内部也好,与需求方评审也好,设计师问的最多的一个问题,就是:为什么?

有序:针对业务内容特性。我把他定义成业务与业务之间设定的样式标准。无线界面相对pc界面的优势是横向尺寸的相对固定,如单一产品中不同业务的内容版式都能遵循一致的连续原则,界面的复杂程度不会因为内容组合而成比例的上升。

原标题:视觉运营体系搭建——我们都做了什么

威尼斯手机娱乐官网 11

威尼斯手机娱乐官网 12

威尼斯手机娱乐官网 13

在经历了app的4.0的全新升级,从公司的战略方向及商业诉求到落地的UI、视觉、交互的转变,转转都进入了一个全新的阶段,去面对更大的挑战,同时寻求自我的突破和进步。

IOS和Android就是系统性质的规范,包括微信钱包界面、支付宝钱包的首页的入口以及里面的内容都属于这个范畴,所以他们的入口形式异曲同工。作为系统是开放的,为了确保系统本身和在此生存的产品保持面对单一用户时的完整,他一定期望系统中的产品都符合他的设计体系,而单纯的规范没法控制将来系统中应用的品牌和形态,所以试图用设计语言的方式来引导,将界面的组成内容拆分成不带情感嵌入的控组件方式。尽可能地促成未来系统中的产品能有延续的使用习惯和一致的用户体验。单一产品的设计师从使用者的角度愿意去依照系统规范的目的也是为了融入系统的环境,从而使产品在体验上更顺手更友好。

——黄有璨

如何制作出一份对设计师、产品经理、程序员都有价值的设计规范?今天奇维用淘宝2015的规范优化实战案例,结合之前在腾讯CDC经历过的雅虎、QQ、金蝶等设计规范,给同学们聊聊他所理解的规范,以及如何完成一套产品性质的规范,全文高能干货,收。

威尼斯手机娱乐官网 14

威尼斯手机娱乐官网 15

威尼斯手机娱乐官网 16

对于使用者而言,查阅麻烦,内容更新不透明。日常使用时规范不严谨。迫于大佬的淫威不敢多言抑或信于大神的权威照单全收,执行和推动受到具体业务情况的质疑,导致进展不顺畅。

首页banner解构

  1. 它主要满足哪些角色的诉求?

威尼斯手机娱乐官网 17

我理解的规范概念

威尼斯手机娱乐官网 18

设计语言和系统性质的规范最大的区别就是内容和原理更加贴近产品,可以明确的给出执行内容,而不需要用语言概念来引导和建议。

style="font-size: 16px;">转自:旧爱文工团(ID:zhuanzhuanloved)

作者: 林坤

威尼斯手机娱乐官网 19

威尼斯手机娱乐官网 20

关于标叔,那就是另外一个传奇了:《腾讯CDC标叔力作!聊聊我与交互设计的那10年》

威尼斯手机娱乐官网 21

界面的设计规范是为了促成产品体验以自身为主体的统一和延续,减少用户的认知成本。项目人员避免个体的重复思考,减少不必要的沟通。

威尼斯手机娱乐官网 22

威尼斯手机娱乐官网 23

为了更加清晰的理解,明确设计方法和形式,对首页运营位banner进行解构分析。

威尼斯手机娱乐官网 24

威尼斯手机娱乐官网 25

常规概念里,规范在产品版本不断迭代的阶段中完善,在这个阶段中需要同时满足以下角色的诉求:产品经理、技术人员和设计师。大而全的内容针对的人群很多,看似事半功倍其实非常不可取,势必造成规范文本的可读性差,技术和设计等不同角色对于内容定义的标准不一致也会造成参照数值交叉错误。对于产品经理来说,规范是匹配不同产品经理之间对于同一模块的理解,说明业务的背景和原理,而不是严格意义上的执行。而对技术人员可以用统一的控组件库来调用,那么日常工作也就基本摆脱对规范的诉求。

风格设定、设计规范及流程的制定明确了团队的设计核心,以此为基础我们要展开更多的尝试和延伸,来丰富我们整个设计体系。

当然uikit的形式不是产品性质规范的全部,整体内容的沉淀同样需要。设计师应对不同需求会有不同的界面反馈,这些内容决定了设计的结果是动态的。所以需要了解静态内容模块的源文件在真实业务场景里的变化规则。

通过用户、场景产品风格调研,明确二手概念在设计形式表现的特征,归纳成关键词,并根据关键词概念进行设计落地和延展。

规范的目的都是一致的,细分之下会略有侧重。设定之前首先要判断规范是属于系统性质和还是产品性质。这关系到使用的时间和能力的成本。

威尼斯手机娱乐官网 26

  1. 如何来呈现规范的最终样式?

在这个问题上我们还有很多工作需要解决和完善,视觉运营体系的搭建便是其中一个环节,旨在找到新版本下视觉的核心,通过这个核心,对内:配合业务快速响应,提高效率和端内一致性,增加团队专业度;对外:逐步形成品牌认知,传递我们的品牌温度和设计价值;

自然:针对产品设计体验。我把他理解成产品和用户之间默认的普世价值。坚信界面设计的一切都是在模拟自然届的真实存在。具象的视觉效果无论是拟物还是扁平,不变的是界面都是自然界一切物理规则下的视觉效果。

威尼斯手机娱乐官网 27

07年规范从无到有令人欢喜,解决日常设计中的常规问题,使内容更加贴合业务。比如根据使用强度和频率对内容结构进行调整,以及统一参数和描述。但也暴露浏览体验不太高效,更新后信息同步并不及时。因此尝试将所有内容搬到线上来,满足不同浏览诉求。还将内容打印出来彰显具体的工作量。

提取情感关键词

威尼斯手机娱乐官网 28

威尼斯手机娱乐官网 29

无痕:针对团队协作效率。我把他期待成设计与技术之间建立的匹配要求。在业务模块的设计中去掉一切无需出现的修饰元素,呈现界面的必要信息,尽可能的做到效果的无情感。逐步将这些内容转变成代码后互相的组合就能无缝对接。

威尼斯手机娱乐官网 30

09年至今在整体规范基础上,针对各功能模块所产生的细节规范应运而生,规范越来越精细。对于工具产品的设计师来说避免了机械问题重复发生,同时团队不用再将缜密思索的宝贵时间浪费在重复性的功能设计上。但无论工具产品还是内容产品,在考虑规范时大都只考虑控组件本身的情况,所以规范的设定一者和业务没有多大联系,二者不能匹配业务诉求在合理范畴内的多样性,何况内容性产品本身由控组件构成的页面比重在产品的迭代过程中会变的越来越少。

我们一直在思考和探索,不论产品策划、设计还是运营方面,如何引导、教育用户,吸引、留住用户这些问题,从而在商业上解决引导、转化、留存用户等问题。

对间接受到影响的产品经理和其他人员,规范不严谨总在限制伟大产品的光芒万丈或实现的成本,负面情绪甚重。渐渐的,部分设计师对于规范会有一种我最爱的人伤我有多深的迷茫 。

威尼斯手机娱乐官网 31

威尼斯手机娱乐官网 32

责任编辑:

  1. 设定规范为了解决什么问题?

这种设计趋势源自于80年代的由许多意大利室内设计师所组成的孟菲斯集团,这种复古又不失潮流的设计风格符合我们虽然是二手,却能赋予二手不一样的价值。

威尼斯手机娱乐官网 33

威尼斯手机娱乐官网 34

设计语言概括了自然、有序、无痕三个关键词,手淘2015整体优化设计在先前的文章已经有了详细的描述。这里只对关键词做简单的释义。

这次在开始设计手淘2015整体优化时,试图把过往的设想和办法在项目中尝试一遍,找到设定合理规范的解决方式。我想为了解决这个矛盾首先要厘清主要几个核心:

今天就来讲讲我所理解的界面设计规范,以及根据这套原则如何呈现手机淘宝(寿桃)的设计规范。

06年得益于团队之间的交流,机缘巧合跪拜了大雅虎的设计规范,分别是闪着光辉的英、韩、繁、简四版。恰逢工作中完成QQmobile需要交接,同时参与QQ内部版本的研发,作为一个向往成熟但还没熟透的设计团队是必须要有规范的。玩不起大的,针对单一的产品还是很有必要。

团队内部使用的产品性质规范首要考虑的是使用效率,其次才是内容的沉淀和传播,而我们以往更在乎内容沉淀,看重数量、传播和影响力。恰恰忽略了最本质的作用而放弃了对这部分隐形能力的体现。

规范不是万能的,他是通过解决问题来提升设计的体验和审美,而不是单纯提升体验和审美。

设定者在推进时不能被规范绑架,设定和需求内容冲突时,对于用户的自然体验是违背的。

这个步骤的内容在版本的迭代中和问题发现中不断的完善。他和系统性质的规范没有本质区别,只是相对于系统性质的规范不需要考虑各种可能性,内容会更加聚焦自身产品。所展示的案例也可以完全使用产品里的真实场景,便于更好的理解产生的原因。

威尼斯手机娱乐官网 35

素材库由界面中的内容模块构成,如商品单图、商品双图、商品信息流等。手淘重新设计时各个模块都重新进行分类和归纳,按照使用的纬度来划分。并且随着模块多样性的补充将单一素材库拓展出基础产品素材库、接入素材库和模块素材库。基础产品素材库针对手淘里常用的视觉元素。接入素材库针对手淘中其他团队接入的业务,此类业务在手淘中是独立功能,因此以基础产品素材库为基础扩展更多符合此模块的精细化内容。产品模块素材库针比较完整且通用不同业务的内容模块,比如商品评价、信息评价、信息详情。

别人常问我的花名是什么意思,是否期望具备奇特思维?然而并没有,那是前公司昵称的音译,以感恩及怀念志同道合的逗逼们一起成长的日子。别人也常问kiwi是什么意思,是否期望像kiwi鸟一样没有条件创造条件具备前行飞翔永不停歇的精神?然而并没有,诚恳的星座实事求是的告知那只是猕猴桃的翻译。

指南是对元素如何组合呈现的原理描述进行沉淀。让设计师在有需要时了解规范设定的原理。比如颜色、文字、热区、图文版式,及控组件如何使用。

威尼斯手机娱乐官网 36

目前实践效果来看uikit的形式能快速的覆盖到产品的每个业务。设计师逐渐熟悉这种方式后节省不少时间,释放的时间能投入到如何更好的理解业务概念从而选择或者增加最为合适的业务模块。最后提供整体规范下的细节规范,给到外部愿意使用的关联团队。如手机淘宝里的外部接入市场的设计。缩小了内容范围规范可以变的更加的丰富。但同样使用uikit的源文件形式。

我所经历的规范

寿桃(手机淘宝)设计规范

完成一套针对产品性质的规范

规范是给愿意使用的人使用。否则遇到问题就真的成了不解的问题。

寿桃设计规范同样由语言、素材库、指南构成。

本文由威尼斯城官网发布,转载请注明来源

关键词: