首页

当等待无可避免时,如何优化等待体验?

资深UI设计者

等待体验几乎不可避免、随处发生,无预期的等待还可能让用户心烦意乱。针对等待体验,我们该如何设计?


一、尽量减少用户等待的情况,尽可能缩短等待的时间

如当用户浏览网页的时候,若在用户浏览到已加载内容的倒数第5条再预加载10条内容,可缩短用户浏览接下来内容时的加载等待时间。再如生活中医院的预约挂号系统,用户可以提前一两天挂号,当预约时间到了直接到指定科室看病,避免了长时间的排队挂号。


二、如果是不可避免的等待,该用什么办法去优化等待体验呢?

总的原则是:在用户等待时给予用户反馈,告知状态,且尽量让用户在感知上缩短等待的时间。反馈可根据等待的预估时间不同、场景不同,选取不同形式。

  • 一般情况下理想的响应时间应该控制在 100 毫秒内,一些响应的时长可允许达到1秒,绝不可超过2秒无反馈。

  • 若是等待响应时长为2-9秒时,可设计循环的加载动效(loading),告知用户正在加载中。

  • 若是等待响应时长超过10秒时,可设计带有进度指示的加载动效。此时除了告知用户正在加载中(即告知等待原因和当前状态),还要告知用户预期响应的时间。



可采取分步响应用户的方式,多次反馈,可让用户在感知上缩短等待的时间。

如一些页面内容较多,加载时能分步显示,可按照框架、文本、占位图、图片的顺序加载显示,会在感知上缩短加载时间。又如加载一个新视频,视频前几帧优先显示最小体积的视频资源,等较高清视频内容加载出来时再切换为高清视频资源,可缩短用户等待视频开始播放的时间。



唐纳德诺曼提出过排队等待的6个设计原则,可以很好地帮助我们设计等待体验,6个原则分别是:

(1)提供一个概念模型。

(2)使等待看起来合理。

(3)满足或超越期待。

(4)使人们保持忙碌。

(5)公平。

(6)积极的开始,积极的结尾。


下面我们就说说这6个原则在优化等待体验上的运用:


1. 提供一个概念模型

概念模型是帮助人们把复杂自然现象转变成可用的,可理解的心理模型。概念模型可以帮助用户理解事物,了解事物如何运作以及当前处在哪个阶段、理解当前为什么处在等待状态,以及产生对未来即将发生事情的预估和期待。

如用户通过饿了么下单后,app上会用插画显示商家备货、骑士送货的过程。让用户了解外卖送到手中的整个流程,以及当前处在流程的哪一阶段,距下一阶段预估还有多久。如果是雷雨天,订单页面的插画还会模拟实时天气情况,用户看到插画想到骑士正在雷雨环境下送货取货,也会理解骑士配送辛苦、理解当前配送缓慢,缓解等待时的负面情绪。



2. 使等待看起来合理

使等待看起来合理,即通过概念模型使用户理解为什么要等待,明白等待是有缘由的。

如用滴滴打车时,当我们按下呼叫快车按钮,页面会显示动效光波信号向外扩散,同时会显示当前排队人数。设计师通过设计建立一个简易的概念模型,让用户理解当前的等待的原因,并认为等待是合理的。实际上滴滴派单的算法流程可能与页面显示的流程不同。但用户等待时会理解此时手机正在发出信号请求驾车信息、或此时正有多人在排队、或此时正在等待司机接单。



3. 满足或超越期待

满足或超越期待指用户给等待时间估算时长时,如果用户实际的等待时间比心理预期的等待时间要短,用户会有相对比较好的心理体验。

心理学专家曾做过一个实验,同等时间下,同样长度的进度加载条有三种进度显示方式:进度条速度匀速、速度先快后慢、速度先慢后快。三种相比较发现,当进度条增加速度先慢后快,用户的体验最好。而用户体验最差的是加载速度先快后慢,因为如果开始的时候加载速度比较快,用户一开始就有了较高的心理预期,当速度变慢时便低于用户的心理预期,感知体验就会变差。



4. 使人们保持忙碌

使人们保持忙碌即让用户在等待的时候有事可做。因为当人们非空闲时,对时间的心理感知会比空闲时对时间的心理感知要短。

利用这个原则的设计如:CorelDRAW软件下载安装时,软件安装等待页面除了显示进度条还放映国际优秀设计图片,CorelDRAW用户一般都是设计爱好者或设计从业者,通过让他们浏览优秀设计图片来度过软件安装时间,避免用户纯空闲等待。



5. 公平

当用户正在等待时,如果等待看起来是合理且公平时,不易引起用户的负面情绪。如果等待看起来是不公平的时候,更容易引起用户的负面情绪。如:当你正在排队买票时,同等条件下,你看到后来半小时的人比自己先买到了票。你可能会抱怨,“为什么比我晚来半小时的人都排到了我却还在等”。

针对公平方面的设计如银行的叫号办理业务系统。用户统一到取号机前取号,每当一个窗口的空出来,叫号系统便叫一个最早的号去该窗口办理业务。这比人们直接分散在多个窗口排队会更公平,不会出现早来却因为这个窗口排队慢而导致等待时长比晚来的用户更长的情况。同时把多个小队伍变成一个大队伍,用户感知上也会觉得队伍移动的更快,也有助于降低等待的负面情绪。


6. 积极的开始,积极的结尾

德国心理学家艾宾浩斯曾提出系列位置效应,指记忆材料在系列位置中所处的位置对记忆效果发生的影响,包括首因效应和近因效应。(来源:百度百科)即人们回忆体验时,在最开始和最后的体验比中间的体验更能让人印象深刻。所以当我们在设计等待流程时,要保证等待开始和等待结束时有较好的体验。


如当我们在餐馆排队结账时,一些餐馆结账台旁边会放着一盘薄荷糖,收银员帮用户办理结账时会对用户说可以拿几颗薄荷糖。这个小奖励会让用户走出餐馆后对刚刚结账时排队等待的不好体验的记忆变弱,而对最后的薄荷糖有更深的印象,从而对餐馆也留一个相对好的印象。

关于等待体验的优化设计案例还有好多,但基本的设计原则是相通的。

我们在实际设计时可先整理用户整个体验流程中可能等待的点,看看哪些是可以通过设计或技术缩短实际等待时间的。针对不能缩短实际等待时间的点,我们先预估每个等待的时长,并设计概念模型让用户理解等待的缘由且能预估等待的时间,且采取合适的方式让用户在感知上尽量缩短等待时间。

文章来源:站酷  作者:酱紫丫

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

资深UI设计者

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

偶然间发现了一本3年前买入的书《侘(cha第四声)寂》,心里打着哪怕是看上10分钟至少也是没荒废这个假期的念头,读了起来;

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

那么关于“侘寂”,虽然认识不深,但又有一些个小想法,借着假期的余温跟大家唠上一唠:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

百度上对侘寂的解释是:侘寂是现代文学翻译上的一个误解,侘び(WABI)与寂び(SABI)。国人将其整理为侘寂一词。日本美学家冈仓天心的著书《茶之本 Book of tea》把侘び的翻译成“Imperfect”所指的应是侘び美学中,外表的残缺…还有人说“侘寂”是一种思想,一种美学,一种世界观。

我觉得吧,说的太深了不好理解,甚至有点啰嗦了,我尝试着概括了一下,基于在下有限的语言能力大概是这个样子:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

虽然解释中有提到残缺之美,但在我认知里侘寂还真没有什么残缺的感觉,特别是以无印良品为代表的日式自然风格,他们对过于装饰嗤之以鼻,钟情于“不虚张声势,却历久弥坚“的设计;我试图去按照自己的意思揣摩无印良品的设计哲学,结合名词本身,再次总结了一下:侘寂美学不会执着营造表象,取而代之的是尽量流露事物本质,不会随着时间的推移而丧失所谓的“新鲜感”;所以回过头来再看无印良品的设计(不管是平面还是产品),大差不差,我们都会感慨道:真 tm 耐看啊!!!

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

嗯,结合上文,关于“侘寂”这个词,我觉着大概也就是这么个意思了。

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

侘寂是 无印良品 / 宜家家居 等产品设计哲学的灵感之源,也是侘寂理念的追随者。但最大牌的死忠粉就不得不提乔布斯和他的苹果了,老乔本人对日本美学的热爱超越任何人,深受日本侘寂美学影响,也因此成就了苹果手机极简风格的设计(说个后话,这种简约是建立在内在高品质和对细节追求的基础之上的,一定程度上对侘寂轻度的人为干预)。

插个题外话,仔细琢磨一下,不难发现 20 世纪中后期,从包豪斯的第三任校长密斯凡德罗到博朗的迪特·拉姆斯和苹果的设计不约而同的在表达类似“少即是多”的设计理念;这种大一统的现象很奇妙,一定程度上结束了工艺美术和装饰艺术对设计界的统治,这既是开始,也为设计风格的轮回做着准备。

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

回归下主题,国际知名品牌的设计风格被分析得透透的了,我也不赘述了,主要说国内的深受影响的产品。在我的印象里,oppo 的 color OS 算是其一,特别是当年 color OS 6“无边有界”的概念让人着实兴奋一把:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

坦诚的讲,以侘寂为核心出发的产品在我们的生活中并不少见,他们以突出内容为主,没有其他什么过度的装饰;前有 Instagram,Evernote,也有最近大火的 clubhouse;

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

从产品理念上讲他们注重对主线功能的强调,对诱导性功能不太在乎;再聚焦到用户界面上来讲,他们认为保持最舒适的屏效要比塞满每一个像素更重要;哈,那么问题来了,国内的产品(特别是巨型体量的产品)都不约而同的对屏效有着深深的执念,导致他们看起来难受的一比。这次我们先聊聊屏效:

1. 屏效的取舍 

屏效这个词是“坪效”的演变,后者可以理解成实体店铺每平米的营业额,是一个经营效益的指标。所以类比下来,手机屏幕也可以这样计算,就简单理解成 “每一像素可以带来多少商业效益” 就行了。

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

理论上来讲,一般用户最有用的浏览区域为手机前 3 屏,如果更严格点来说是前 2 屏,按这个思路的话,咱大概就能得这么个结论:每一屏里给用户看到更多的东西,那么收益(浏览量/点击率什么的)也会成正比,所以这个结论就一直被传承下去了。但…如果不是抖音的出现,那么怕是我现在还对以上结论深信不疑:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

哎,不是说单屏内展示的越多越牛 X 么,为什么抖音这一屏一个的做法立刻风靡了全球,甚至还把快手这个老对手拉上了这条新体验的船。带着这个疑问,试图刨根问底,追溯源头,冷静分析下了当前的现状:这大概是形式影响商业价值的一个绝妙的 case 了。先看以前,从互联网产品诞生以来,feed 流的广告形式大概也就是这两种了:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

传统的 banner 理论上就是“CPM”,是一种展示付费广告,根据曝光次数收费,这种形式太多见,我们常用的饿了么 / 美团外卖的顶部 banner 都是这样;CPC 不用过多解释,就是点了广告主就给钱的那种,在今日头条刷新闻的时候经常可以看到,还有公众号的底部广告也是这样的原理。再看看抖音的设计:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

抖音的 GD 单页广告的形式基本上是集各种模式的优点于一身,既有品牌曝光(CPM),也有点击(CPC),甚至还有按时长收费的 CPT 整合进来。我猜测创造这种形式的设计师本身也对美学和商业有深刻的理解,不得不说既保证了体验又提升了商业价值,美的不可方物啊~所以说,通过这个例子也许你会发现,屏效和商业价值并不是“是非题”,更像“多选题”,我们总是对所谓的习惯报以崇高的敬意,但事实上这折射出了人的“奴性”,通常我们认为对的事情也仅仅是习以为常罢了。

话说回来,例子虽然生动且具备说服力,但我猜想你应该跟我一样,未必有机会去做这么颠覆性的设计(即使有机会也未必有胆量哈哈哈哈哈),我试着找了几个例子希望能够帮助你在设计上可以 balance 屏效和商业价值:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

最后再给大家分享个压箱底的小技巧,也是之前看到知乎的广告突然间被启发到的:

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

当然,以上的例子是尽可能的通过屏效来平衡美学和商业之间的关系,总的来说,侘寂这种理念在我国互联网注重运营的土壤上不是那么的好生长,大家尽力就好~

上点小福利

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

尽管我一直坚持输出设计观点,但我发现好多朋友练就了 “一看就会,一用就废” 的日常技能,所以还是准备了一些经过我严选的模版和素材送给铁子们,希望铁子们在学会理论的同时也能手活跟上,眼高手低不可取,眼手双高真牛 B!

乔布斯最为推崇的「侘寂」美学,如何运用到产品设计里?

总结一下

侘寂之美是许多当代设计师所追求的境界,但互联网貌似就是一滩死肥,无论你怎么施肥,也未必能开花结果,各种方案也会相应的受到各种挑战,说白了这种以美学驱动创新本就抽象不可具象,甚至又一些玄学夹杂其中。假如你也希望能够借势突破,不妨以美学为指导思想,以商业价值为突击点去尝试方案的可能性,或许这样说服力才有可能被大幅提升。


文章来源:优设  作者:负能量补给站

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

体验设计如何降低成本提高效益?

资深UI设计者

你是否和我有同样的困惑,常常无法客观看待自己的设计,优化的时候又常常不知从哪里下手,看到别的产品设计又无法给出具体的判断依据。



今天学习一下用户体验的结构化衡量标准。不管是日常工作还是作品提升,都可以作为一个方向性的指导。


要想读懂一个信息,多少文字才能解释清楚(认知成本)?网页加载多长时间才算合理(时间成本)?要设置摄像机的时间和日期,设定多少个步骤才算合理(操作成本)?


首先我们来了解一下通用设计法则之——成本效益法则



成本效益法则的概念


百科含义:成本效益法则指的是要从“投入”与“产出”的对比分析来看待“投入(成本)”的必要性、合理性,即考察成本高低的标准是产出(效益)与投入(成本)之比,该比值越大,则说明成本效益越高,相对成本越低;考察成本应不应当发生的标准是产出(效益)是否大于为此发生的成本支出,如果大于,则该项成本是有效益的,应该发生。


从设计的角度来看,成本效益法则一般是用来评估伴随着新功能或新元素出现新增加成本的最后财务回收状况。


用户价值 = 新体验 - 旧体验 - 切换成本


从用户角度来看,成本效益法则也可以用来提高设计的品质。如果与设计互动的相关成本大于收益,就是不良设计;相反,如果效益大于成本,就是优秀设计。用户成本一般包括认知成本、操作成本、时间成本。


体验 = 效益 - 认知成本 - 时间成本 - 操作成本


例如:把走一段路到展览馆看展当作成本,把看展的趣味程度当作效益,如果趣味程度超过走路的成本,那么这个展览设计就是优秀设计。


优秀的展览设计效益大于成本


糟糕的展览设计成本大于效益


每个设计的品质都可以用成本效益法则来进行衡量。如果与某项设计互动之后,用户觉得获得的效益高于此次互动的相关成本,即是优秀的设计;相反,如果成本高于效益,即是糟糕的设计。



怎么做?


若想提高体验的价值,可以从两方面入手:1. 提高效益;2. 降低成本



提高效益更多是产品层面的决策,所以站在设计师的角度,这篇重点从如何“降低成本”展开。降低成本主要有三方面:降低认知成本、降低时间成本、降低操作成本



PART 1 

降低认知成本


1. 减少冗余信息


a. 去掉累赘文案





为了避免客诉,设计常常会“被迫”在首页做冗长的文案提示,比如美团民宿的“今天入住、明天离店”的文字提示,彷佛在跟着文案做“今天入住+明天离店=1晚”的数学题,过于平铺直述反而增加了用户思考。而且过于具体的文案在小字显示的效果下阅读性也不够好,反而增加了用户阅读文案的认知负担。


同样是 1 晚,Airbnb的文案表达简洁明了,日期间的横杠足以理解是从哪天到哪天的含义。


如果说Airbnb是国外产品,调性不同,那么像马蜂窝的解决方案也是层次与阅读都更加清晰易懂的方式。



b. 去掉多余选项



招行银行的首页功能并不是我会经常要用的功能,但是却无法像支付宝那样自定义编辑首页的功能icon,去掉不需要的功能入口。



2. 内容好理解,减少思考,减少记忆


a. 文案与图片匹配度



文案与图片的契合度高更够帮助用户更有效的理解内容,App Store的推荐卡片在这方面表现的非常优秀。



b. 结构框架好理解——格式塔原理



接近原则中指明物体之间的相对距离会影响我们感知它们是否以及如何组织在一起。京喜首页功能模块区分的相对距离差别不够大,加上商品图的视觉干扰,更加影响信息层次的区分。而淘宝的模块信息分组则清晰明确,信息辨识度高,视觉干扰少,能够有效减少用户区分信息的思考。



c.记忆的局限,降低记忆负担


人们工作记忆的容量有限,大约是 4±1。由于短期记忆的局限,设计师应该确保用户可以简单地识别信息,但不能从之前的对话中回想信息。


比如我们经常会发现考试中的选择题比简答题更容易,这是因为选择题要求我们去识别答案,而不是在记忆里回想答案。


再例如搜索,当搜索结果出现时,我们的注意力自然地从输入的词汇转移到了结果上,因此好的设计应该在搜索结果页展示搜索词。把点击过的结果变色也是帮助用户记忆已点过的内容。



知乎的搜索结果不记忆已阅览的内容,而谷歌搜索则帮助用户记忆已阅览过的内容。



 3. 优先级:信息层级


a.用户优先级、b.功能优先级、c.视觉优先级


d.交互优先级



常见的是弹窗按钮,需要区分信息优先级,不让用户产生选择困扰。



 4. 文字、图标的识别性、易读性



美团Tab icon简洁明了,图形与含义符合,文案简洁清晰。而悦会则显得复杂难以识别,不仅文案复杂,易读性比较差,图标也没有准确表达其寓意。



 5. 一致性


a. 内部的一致性、b. 交互逻辑的一致性、c. 元素的一致性、d. 语词的一致性、e. 信息架构的一致性


f. 视觉的一致性



Airbnb的版式从banner到下面的标题分类,对齐方式与字体对比都保持一致风格,图标和插图都是线与线面的风格。对比之下,携程的设计语言则相对不够完整,不仅icon风格不太一致(面和线都有),banner运营位的版式也是比较随意的(文案没有统一的排版规范)。



 6. 提示、引导、反馈



好的引导反馈能够大大赋能业务目标,相对于躺平的关注引导,好好住的类似提示引导,则生硬了很多,特别是两句文案的切换动作比较刻意,加的笑脸表情也跟引导关系不大。而躺平的引导非常的萌,文案与形象风格都很nice,加上形象手指的动态效果,使引导非常的自然讨喜。



 7. 符合用户习惯


比如,Windows 与 Mac 系统的软件关闭方式。使用windows电脑时,我们形成了右上角关闭的操作习惯。后来开始用Mac电脑,关闭入口都在左上角,在一段时间内,每次关闭都要找一下关闭按钮在哪里。由于Mac的关闭方式没有比windows产生显而易见的体验提升,改变操作习惯成本高,部分用户可能会认为Mac的关闭操作不好用。



当然,假如最开始用的是 Mac 电脑,后面再使用 Windows 电脑,也会感到 Windows 不好用,这是先入为主的观念,一旦产生习惯,改变习惯将产生一定的学习成本



PART 2 

降低时间成本


1. 扭转用户对时间的感知



今日头条通过懒加载的方式,将文字内容优先显示,并且将图片位用默认底色先显示出来,用户可以在图片加载出来之前先看文字内容,大大避免了等待的焦虑。我们应该避免像移动营业厅这样的空白加载页面。


 2.  增加等待过程中的价值



王者荣耀游戏开始前的加载界面会有小技巧的提示,等待的时间可以学习一些小技巧。



PART 3 

降低操作成本


 1. 先价值吸引后行动(先浏览后登陆)



每日瑜伽可以先浏览内容,想要了解更多的时候才引导登录,降低了操作成本。而keep却必须要先登录才可以浏览里面的内容,增加了使用门槛。



 2. 预测用户行为



滴滴出行根据用户经常使用的地点预测用户要去的地方,一键选择地址更便捷。



3. 主动替用户选择



美团外卖支付时主动帮用户选择极速支付选项,一方面让用户更便捷,另一方面也能增加银行卡账户的绑定,赋能业务。



 4. 简化关键节点



淘宝确认订单自动选择优惠券,简化了关键流程,降低操作成本,提高下单转化。现在很多购物平台也都实现了这一点。



5. 减少手动输入操作



以闪送为例,自动读取复制信息——一键粘贴——智能识别——自动填充信息,减少了用户的手动输入操作,大大提高了体验的质量与效率。



降低成本的误区


是不是成本越低,这项设计就是越优秀的设计呢?在成本效益法则下,绝不是成本越低,效益就越高,设计决策需要把互动产生的效益考虑在内。


如果一个交互的复杂度能够提高交互产生的效益,那么就应该适当的增加交互的复杂度。



比如我们常用到的密保键盘,打乱的数字顺序能够防止偷窥者从手势位置窃取密码,因此这项交互成本的提高相应的能够大大了我们资产账户的安全效益。


所以,必要时是可以通过提高成本换取更高的收益。但同时如果技术允许,通过手机短信验证登录与面容识别这种成本更低安全系数更高的方式,还是更好的选择,要根据具体的场景具体对待。



总结


每个设计的品质都可以用成本效益法则来进行衡量。如果与某项设计互动之后,用户觉得获得的效益高于此次互动的相关成本,即是优秀的设计;相反,如果成本高于效益,即是糟糕的设计。


设计师运用成本效益法则提升用户体验的维度主要在降低用户的认知成本、时间成本、操作成本。


降低认知成本包括:减少冗余信息;内容好理解,减少思考,减少记忆;优先级:信息层级;文字、图标识别性,可读性,易读性;一致性;提示、引导、反馈;符合用户习惯。


降低时间成本包括:扭转用户对时间的感知;增加等待过程中的价值、趣味性、小贴士。


降低操作成本包括:先价值吸引后行动;预测用户行为;主动替用户选择;简化关键节点;减少手动输入操作。


同时我们也要注意降低成本的误区,并不是成本越低越好,如果提高成本可以换来更高的效益,也要具体情况具体对待。


文章来源:站酷  作者:水原七秒

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务



品牌升级思路

资深UI设计者

想做品牌升级?先来学会高手的结构化思维!

品牌升级设计不是件小事,也不像看到的那样光鲜亮丽。这个过程很复杂,充满了很多人的意见和情感。基于我个人对品牌的认知,品牌设计的整个推导过程是“文化←专业→业务”,也就是说核心的品牌资产去承载文化和赋能业务。害,虚头巴脑的,还是上张图来捋一下思路:

想做品牌升级?先来学会高手的结构化思维!

确定虚的部分后,需要多维度分析需求,并且了解用户对品牌的印象(前提是要确定你的用户是谁),但首当其冲的是确定一个方法,那么情绪版是一个相对来说还算靠谱的推导方式:

想做品牌升级?先来学会高手的结构化思维!

按照这个思路,设计风格以及重要因子(颜色 / 字体等)就基本被确认下来了,然后就需要相关的设计师按照逻辑图的顺序落实到业务应用当中:

想做品牌升级?先来学会高手的结构化思维!

哦,对了,做这些之前最好确定一个 SOP 模版,帮助你可以快速的完成适配工作:

想做品牌升级?先来学会高手的结构化思维!

另外还要强调一点(这个点我在面试的时候也会经常问候选人),因为整个项目涉及的人很多,耗费的资源也巨大,所以为了确保无缝执行,协调工作要怎么进行呢?这就需要机制和规则的设定来辅助你管理/协调每一个人的工作了(不要忽视这块,并不是只有界面设计是设计,思维的设计同样是设计哈):

想做品牌升级?先来学会高手的结构化思维!

对了,除了运用在品牌视觉之外,产品中也需要适当的被 highlight 一下,以马蜂窝为例:

想做品牌升级?先来学会高手的结构化思维!

想做品牌升级?先来学会高手的结构化思维!

如果说 logo 是企业的象征,那么超级符号是品牌形而上的灵魂。不同于辅助图形,辅助图形往往来源于品牌标志,可以是品牌标志本身,也可以是品牌标志某一部分;超级符号的形式偏生活化的符号,跟辅助图形形式上可能类似,但用途往往更大;

想做品牌升级?先来学会高手的结构化思维!

比如可口可乐的瓶身,宝马的前脸,ta 通常不那么起眼,甚至在你脑海里都习以为常,觉着就应该这样,丝毫提不出什么质疑;

著名搜索引擎百度定义超级符号为:他们本身具有一定意义,要求人们按照其指导进行活动。(这个解释感觉冷飕飕的…)我试图用自己话来说:就是品牌本身传承下来或者创造出来最具特色最能代表的图腾;

品牌设计中需要符合和 logo 搭配使用,因为在一定场景下,真正能让用户感知并认可的可能是超级符号,而非品牌的 LOGO;

想做品牌升级?先来学会高手的结构化思维!

当然,超级符号可以依附于 logo 存在,同样也可以作为个体单独存在,两者并没有绝对意义上的划分:

1. 超级符号的形式

最著名的两者合二为一的就是天猫啦,从天猫 logo 的诞生到现在,质疑一直没有停止过,硕大的猫头看起来傻里傻气但恰恰也是这个原因,被记住了概率大大增加;如今我们能看得到每年的双十一都会有这只猫存在:

想做品牌升级?先来学会高手的结构化思维!

另外如果用一个通用符号作为超级符号的话,其实是比较吃亏的,用户虽然可以比较容易的描述出比如一个圆一个矩形之类的,但是却不容易让用户记住你,记住你跟其他产品的区别;比如美团外卖的品牌升级,一定程度上是想从通用符号过渡到专属符号。

想做品牌升级?先来学会高手的结构化思维!

符号和 logo 分离的例子也有很多,比如滴滴的圆:

想做品牌升级?先来学会高手的结构化思维!

咱也不知道为啥,ta 就用了个通用符号,不过属实还挺好看~

2. 浅谈超级符号的设计 

设计一个符号一定要把产品的特色最大化,试想一下漫画的画法,其中最重要的一点就是特点的不断夸张夸张再夸张,不断让人记住 ta 最具特色的那一面:

想做品牌升级?先来学会高手的结构化思维!

初期的超级符号绝对不是简单的设计一个图形就完了,从最基本的图形到颜色、字体、元素、板式再到整个视觉风格体系,再到融入到产品 UI 或者线下媒介的传播的每一个触点去传达品牌;当然超级符号也会有进化,比如最终进化到可口可乐最后会进化成一个颜色-红色;再比如已经销声匿迹的 ofo,你永远也不会说:“我要骑一辆 ofo”,取而代之的是“我要骑一辆小黄车”,所以你看符号进化到最顶级的时候未必需要实体(咦,这句话又让我想到了奥卡姆剃刀)。

想做品牌升级?先来学会高手的结构化思维!

综上,做出具有可被记忆的特殊性符号,基本上就成功了 80%了。再经过长期不断的迭代优化,最终进化为无形的品牌资产就基本上可以宣告品牌的成功了~

上点小福利

想做品牌升级?先来学会高手的结构化思维!

尽管我一直坚持输出设计观点,但我发现好多朋友练就了 “一看就会,一用就废” 的日常技能,所以还是准备了一些经过我严选的模版和素材送给铁子们,希望铁子们在学会理论的同时也能手活跟上,眼高手低不可取,眼手双高真牛 B!

想做品牌升级?先来学会高手的结构化思维!

总结一下

当下,品牌设计的价值也不断的被提高,一方面是在流量尤为重要的今天,品牌的第一个作用就是导入流量;另一方面是因为产品的溢价主要是由商业包装决定的,包装最终成就一个品牌,而品牌就是终极的包装。设计师作为其中的重要参与者,一定要明白品牌资产的沉淀和品牌是其实是质的区别,别试图去用形而上的手段去解释本质性的问题,试着把产品和品牌紧密结合,毕竟品牌的最大输出口就是产品本身。


文章来源:优设  作者:负能量补给站

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


网格的基础---蓝蓝设计

ui设计分享达人

网格系统的基础概念与基础知识

开始讲网格系统了,网格系统是针对于平面的,而不是网页设计和移动端的设计。网格系统、栅格系统、网格基线和网格基数,应用层面完全不同,大家跟着学慢慢就会理解它们之间的差异。平面中的网格系统非常的庞大,网格基础这块就分很多小块,如:网格的基础-知识(认识网格)、网格的元素、网格的类型、网格的应用等等。


这些知识掌握后就要去理解网格都应用在哪里,如:宣传册和小册子,插画书,杂志和报纸,包装,海报等等... 理解了网格系统都会使用在哪里后,就要去理解网格系统的具体结构,又分为两类:结构网格和解构网格。它们俩的知识又细分为:模块网格、比例网格、复合网格、分层网格、栏式网格等等... 


理解了网格系统的结构就要去理解网格系统的设计思维,如:避免呆板的设计、留有呼吸的空间、用色彩来编码、让读者参与运用组织规则等等... 这些知识全部都掌握后,大体的网格系统知识就差不多全部都掌握了。废话也不多说了,一点点来讲,这篇文章先来讲一下网格系统基础中的基础。


概念来自于嘉文·安布罗斯和保罗·哈里斯的《网格设计》。另外网格的历史属于网格的概念部分,有兴趣的朋友可以看看前一篇文章 网格的历史




目录


1. 网格的概念

2. 网格的构成

3. 网格的度量

4. 表现形式

5. 元素的比例

6. 元素的层级

7. 网状与点状网格




1.网格的概念


这里我引用蒂莫西·萨马拉和德里克·博德萨尔这两位大师对网格系统的理解,来让大家理解网格的基础-概念。蒂莫西·萨马拉认为 -“在文字问题全部解决之后,网格真正的成功取决于设计师是否超越网格结构所蕴涵的整体性,然后用它来创造一部分动态的视觉表述,这些部分可以让读者保持对整本书中每一页的兴趣”。德里克·博德萨尔认为 - “在版式设计中,网格是最容易引起误解和误用的元素。网格只有在你想用的素材上时才会有用”。

undefined


另外在了解一下罗伯特·劳森伯格先生对网格的理解 - 网格是用来给读者组织空间和信息的,它给整部作品提供了规划。网格给信息提供了围栏,同时也是规定和维持秩序的一种方法。虽然网格已经使用了许多个世纪,但是很多图表设计师还是把网格与瑞士人联系在一起。在20世纪40年代的时候,人们热切希望维持秩序,因而创造了种可以提供视觉信息并且更加系统化的方法。几十年后,网格设计被认为既单调又乏味。而如今,网络设计再次被看作是基础性的工具,无论是行业新手还是具备几十年经验的老手都依赖此种工具。

我这里再引用一下《秩序之美 - 网页中的网格设计》这本书中所阐述的对网格系统的观点,网格就是在混沌中建立规则。再引用《塑造和突破网格》书中的观点根据以上观点做结合得出 -“在混沌中建立规则,突破网格结构并打破规则”,就是网格系统的核心概念。这些观点结合起来,这就是我理解的网格系统的概念。



2.网格的构成


网格构成的概念:网格包括一套独特的对齐关系的原则,用于指导如何在一个版面中分配各个组成部分。版面中包含若干个不同的部分和构成,每个部分都有着不同的用途和功能。设计师也可以根据自身喜好,将某些部分从整体结构中去掉,这一切也取决于设计师如何理解材料、市场和读者的需求。网格的构成 - 大体结构:版面、版心、外缘留白 / 外页边距、订口、栏目、栏间空白、底部留白 / 底页边距。


网格的构成 - 大体结构 :

- 版面:版面是页面中所有构成部分的总和;

- 版心:版心是页面中主要内容的所在区域;

- 外缘留白 / 外页边距:外缘留白或外页边距有助于讲文本框纳入整体的设计中;

- 订口:订口是装订时所需要的留白,通常存在于两个页面之间的折叠部分;

- 栏间空白:两个栏目之间的分隔区域;

- 底部留白 / 底页边距:页面底部的留白区域;

undefined


网格的构成 - 局部结构 :

- 空白:空白可以提供如注释和说明文字等二级信息。

- 基线:基线是网格的基本结构,用来引导文本和其他元素在设计中的布局。

- 栏目:栏目是有组织的放置正文的地方,并让读者容易阅读;

- 空间区:空间区可以为文字、广告、图像或其他信息构成特定区域的模块组或栏目组。

- 模块:模块是给网格内图像元素留出的空间,相连接的网格可以建议建立不同的行列模块。 

- 标志:标志能标明出现在同一位置的素材的方位,包括页数、页首标题和页脚(标头、页脚),以及图标;

undefined具网格系统的构成部分又分为众多的知识点,应该渐进式的去理解,去学习。



3.网格的度量


在网格系统的中有两种度量:绝对度量和相对度量。网格系统本身有自己的绝对度量单位,例如英寸(inch)或磅(Pt,印刷字体大小的一种单位,1pt等于0.01384英寸,约1/72英寸)。在网格内部中很多元素可能会使用相对度量,来表示它们的大小和其他元素之间的关系。

undefined运用网格系统时,可以从起始点就开始使用坐标。红色的线条是基线,它们之间的间隔为12p磅。首行、分栏一起构成一个坐标。一个模块单位有13条基线,每条间隔为12磅,因此版心高度是156磅(13x12)。



3.1 网格的度量 - 文字 


文字经常以绝对单位磅来计算的。对于确定的长度,绝对单位能提供一个固定值,这便意味着设计师能有效的控制文字和基线之间的关系。文字和基线通常使用磅值(pt)来进行计算的,用毫米算也行,但要注意的是将文字和基线放在同一个度量单位下进行计算,这样会好做计算。

undefined上图中就有一个两栏文本块。在这个例子中,一旦建立起网格系统,说明元素的度量可变性更强了,绝对度量单位便不是那么重要了。



3.2 网格的度量 - 图像


数码图像被用于设计时,通常是按照百分比缩小的,或者可以在程序中重设尺寸以适应特殊的空间要求。尽管如此,为了保证良好的印刷质量,印刷时图像的分辨率至少要保持在300dpi。而在屏幕上显示,其分辨率则至少要保持72dpi。

undefined就像上图所表现的这样,图像也能占据单个模块或覆盖一组模块。



4.表现形式


网格系统与当代艺术运动有着紧密的关联,例如立体主义、构成主义和其他一些偏爱严谨结构的当代艺术的分支,都与网格系统有些紧密的联系。为了创造出流畅并令人印象深刻的设计,文本和图像的不同组合被当作表现形式来使用。如同画家在画布上构图一样,设计师也用相似的办法来吸引读者的注意。不同的表现形式能有效吸引读者,并形成一系列的联系。

undefined上图介绍了一种设计观点,利用元素的放置位置可以创造出不同的视觉效果。设计对象既可以在页面中占主导位置,也可以被小心翼翼地插入页面的一角;既可以建立相互之间的关系,也可以被清楚明白的独立出来。


4.1 分组


聚合成组的元素能使相关的信息联系起来。而不同的设计元素对应排列,也有助于建立起它们之间的联系。分组的方法就是将图像和文字置于单页、通页甚至整个出版物的特定模块或空间区中。

undefined


4.2 边界


在设计中,为了使边框保持整齐和美观,设计师常常使用元素远离的远离来与边框保持一定的距离。尽管如此,对于边界的利用仍能有效的创造出具有设计感和活力感的版式设计。

undefined


4.3 水平


当设计师要利用网格来引导读者视线横跨一个单页或通页时,设计元素便会依照这种水平运动的趋向来进行编排。也可以运用出血印刷和横跨订口的图片,形成水平的运动感。

undefined


4.4 垂直


当设计师通过运用网格中的各个元素来引导读者视线在页面上下浏览,就是垂直形式的最好表现。垂直形式的垂直线不一定要在中线的位置。在平面中设置一个轴线,元素按照这个轴线做重心的平衡这种表现形式更好,这样不对称的版面具有一定的动势和张力,也更有冲击力和跃动感。

undefined


4.5 斜角


把网格倾斜一定的角度,一般会倾斜至30°、45°和60°这三种角度,这些倾斜的网格发挥的作用原理与水平网格相同,但由于它们是倾斜的,设计师便能够以不同寻常的方式展现自己的创意。因网格可以设置成任何角度,往往这样有角度的网格更难设置也更难处理一些。

undefined


4.6 轴线


网格中的轴线是一条隐形的平衡线或重力线,会贯穿整个设计作品 这部作品就是利用轴线网格来做的,它产生并受控于页面元素的位置和布局。

undefined



5.元素的比例


在设计中改变图像或文本等元素的比例,页面就能营造出跃动率和动势。在平面中运用元素之间的比例关系,就可以从不同的视角展示同一个主题。元素在没有经过比例调整的情况下,元素之间的比例只是按照它们固有的样式出现,这时它们之间存在一种消极的关系。相反,元素之间的对比关系存在,比例经过调整后,它们之间存在一种积极的关系。跃动率在 添加变化 这篇文章中提过一嘴,以后会在“图片裁剪与布置”系列文章中细讲。

undefined


这里的积极和消极可以理解为“动与不动”,页面元素没有变化就给人感觉死气沉沉的,版心上下留白一致也会给人这种感觉,这种布局适合用于古典书籍和较为传统的平面设计中。不动且没有变化给人感觉没有动势和张力并很消极,动而有变化给人感觉灵动活跃并很积极。

undefined通过改变元素之间的比例关系就会存在积极的关系。相对较大的元素层级更高,并吸引了更多的注意力。



6.元素的层级


设计师利用层级的概念,通过比例大小或布局结构来定义作品,并呈现作品中最重要的信息。

undefined


6.1 消极


下图所示中的页面是处于消极的状态,两大栏目没有对比关系。尺寸一致显得整体页面很平静,也没有表现出动势和张力,文本之间也不存在层级的关系。但要注意的是,采用这种排版布局,读者的视线会自然的从左到右依次阅读,并被带入作品所传递的信息中。

undefined


6.2 位置


对设计元素的布局能明确设计中的层级关系。下图中的标题独立放置在了左页,来突显出它的优先级与重要性。

undefined


6.3 位置和尺寸


位于页面入口处的元素被放大,它与下面元素的间距也被拉大,就形成了这个元素在层级中的重要性。

undefined



7.网状与点状网格


设计师会利用网状网格或点状网格来辅助对设计元素的布局。使用网格之前,必须理解它们是如何辅助设计师进行设计的。要思考牺牲对布局的多样性,换来多少设计的连贯性,而且也为实践留下了更大的空间。

undefined


7.1 网状网格


网状网格是基础网格,它由一系列的水平线和垂直线组成的,以此来引导设计元素的布局,使设计师能快速布局并变得连贯而准确,它常被运用在设计定稿之前的草图中。

undefined


7.2 点状网格


点状网格同样是一个基础网格,用来安置不同的设计元素。它们也可以用来补充页面元素的布局,例如文字和图片之间的空白等。


文章来源:站酷     作者:罗耀_系列



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

设计的定义

ui设计分享达人

设计的定义与定义整理

人类一切创造性活动造物活动都可以称为设计,这是从广义角度去理解设计的定义。从狭义角度理解设计的定义,设计就是构想和解决问题的过程。应以人为本,通过系统化的方法满足消费者的市场需求,进而产生功能价值审美价值


除了广义与狭义的设计定义,处在不同时期不同的人站在的角度和立场均不同,产生的观点是各抒己见,各不相同。在国内考研只用采用其中一种定义就可以了,但知识是要去学习和理解的,这里我研读了近100本书籍,把所有关于设计的定义都整理出来供大家学习与参考。

 


设计的定义1-5

-

 

 

 

设计的定义


彼得·劳伦斯(美国设计学会创始人):设计是一种手段,通过这种手段可以提高生活质量,并能有效的满足人类的需求


王受之教授:设计是把计划、规划、设想、解决问题的方式,通过视觉化的形式传达出来的过程


《大不列颠百科词典》(1786年 / 工业革命前):设计指的是立体、色彩、结构、轮廓、线条、形状、比例、动态和审美方面的协调

 

《大不列颠百科词典》(1976年 / 工业革命后):设计常指拟定计划的过程,又特指记在心中或者制作成草图的具体计划

6:19 STUDIO - slava balbek / Nata Kurylenko

 


《简明不列颠百科全书》(1985年 / 中美编译):Design包含两个层面,第一个层面指“心理上的计划”,即计划的思考与拟定计划的过程;第二个层面指“艺术计划”,即把计划中的想法制成草图的具体计划。

 

《韦伯斯特大辞典》(名词方面):针对某一目的在脑中形成的规划;根据对象预先所作出的模型;文学、戏剧作品的轮廓;音乐作品的框架;视觉艺术作品的线条、细节、外观等方面的相互关系

 

《韦伯斯特大辞典》(动词方面):头脑中的想象与计划;策划;创造功能;为了达到目的而进行的创造、规划和计算;用商标、符号表达;对物象的描绘;零部件的形状与配置

 

《牛津英文词典》(1588年):设计是由人所设想一种计划,或是为了实现某物而做的纲要

6:19 STUDIO - slava balbek / Nata Kurylenko


《授予博士硕士学位和培养研究生的学科专业简介》(1999年):设计是一门多学科交叉的、实用性的艺术科学,其内涵是按照文化艺术与科学技术相结合的规律,创造人类生活的物质产品和精神产品的一门科学

 

柳冠中教授《工业设计学概论》:设计应该被认为是一种方法论,应提高‘一切人为事物’的角度来认识

 

李砚祖教授:设计是人类改变原有事物,使其变化、增益、更新、发展的创造性活动,设计是构想和解决问题的过程,它涉及人类一切有目的的价值创造活动

 

尹定邦教授:设计其实就是人类把自己的意志加在自然界之上,用以创造人类文明的一种广泛的活动,设计是一种文明

6:19 STUDIO - slava balbek / Nata Kurylenko

  


我国《高级汉语大词典》:按照任务的目的和要求,预先设定好工作方案和计划,绘制出为解决这个问题而设计的图案

 

我国综合字典《辞海》:设计指“按照任务的目的和要求,预先定出工作方案和计划,绘出图样,为解决这个问题而专门设计的图案”

 

赫伯特·西蒙《人工科学》书中的一段话:凡是以现存情形改变成向往情形,为目标而构思行动方案的人都是在搞设计

6:19 STUDIO - slava balbek / Nata Kurylenko  



阿切尔:设计是围绕目标的问题求解的活动

 

路甬祥:设计是在一定的约束条件下,最合理的满足社会的需求


佩齐:设计是从客观现实向未来可能富有想象力的跨越

6:19 STUDIO - slava balbek / Nata Kurylenko

 


保克:设计是获得足够把握前,对未来产品尽可能多地模仿

 

乔尼斯:设计是表达一种精粹信念的活动

 

里斯维克:设计是从无到有的创造,创造新的、有用的事物

 

 


考研知识


国内的知识大多数采用国内教育工作者对设计的定义,例如我们在网上查关于设计的定义,一般都会出现相同的搜索结果,也就是《现代汉语词典》对设计的定义,即“在正式做某件工作之前,根据一定目的的要求,预先制定方法、图样等。

6:19 STUDIO - slava balbek / Nata Kurylenko

 

另外考研的知识点还有设计的核心内容知识,包括以下三个阶段;


第一阶段 计划,构思的形成

第二阶段 将计划、构思、设想、解决问题的方式利用视觉化的传达方式表现出来,如图纸、制作效果图、模型等

第三阶段 将设计的方案实施完成    

 

 

 

附加知识


以上指的设计的定义是不包含工程设计的,工程设计主要解决人造物(机械、设备、交通工具、建筑等等)中的物与物之间的关系,包括产品的内部功能、结构、传动原理、组装条件等。


工程设计主要是研究和实施建筑、城市、景观设计与工业产品(建筑属于工业)、造型设计、功能性设计、结构设计、可靠性设计、生产工艺设计、生产系统集成设计等的工程技术领域,工程设计更注重产品的实施与落地。

6:19 STUDIO - slava balbek / Nata Kurylenko

工业设计就是对工业产品的使用方式、人机关系、外观造型等做设计和定义的过程。他将产品的功能通过有型的方式创造性的体现,使得工业产品和人的适当的、的,甚至有情感的交流得以实现。是一种产品与人沟通的语言,是工业产品和人之间的重要纽带,是用户体验的决定性组成部分。


文章中提到的设计是解决物与物关系的同时,更侧重于解决物与人的关系问题,考虑产品对人的生理、心理的作用。因此设计是包含艺术审美同时又有科学技术的人文科学、社会科学相结合的艺术。


文章来源:站酷     作者:罗耀_系列


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

全局性设计思维|让设计创造更大价值

周周

   导读

 

你的设计是否能被理解?为什么设计的价值总是不被人认可?

 

设计不仅仅只是带来美感,好的设计能够为产品、公司甚至整个社会创造巨大的价值。而在创造好的设计这个过程中,最重要、也是最容易被人忽视的,便是设计思维。

 

何为全局性设计思维?它能够为设计师带来哪些价值?本文将从设计的本质出发,结合设计的发展趋势,带你了解全局性设计思维的真正力量。

 

 

  目录

 

写在前面

一个习惯性的序

一、我们为什么需要设计思维?

二、下一个时代在哪里?

三、互联网“下半场”,从大势中看变化

四、设计思维的转变,差异与融合

五、探寻全新的思维方式

六、全局性设计思维概述

七、如何运用全局性设计思维?

八、以全局性设计思维,构建设计体系

九、文章预告

 

 

  写在前面

 

这篇文章的主要内容,来自我在19年底的一个沙龙分享。整个分享以设计思维的角度入手,讲述了全局性设计思维的来源和重要性,以及我是如何在不同产品线上去运用这种设计思维的。

 

何为全局性设计思维?为什么要讲这种思维方式?

 

这是我一直在探索并实践的一种设计思维。从最开始的理论雏形,到各种项目的实践,不断进行修正和完善,最终形成了一套卓有成效的思维方式。通过这种思维方式,我逐步帮助产品解决了许多长期性的问题,并最终构建了各种不同类型的设计体系。最终,随着品牌矩阵与产品体系的落地,形成了一个完整的网易智慧企业设计体系。

 

网易智慧企业设计体系

 

因为篇幅原因,本篇文章将重点从理论层面阐释全局性设计思维的导论、价值及使用方式。而具体的实战案例,我之后将会以另外几篇单独文章的形式进行展现,并详细讲解在设计过程中的一些细节与过程。希望能够帮助大家更深入地去理解如何根据不同的场景正确地去使用这种思维方式。

 

未来可能会包含以下几篇文章:

 

全局性设计思维 | 如何打造强大的品牌体系

FishDesign组件库 | 从零到一构建企业级UI组件库

全局性设计思维 | 如何构建事业部级大型设计体系

 

 

当然,目前的设计体系仅仅只是一个开始,未来还有很长的路要走。

 

希望本文能够给为你带来小小的启发,让设计思维帮助你更好地发挥设计的价值。如果你对某一方面特别感兴趣,可以直接跳到这一章进行阅读,无需浪费过多时间。如果你有任何疑问,也欢迎随时与我交流。

 

 

 

一个习惯性的序

-

 

“喵呜~”   我又出现了,那个爱写序的装逼作者。

 

这次把序放在了第二段,这样子看上去就不那么不务正业了哈哈。当然,写序更多的是为了记录生活,希望每一篇文章不仅仅只是传递知识,更是一篇有温度的文章。

 

经历了风风雨雨的2019,又度过了魔幻版的春节,我终于又开始正式地写文章了。但这次不同,我拥有了两只可爱的小伙伴——汽水和芬达。汽水8月18出生,芬达8月20出生,现在都已经是肥肥壮壮的两大只了。。

 

 

汽水总是在我码字的时候,睡在我的键盘上,或者以各种姿势吸引我的注意力。。  为啥拖了这么久才写写完文章,除了懒以外,汽水大概也要背点锅,哈哈。

 

整个2019年中,经历了很多事情,人生观也随之发生了些许变化。

 

从并肩作战的同事的不断离去,到逐渐需要考虑团队的发展。从单打独斗闯天下,到思考如何让整个团队更加优秀、如何建立完善的设计体系等等。

 

角色、心态、责任,以及如何坦然地面对自己。

 

活在当下,用心生活。这是我一直当作座右铭的语录,也是我希望给自己的承诺。总是试图去尝试这种状态,但却异常艰难。像我这样的人,看上去总是“积极向上”,总是“规划未来”,总是希望事事完美,强迫着每个细节的完善。但不知不觉中,人生好像开始进入了“自动驾驶”的模式,活在了过去的思索中,活在了未来的规划中,唯独对于当下异常麻木。

 

这并不是我想要的生活,我开始尝试做出改变。

 

偶然间,通过一些书籍,我开始尝试正念禅修。感受每个呼吸中空气的流动、感受身体每个部分、感受当下空间发生的每一件事情。虽然只是很浅显的境界,但正念依然对我产生了巨大的影响。我开始重新地审视自己的人生,审视自己的生活状态。

 

网易蜗牛图书馆:与快乐的小伙伴们

 

这种感觉,就像再次地呼吸了新鲜空气一样。

 

我们其实只存在于当下的时空中,过去和未来,并非真实存在的事物。回想一下,我们有多久没有像小时候一样,完完全全、毫无杂念地享受在当下的时光中了?

 

用心活在当下,平静地接纳一切发生的事物,这种感觉真是太美好了~

 

 

 

一、我们为什么需要设计思维?

-

 

对于设计师来说,什么能力更为重要?是设计这门“技术”本身,还是思考如何去设计的“思维”能力?

 

对于不同的设计师来说,一定会有不同的答案。

 

这两种能力本身并不矛盾,他们相互影响,互相促进——就像“术”与“道”之间的关系。设计能力决定了设计作品的输出质量,而设计思维则决定了你思考问题、解决问题的能力。

 

 

然而,在现实的大环境下,“术”的重视程度远高于“道”,造成了很多设计师与日常业务的“分离感”。以至于,多数的设计师,无法将自己的设计能力有效地用于日常业务中;抱怨他人不理解设计,也因此错失了许多机会。

 

重视设计美感,其实并没有问题。视觉是最直接的表现方式,我们从最初开始喜欢这个行业,并最终成为设计师,大概都是因为如此。包括我个人,也是美感的追求者,常常为了几像素的细节,调整无数稿。也常常沉浸于自己的作品无法自拔emmm…

 

但是,美感之后,设计还需要什么?

 

路易斯·沙利文曾讲过:“形式追随功能”。而功能存在的意义,则在于解决问题。视觉的形式、美感,很多时候只是包裹在外侧的表层,而解决问题才是设计真正的核心。视觉的表现,一定要遵循解决问题的方式,向用户传递恰当的信息,最终引导用户以此来解决问题。

 

 

因此,我更希望更多的设计师,在追求美感的同时,能够重拾设计思维本身,寻找设计最根本的价值。

 

我们其实可以站得更远一些。学会去理解事物,学会用设计去解决问题。再以此为基础,通过你的设计能力去塑造它、点亮它,让它成为一个真正美好而又有价值的设计。

 

而设计的价值,将会成为你的价值。

 

 

 

二、下一个时代在哪里?

-

 

互联网时代中的数字产品设计,需要什么样的设计思维?或者说,当下我们需要什么样的设计思维?

 

这个问题的答案,好像一直在变。

 

互联网本身便是一个新的形态,1989年“万维网”发明,1996年中国引入互联网,到今年已经有大约24个年头。我们经历了不同的互联网时期,而“设计”的概念也一直在变化中。

 

 

Internet 1.0 PC互联网时代。在这个时代,我们将大量的信息虚拟化,并通过网络进行信息传递。而我们的“设计师”们大多被称为“美工”,我们的“设计思维”,便是将信息变得更好看。

 

Internet 2.0 移动互联网时代,或者称为消费互联网时代。自从2007年乔布斯发布第一代iPhone之后,叠加4G、wifi等技术,手机成为日益重要的终端,世界逐渐进入了移动互联网时代。伴随着iPhone与其应用的出现,乔布斯让所有人理解了“用户体验”的重要性。我们不再是“美工”,我们变成了“UI设计师”、“交互设计师”。而这个时代,我们的设计思维变成了“用户体验思维”。

 

那么,下一个时代在哪里?我们的设计思维又将如何转变,才能适应下一个时代?

 

 

 

三、互联网下半场,从大势中看变化

-

 

1.红利消失、增长触顶,互联网下半场到来

 

最近几年,我们已经能够明显地感知到——互联网的“寒冬”真的来了。随之而来的,便是互联网的发展方向似乎也正在发生变化。于是大约从2017年开始,互联网圈内逐渐出现一个新的名词——互联网“下半场”。人们普遍认为,中国的互联网将会由消费互联网时代进入下一个时代,即互联网下半场。

 

我并不完全认同互联网”下半场“的称呼。互联网本身是一个年轻的行业,中国互联网“下半场”,其实更像是互联网发展方向转变的标志。

 

因此,我们认为的下一个时代的方向,也许将会是Internet 3.0——即产业互联网时代。

 

 

互联网会什么必须要进入下一个时代?

 

对于互联网企业来说,一方面在成本端,随着人口红利消褪,劳动力价格上升,企业的成本将逐渐升高,倒逼管理者使用系统和工具来提率;另一方面,在收入端,野蛮增长的时代结束,增量经济转向存量经济,红利经济转向效率经济。

 

 

在“成本”与“效率”的双重压力下,再加上整个市场经济的下行周期,整体经济出现下滑,而一些依靠融资的互联网公司将难以为继。因此企业不得不寻找方式来提升效率,降低成本——而这正是企业级软件(ToB产品)最擅长的地方。

 

 

因此,在互联网寒冬之下,ToB市场便理所应当地开始被重视。

 

让我们纵观整个中国市场的发展,互联网的兴趣虽然促进了消费领域的蓬勃发展,但产业领域的发展则因此受到了巨大制约。中国率先从消费端、从第三产业开始数字化,然而在第一、二产业的数字化进程似乎并不是很快。一个重要的原因是,人口红利促使了消费互联网的快速发展,而这种红利让人们忽视了产业互联网的重要性。

 

在寒冬之下,我们终于发现,消费互联网蓬勃的基石,正是底层坚实的产业互联网。产业互联网如果不能得到有效的发展,则整个市场经济将无法更进一步的发展。

 

因此,产业互联网时代的到来,是中国互联网发展的需要,也将是大势所趋。

 

 

2.ToB市场将迎来机遇

 

产业互联网的发展,需要依托B端领域的发展,并逐步融入并带动整个产业进入互联网时代。那么,B端产品在中国目前处于一个什么阶段呢?

 

对于整个中国的ToB行业发展现状,大多数的人并没有一个清晰的概念。盘点中美上市的科技公司会发现,美国toC领域与toB领域市值之比是6:4,但在中国这个数字是20:1。

 

虽然互联网的整体环境不同,但中国ToB行业的发展,显然是落后太多了。于是乎,2018年开始,BAT大举布局,PE、VC加速进场——中国B端产品已经逐渐进入必须发展的时候了。

 

中国市场已经坐拥全球最发达的发达的消费互联网体系,而产业互联网的发展则却严重滞后。

 

 

同时,对比B端中云计算领域的IaaS、PaaS、SaaS三层架构,全球市场中SaaS占据了52.5%的份额,在中国却是IaaS分走了最大的蛋糕,占比达61.2%。中国市场VC的投资总额已经与美国相当,在SaaS领域美国企业获得了全球70.1%的融资,而中国只有11.7%。

 

 

因此,在互联网下半场,相对于ToC行业的触顶,ToB行业将会迎来历史级的发展机遇,随之而来的将会是产业互联网时代的逐渐到来。而在整个B端产品的类目中,SaaS产品作为企业级软件中最集成的产品,也将随着这股浪潮迎来爆发式的增长。

 

什么是SaaS产品?很多同学并没有接触过B端行业,平时用到的也都是C端产品,所以对B端产品的了解比较少。在B端行业最热门的云计算领域中,目前普遍会分为三层架构。SaaS(Software as a Service–软件即服务);PaaS(Platform as a Service–平台即服务) ;IaaS(Infrastructure as a Service–基础架构即服务)。

 

附:云计算领域,三种不同的架构与对应的服务。

 

 

PaaS基于IaaS实现,SaaS的服务层次又在PaaS之上,三者分别面对不同的需求。越往上层,产品的集成度越高,提供的服务也就越丰富,而用户所需要的自行解决的东西就越少。而最顶层的SaaS产品,便是用户可以直接购买并使用的云端产品。

 

我们为什么要了解这些趋势?

 

因为一个新的时代,对应一场变革,也将成为一次新的机会。不管是SaaS产品还是其他B端产品,都将在新的时代中逐渐得到重视。而C端产品的发展策略,也将迎来新的变化。对于许多设计师来说,这将会是一个新的机遇。

 

顺势而为,方能乘势而上。

 

 

 

四、设计思维的转变,差异与融合

-

 

那么,在逐渐到来的产业互联网时代,设计师需要注意哪些东西?设计思维又将进行如何转变?

 

产业互联网时代,意味着B端产品将得到重视,并与C端产品逐渐趋于平衡。因此,了解设计思维的变化,我们首先要从B端与C端产品之间,在产品设计与产品策略之间的差异性说起。

 

 

1.服务对象的差异性

 

从服务对象来看,C端产品的服务对象是人,产品的目标是针对人们生活方式进行的变革、升级。而B端产品的服务对象则大多是企业,目标是帮助企业进行商业效率提升,从而产生价值。

 

 

 

服务对象的差异性,决定了产品在发展策略也将存在着较大的差异性。

 

 

2.产品“打法”上的差异性

 

从宏观的打法上看,消费互联网时代会更求“快”,而产品互联网时代则会更偏“稳”。

 

C端产品的服务对象是人,而人的需求在个体差异性上相对变化较小,这就决定了C端产品通常都拥有广阔的用户市场。

 

因此,消费互联网时代就像是资本在辽阔平原的角逐,长驱直入。讲究快速占领市场,不断地试错、不断地调整。从团购到直播,从打车到短视频领域的兴起,再到最后的单车大战落幕。消费互联网时代的每一次风口,都伴随着各种“游击战”式的竞争。入场速度、快速调整能力、资本深度,都直接影响了最后的结果,而最终的结果也往往是胜者为王,败者将快速地被市场淘汰。

 

B端产品的服务对象是企业,而企业间的需求差异性则非常巨大,这就决定了B端产品通常需要较强的纵深能力。相对应的,其用户群里在总量上就比较小、但也相对稳固。

 

因此,产业互联网就像在崎岖丛林的蹒跚前行,渐次演进,如同一场旷日持久的拉锯战。一方面,产业互联网的链条非常长,需要长期的深耕、积累才能逐渐站稳脚跟。而这也导致了产品的壁垒足够深厚,同类产品在短期内无法快速跟进。另一方面,企业间的差距需求的差异性非常大,因此产业互联网存在非常多的细分市场,不同的产品各自在不同的赛道中深耕。而其最终的结果往往是百花齐放,各自盛开。

 

 

 

3.整体行业的协同发展

 

虽然整个市场都不断地强调——ToC增长触顶,ToB是一篇蓝海。但这并非是“取而代之”,而是逐渐走向整体的“协调发展”。中国ToB的发展的一个重要根基,其实是“中国拥有世界上最成熟的消费互联网体系”这一巨大的优势。

 

因此,ToC在很长的时间内,仍然会是互联网的主力,而ToC市场的转型,也将有赖于ToB产品所提供的服务。

 

而随着中国将“互联网+”政策上升为国家战略,更是明确了以互联网带动传统产业的发展方向。因此,互联网的下半场,即产业互联网时代的最终形态,将是互联网与传统行业的“融合式发展“。

 

 

ToB产品将会成为带动互联网下一轮发展的核心驱动力。一方面帮助ToC领域完成转型,进入更健康、更稳健的发展阶段;另一方向,ToB领域赋能传统产业与互联网相融合,并最终完成产业升级。

 

 

4.产品形态的融合与趋同

 

整体产业的融合趋同,意味产品的特性也将互相融合。一个很重要的现象是:C端产品逐渐变得不那么C端了,而B端产品也越来越变得得不像B端了。

 

 

比如C端产品的主流赛道中,随着头部产品的赛道日渐趋于稳定,其产品体量也因为业务扩展而不断增加。同时,因为产品体系的逐渐形成,为了服务更多的C端用户,会有越来越多的B类用户进入平台,而为了满足B类商家的需要,产品的B端属性变得越来越强了。

 

而随着B端产品的不断受到重视,原先不被重视的产品UI、用户体验也逐渐在B端产品中得到加强。B端用户虽然服务于B端,但使用者终究是人。而随着竞争的不断加剧,原来的“重功能、轻体验”思路逐渐式微。我们逐渐发现,许多B端产品长的越来越像C端产品了,甚至在UI和体验层面做的与C端产品不相上下。

 

因此,随着产品属性的融合趋同,意味设计思维势必会与消费者互联网时代存在差异。而我们的设计思维将不仅仅局限在诞生于消费互联网时代的“用户体验思维”。我们需要更新的、更广阔的设计思维,以满足下一个时代的产品发展需要。

 

那么,新的思维是什么?它将从何而来?

 


五、探寻全新的思维方式

-

 

从整个市场的协同发展,到产品形态的融合趋同。那么,我们的设计思维需要如何进行相应的变化?是同样进行“融合趋同”,还是另辟蹊径,寻求新的视角?

 

 

1.关键词提取

 

首先,不管设计思维如何变化,它一定需要同时满足两种产品设计思维的特性。通过前文的分析,我们可以在产品设计特性的维度,提取各自的关键词进行分析:

 

 

产品体验:诞生于消费互联网时代的用户体验思维,在产业互联网时代依然是产品设计中最重要的部分。无论是C端还是B端产品,用户体验必然是产品的核心竞争力,只有足够好用、好看,产品才能获得更多用户,最终获得商业上的成功。

 

灵活性:在消费互联网时代,在激烈的竞争中,C端产品的灵活性的打法对于产品的突围至关重要。而未来的B端产品竞争将会加剧,这就需要B端产品也逐渐需要较强的灵活性。

 

成长性:产品的发展必将伴随着不断的变化,特别是具有一定体量之后,产品设计的成长性将至关重要。因此,产品的设计是否能够预见未来发展,满足不断变化的产品形态,伴随着产品不断地成长,也将成为产品是否能够持续获得成功的关键因素。

 

产品效率:因为产品服务对象的关系,B端产品一直是产品效率的代名词。而在人口红利消失与经济下行的压力下,产品效率将成为所有企业关注的重要因素之一。产品的效率不仅影响着企业的成本,也是产品竞争力的重要体现。

 

这四个关键词,将会是我们在未来所需要关注的四个重点关键词。越是往左,则“C”属性越强,因为它更多地从用户的角度出发,更关注用户体验。而越是往右,则“B”属性越强,因为它更多地从企业的角度出发,更关注企业的长期发展。

 

 

2.跳出单一层面,寻求新视角

 

在四个关键词中,我们会发现,特性越是靠右,其所需要的整体性就越强。要满足灵活性,就需要用户体验与产品策略相关联。要满足成长性,则要进一步结合底层的开发能力。而产品效率的提升,则需要产品的设计与不同层面都有着紧密的耦合。

 

在互联网设计发展的过程中,我们从单点只关注视觉表层的“美工时代”,逐渐发展为关注线性的“用户体验思维”。在对于产品用户体验层面,确实有着长足的发展。

 

但是,单一层面的用户体验思维,在逐渐成熟的互联网时代中,逐渐显示出了一定的局限性。我们的价值局限于单一的体验层面,我们似乎无法对产品形成更大的影响力,也难以为产品带来体验之外的更多价值。

 

 

因此,设计思维想要满足新时代的需求,就需要同时满足前文提到的四个关键词。这就要求我们需要跳出单一层面,以全局的维度去思考产品的设计。

 

因此,全局性将成为未来的关键,我暂且将这种思维方式称为——全局性设计思维。

 

 

 

六、全局性设计思维概述

-

 

全局性设计思维,即在设计过程中,始终能以更高的维度去审视全局,思考当下的设计。

 

何以全局,如何跳出单一层面?这种思维方式的前提,是你要首先了解整个产品(亦或是物体、组织等)的运行方式,清楚的知道整个产品需要达到的目标,从而准确、合理地对针对目前的局部做出设计,并最终构成整个完整的形态。

 

 

而“全局”的前提,是你拥有更高的眼界。你的眼界越高,你对产品、市场、甚至整个社会的洞察就越全面,你就能够解决越大的问题,你能够实现的价值就越高。眼界是基础,解决更大的问题是目标,而全局性设计思维则是实现这个目标的方式与过程。

 

 

全局性设计思维,可以帮助我们跳出产品的单一层面,去思考从产品层、到体验层、再到开发层这一完成的整体。让设计满足体验层的同时,满足产品层面的目标,同时让产品的设计与开发高度耦合,将整个产品串联成一个完成的整体。

 

 

好了,讲了这么多,我们具体应该如何去运用全局性设计思维呢?

 

 

 

七、全局性设计思维的运用方式

-

 

全局性设计思维,的应用方式非常广泛。它并不是一个固定的方程式,而是一个更高层面的指导性设计思维,能够通过不同的形式,来帮助你解决问题。

 

 

1.全局观——在生活思考更多可能

 

在尝试这种思维之初,我们可以通过一些小的实践,去锻炼这种思维能力。

 

在日常的生活、工作中,其实我们有大量的事物可以练习和运用这种思维方式。比如你在装修一个大房子,需要去选择房子里的家具。当你在购买家具时,常规的思维方式是:这个家具在某个房间时应该是怎样搭配的,所以我要购买什么样形状、颜色的家具,来满足这个房间的需要。

 

但是,用这么思维方式来购买家具,将为对家具的灵活性与长期价值造成一定影响。从居住环境的长远来看,也许这个家具有可能会因为某些原因,需要放到另一个房间,而它的形状、尺寸、配色却无法满足其他房间的需要。最终,我们只能重新购买,或者接受一个风格、尺寸上并不搭调的房间出现。

 

 

因此,当我们在购买家具时,我们是否可以利用全局性设计思维,从整体空间的角度出发(而非单个房间),去思考如何让家具满足更多空间需求。长此以往,我们不仅可以打造一个风格统一的大空间,同时也能增加每个家具的利用率,在无形中也增加了这个家具本身的价值。

 

之所以举家具这个例子,是因为这个原理与产品设计的原理非常类似。你可以将这个房子看成是整个产品,而家具则是不同的组件。通过不同的家具(组件),构成了我们的不同功能模块(房间/功能区),而所有的功能模块则构成了整个产品(房子)。

 

房子(产品体量)越大,房间/功能区(功能模块)就越多,家具(组件)的多样性、复杂性就越高,我们就越是需要从全局的角度去思考装修的统一性(风格体系化)和家具的通用性(样式组件化)。只有这样,我们才能更好地去打造一个风格统一、体验一致,同时又具备足够自由调整空间的“大房子”。

 

 

2.全链路——从全流程中重新思考设计

 

当你仔细地去理解许多非常著名的设计作品时。你会发现,几乎所有优秀的、巧妙的设计,往往在设计中都体现了全局性的设计思维。它不仅仅解决着当前的问题,同时也能够解决更大的问题,发挥巨大的价值。

 

比如著名的坂茂卫生纸的设计,看似普通,只是将卫生纸的轴心从圆形改成了方形,但它却成为了举世闻名的、公认的好的设计。为什么呢?

 

 

我们先了解一下这个设计为什么好。

 

首先,传统的圆形纸卷拉出来的纸会比你实际需要的更多。而方形纸卷则由于阻力的作用,让你用得更少,从而起到了解决资源的作用。其次,在运输过程中,圆形的纸卷之间会产生很大的空隙,而方形纸卷则能够紧紧靠在一起,提升空间利用率,从而起到降低运输成本的作用。

 

这简单的设计,居然发挥了如此大的作用。

 

那么,为什么我们在设计时就没有考虑到这些问题呢?因为我们从最开始,就没有从“纸”的整个全流程来去思考问题。

 

让我们“站的更远一些”,纸这个商品,并非只是我们见到的在商店售卖的那一刻。它从工厂中制造完成,通过运输送到每个超市中,当我们购买以后,它又会在很长一段时间内,出现在卫生间,陪伴你使用的每一刻。我们可以将整个流程分为3个场景,而每个不同的场景,又将会对纸本身有着不同的影响。

 

 

  • 运输场景——卫生纸的运输成本——卫生纸的价格

  • 售卖场景——卫生纸的造型、包装——影响用户购买

  • 使用场景——卫生纸的使用过程——影响用户的使用体验

 

当我们能够考虑到卫生纸的运输过程时,我们就可以通过设计去降低运输成本;而当我们可以考虑到用户的使用场景时,我们就可以通过设计,去提升阻力,降低使用量,间接地去提升用户的使用体验。而当我们通过全局性设计思维,可以同时解决这三个问题时,我们的设计就是好的设计,就拥有了更高的价值。

 

发现了吗,为什么你没有想到相同的设计方案?设计能力并不是关键,设计思维才是指引你做出好的设计的前提。当你能按上述的方式,去思考整个流程、不同的场景,我相信大多数的人都能够设计出坂茂的设计方案,甚至比这个方案更好的解决方式。

 

 

 

八、以全局性设计思维,构建设计体系

-

 

通过前面的两个案例,相信大家已经了解了全局观、全链路两种应用方式。

 

那么,我们最最最关心的问题——如何在业务中去使用这种思维呢?

 

在产品设计中,全局性设计思维也有着非常多样化的使用方式和场景,在之后的文章中我也会讲到很多应用方式。但是,在所有的方式中,我认为最为有效的,便是以全局性设计思维,帮助产品去构建一个完整的设计体系。

 

 

1.设计体系概述

 

什么是设计体系?谈及设计体系,大多数设计师会认为,设计体系就是设计规范。“不就是找个名次包装一下规范嘛?”

 

我们为什么需要设计体系?它与设计规范有何不同呢?

 

设计规范是设计师最为熟悉的一种规范文档。在产品设计时,优秀的设计师通常都会建立设计规范。然而在实际的项目中,设计规范往往无法难以有效实施。比如在开发眼中,规范并不符合开发规则,过于碎片化。而产品经理通常又不会去了解设计规范,因此在构建产品框架时也常常随意发挥。

 

很多项目做到最后,设计规范仅存在于纸面的意义,并随着项目的发展逐渐混乱。为什么会这样? 

 

因为不同职能间的思考方式存在差别,设计规范对于其他职能来说经常难以理解与运用,无法与其他职能形成有效联动。

 

设计规范仅仅是基于视觉层面的规范,它是一个“平面”。而设计体系则是贯穿于产品的每个层面的、与产品深度结合的完整体系,它是“立体”的“有机生命体”。

 

 

设计体系的核心在于“体”,它是贯穿于整个产品的完整体系。设计体系由设计师创造,并深度融合于产品每个部分。它能够让产品更紧密、更统一、更有序,伴随着产品的生长,与产品共同进化,并最终推动产品的发展。

 

创造并推动这一体系,则要求设计师需要更全面的能力。只有充分地去理解并参与产品的每个部分的设计,才能让设计真正延伸至产品的每个部分。

 

而创造这一切的前提,便是全局性设计思维。

 

 

2.设计体系的构建法则

 

罗马不是一天建成的,设计体系也是如此。设计体系的建立是一个漫长的过程(与产品体量相关),需要在前期投入更多的精力。但若是你的方法得当,就会在项目中越来越轻松,并以此形成良性循环,而你也会越来越有成就感。

 

如何正确地去构建设计体系呢?我在这里总结了几个要点:

 

 

1)树立观念

 

首先,树立长期的体系化意识是必要前提。在任何项目中都要时刻保持体系化思维,着眼于整个项目,去寻找体系化的推动时机。当你在潜意识中拥有这种思维之后,你会自然而然的将其植入到设计中。

 

 

 

2)以解决问题为导向

 

体系化并非凭空建立,而是建立在解决问题的基础之上。设计体系的本质,就是由无数个标准化的解决方案,最终构成的一个完整的体系。因此,我们要以解决问题为导向,以全局性思维去思考问题的本质,最终建立适用于全局设计体系。

 

 

 

3)以小为始,重视质量

 

脚踏实地,从小处入手,去发现产品中最基础的一些问题。表面上看这些问题,对项目影响不大,但他们数量庞大,加在一起便会严重影响整个产品的效率。因此,我们要首先建立高品质的基础体系,再以此为基础构建更大的体系。

 

不要一开始就设法建立一个巨大的体系,那样只会是一盘散沙,因为它的结构是无序、混乱、不健康的。而这也是大多设计规范缺乏有效性和可实施性的根源。

 

梅拉妮·米歇尔的《复杂》一书中讲到,任何复杂系统,都是由无数个体通过简单的算法所构成的。在算法领域也是同样的原理,一个优秀而强大的代码,必然是由无数个小型模块,通过简单的算法耦合形成巨大的代码矩阵。基础算法越强大、代码结构越“健康”,可扩展性和灵活性就越强,其能力就越强大。

 

 

 

4)从规范入手,由面到体

 

从本质上来说,设计体系是由“多个个层面的规范”组合而成的。因此,由设计师推动的体系化建设,往往最初都是从设计规范这一“单层规范”开始。但是,设计体系的建设需要将单层的规范,通过不同的方式,转化为不同层面的规范,最终由面到体,形成体系化。

 

 

 

5)换位思考,寻求跨职能合作

 

设计体系的建立与维护,通常需要多职能的通力协作。因此,我们需要经常换位思考,在完成设计的工作,帮助其他职能完成目标。只有这样,才能得到更多的信任,并以此为基础推动更多体系化的建设。

 

比如我在设计一个功能模块的页面时,首先会与不同模块产品经理进行交流,了解不同的业务需求,并从产品层面就开始寻求统一性与通用性。这样的话,当其他模块需要同一个功能时,前端便可以直接复用,同时后端的数据也可以进行互通。而在开发端,我也会详细了解不同端的开发实现原理,务求设计规范与开发规则在理解上的一致性。这一既方便了开发理解规范,同时也从根本上提升了开还原的准确性。

 

长此以往,整个团队就能够建立良好的沟通和互信关系。有了这种默契,设计体系的推动就容易多了。

 

 

 

6)保持优化,不断成长

 

设计体系的另一个重要价值在于,它是可以伴随产品不断成长的。所有产品都是在发展中不断变化的,过分僵硬的规则,将会对产品发展起到反作用。

 

在业务发展中,产品一定会不断地加入新的功能模块,并对原有页面作出相应的调整。因此,设计体系需要时刻与产品策略保持一致,及时与上下游职能沟通,不断地针对产品发展进行优化,以保证设计体系能够符合产品的发展需要。

 

 

 

7)使用正确的推动方式

 

体系化最终能否成功实施,推动的方式至关重要。

 

在日常的项目中,大多数的业务方对设计体系了解甚少,也难以体会其中的价值。因此,他们通常会认为这些东西毫无必要,多数情况也不太愿意配合体系的推进。如果强行推进,反而会引起不必要的阻力,招致反感。那么,我们应该如何正确的去推进设计体系建设呢?

 

1.为他人带来价值:首先,寻找双方共同的利益点是首要任务。也许是可以让其他职能的工作更,也许能够促使其达成KPI,再不直接,那也一定能够为整个产品带来价值(不然你也没必要推了。。)。总之,设计体系一定要能够为他人带来价值,这样才能顺利推进。否则人家凭什么要协助你推进,因为你美丽可爱吗?你也可能比较可爱,但总归是不能一直这么来吧。。。

 

2.在解决问题后提出方案:不要一开始就啪一下抛出一个“宏大的理想”,大部分人会觉得你不切实际。你只需要通过这个体系,帮助业务方先解决一个问题,然后再提出你解决方式的来源——一个严谨的、可验证的、长远价值的体系化解决方案。

 

3.寻找合适的推动时间:最后,对于设计体系来说,寻找到正确、恰当的推进时机至关重要。比如当你在平时突然想要提出,对现有品牌进行升级时,大多数业务方都会认为你是没事找事。而如果情况是在新的一年中,产品进行了概念的升级,这时候你将概念以及未来的品牌规划融入在你的方案中,再去推进品牌升级,就会容易很多了。

 

 

 

 

九、文章预告

-

 

本文旨在引导大家更好地理解和学习这种思维方式,想要用好全局性设计思维,光靠讲是远远不够的。最重要的是能将这种思维带入到产品中,为业务带来更大的价值。

 

因此,在后续的几篇文章中,我将通过不同类型案例,为大家深入讲解全局性的具体实践案例。

 

 

全局性设计思维 | 如何打造强大的品牌体系

 

为什么要建立品牌体系?品牌体系有哪些价值?设计师应该如何推动品牌体系的建立?

 

本文将带你了解网易智慧企业品牌体系的建设与推动全过程,聊一聊品牌体系建设的那些事儿~

 

 

 

FishDesign组件库 | 从零到一构建企业级UI组件库

 

我们为什么要建立组件库?在产品的什么阶段需要组件库?如何抽象业务组件?组件库设计过程中有哪些重要的细节需要注意?

 

本文带你深入了解,网易Web端组件库——FishDesign组件库从零到一的完整全过程。

 

 

 

 

全局性设计思维 | 如何构建事业部级大型设计体系

 

设计体系有什么价值?如何基于不同的业务建立设计体系?设计师如何推动体系化建设?在体系化过程中有哪些需要注意的地方?

 

我将会在这篇文章中,为大家介绍网易智慧企业设计体系构建全过程

 

1. 样式组件化+规范体系化,形成产品设计体系,整体重构产品线。

 

 

2. 结合品牌体系,推动事业部更多产品加入体系,形成智慧企业Web端产品设计体系

 

 

3. 推动更多产品/业务融入体系中,让智慧企业设计体系不断成长,赋能业务发展

 

 

 

 

文章来源:tob.design     作者:tob官方小编



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


增长思维做设计

周周

现代管理学之父彼得.德鲁克说过一句话很经典的话:“如果你不能衡量它,那么你就不能有效的让它增长”。

 

 

 

 

 

写在前面 

 

为了快速提升产品设计的商业价值,我们必须先明确思考商业价值的数据指标,用它来指导后续的设计工作,并

衡量其关键成果。步骤如下:

 

1. 分析我们产品的用户群体

做好用户人群的分析,定义好你产品的核心用户,找到核心设计思路,发现商业服务的设计逻辑,做好用户分析。

 

2. 制定产品设计的目标

找到商业产品设计的盈利点,做好商业设计价值的平衡和营收的策略,提升产品设计的商业价值。

 

3. 产品设计的整体规划

运用商业价值的思维做设计和严谨的科学态度,定义你产品的价值指标和商业增值的思路,做好用户增长地图。

 

4. 做好产品设计并科学测试

对产品设计进行科学测试,通过持续的测试和拆分变量,做好设计的迭代优化。

 

5. 最后跟进,做好产品设计的迭代和优化

产品设计需要设计的迭代和优化,经过科学严谨的设计流程,提升产品设计的价值感,定量为主,量化数据。

 

 

 

 

用户增长(UGD)的设计核心是 ?

1. 不断满足客户需求、创造客户价值;2. 不断与竞争对手进行区分,获得差异化的产品设计优势等。

 

 

一 重点思考:OKRs-目标与关键成果法

 

 

通过分析数据漏斗模型,以此来驱动团队使用数据思维,发现问题并成本的解决设计问题。

 

OKRs-目标与关键成果法,起源于德鲁克的目标管理框架也就是MBO,由因特尔前CEO安迪·格鲁夫演变成了iMBOs,意思是“英特尔公司的目标管理系统”。后来格鲁夫的同事约翰·杜尔为避免这个方法与德鲁克的MBO混淆,将其命名为OKR,OKR从此正式诞生.后来约翰把这套方法引入到谷歌,而真正让OKR火起来的是谷歌的风投合作伙伴瑞克·克劳,2013年他在网上发布了一段一个多小时的OKR视频,引爆了整个网络和企业界,从此OKR开始风靡全球。2013年底,OKR传入中国。

 

对于我们现在的互联网企业,如何通过OKRs思维细化设计的迭代优化和改版,结合实际工作的锻炼和思考,

我感觉具体可以拆分为以下 3 个方面 :

 

1. 定义设计目标,(年度目标、季度目标、阶段性目标)。

2. 关键成果,设计目标通过哪些关键成果来达成。

3. 行动方案,这些关键成果或数据,应该采取什么行动来完成。

 

 

a. 定义:

 

OKR(Objectives and Key Results)即目标与关键成果法,是一套明确和跟踪目标及其完成情况的管理工具和

方法,由英特尔公司原CEO安迪·格鲁夫发明。

 

 

b. 为什么使用OKRs工作法呢 ?

 

在日常的设计工作和生活中,你是否会遇到以下的这些问题呢 ?

 

1:设计师,下班前回想一天工作时,感觉没有设计任务可以记。

2:团队设计师等开发工作人鱼,季度考核时,领导问你这个月,工作收获是什么时,你回想起来只是简单做了一些设计项目。

3:平时自己的目标太多,缺少产品设计的重点或创意点。

4:没有聚焦的产品设计目标和团队贡献感。

 

解决以上问题的思路,是今天我们所提到的OKRs工作法,OKRs工作法的主要目标是明确公司和团队的“目标”以及明确每个目标达成的可以衡量的“关键成果”。

 

OKRs工作法,可以在整个团队的工作项目中执行,产品设计的团队就可以明确工作的设计目标,集中精力去完成设计目标。

 

c. 如何去达成设计目标?

 

我们先确定团队的工作目标,确保团队成员的设计工作目标明确。每个人、每一天都聚焦到核心的设计目标上。

 

 

d. 设计目标的价值思考如下:

 

1. 明确产品设计优化的方向。

2. 有效的激励团队的设计成员。

3. 设计决策的认真思考和设计考核的思路等价值点。

 

 

e. 遵循设定目标的基本原则  ( SMART法则 ) :

 

1. 明确具体(Specific)

2. 可衡量性(Measurable)

3. 可实现性(Attainable)

4. 相关性(Relevant)

5. 时限性(Time bound)

 

 

f. 举个例子 

第一步:O(目标)

星期一,设计网站分享关于国际平面设计排版的设计文章。

KR1:文章正常推送文章,并且文章阅读量大于600000 。 
KR2:文章点赞数量大于3000 。

KR3:文章互动评论大于100 。

 

 

第二步:关键成果,设计目标通过哪些关键成果来达成。

 

制定关键成果的建议是:

1. 必须是设计师能有效达成的设计目标。

2. 设计思考要具有创新价值的。

3. 输出的设计结果是可衡量的。

4. 设计目标一般三个目标以内。

 

 

第三步:超强的执行力,从关键成果到 “执行力计划" , 关键成果确定后,就要围绕关键成果来分解设计任务,每项关键成果就会做出一系列的设计任务,将这些合理分配至每周或者每天中去执行设计任务。

 

超强执行力的原则:

1. 必须写明最后的截止时间;

2. 必须写好完成的百分比。

 

温馨提示:

关键结果转化为具体行动后,我们就需要定期进行复盘确保每天工作都聚焦在重要目标上,所做的事情都服务于

设计目标上,使用专一、专注、专心的做事思路;要想发现痛点,我们需要考虑用户、场景、问题、动机。

 

痛点是用户增长的第一要素,用户增长的第一步是找到用户痛点。场景是同理心,站在用户的角度,去发现用户的痛点,为用户提供正确的产品设计和解决方案。

 

做好产品设计体验,提升用户的活跃度的三个关键性动作: 

 

 

价值,引导,刺激 :

 

1. 产品设计的价值思考,首先要解决用户的痛点,产品的功能设计带给用户的好处和好用。

 

2. 帮助用户设计好功能模块,引导用户更好的使用产品。

 

3. 刺激点,首单减免、优惠价等奖励措施。信任背书,名人、大V等知名机构的影响力,触动用户愿意使用产品。

 

 

 

重点来了,我们具体看优秀的运营设计案例,站在营销的角度思考用户增长:

 

 

 

1. 700 元礼包等你领-运营设计活动的价值思考:

 

518-收益狂欢节,最高领取700元红包,时间限制在:5月8日到5月31日,领取红包,点击立即领取后,方可参与获得奖励。限制活动时间,提升用户的紧迫感。送518现金或120元京东卡和50元话费等68888的体验金,吸引

用户享受优惠的心理,提升用户使用产品的愉悦感和惊喜感,用户粘性、产品的营销设计价值得到大大的发挥,运营氛围和主视觉设计等,专业的品牌形象和主张,建立用户的信任感,设计创意能很好的驱动用户增长。

 

 

 

 

2. 天天领福利和15元快车券大派送的运营设计价值思考:

 

超级 9:30 的天天领福利和15元快车券大派送,首次借钱成果即可领取,这个是金融产品都有的一种营销策略,

降低用户的成本。这里先拿网商银行和滴滴金融的做任务-领福利活动为例子,因为网商银行的天天领福利运营设计和滴滴金融的15元快车券的运营活动做的很棒,做任务领福利、使用时间。还是滴滴金融的15元快车券的营销活动,低价优品,为滴水贷的引流等方面设计的都很合理,有利于用户去使用产品,参与运营活动,提升产品的

复购率和留存率。


 

 

 

3. 运营设计弹窗带给用户的价值和产品的价值,思考如下:

 

提升新用户的粘性价值和活跃度,比较常见的做法就是给予用户明确的优惠价格,提升用户的粘性和活跃度,或

通过天天领红包的折扣券或会员狂欢周的运营设计活动,引导用户在平台上进行的第一笔消费,加深用户对产品的好印象。比较典型的就是天天领红包或会员狂欢周的夜宵红包的运营弹窗的设计。

 

 

 

 

4. 城市生活享乐季 , 吃喝玩乐买买买的H5运营活动的产品设计思考,如下图所示 :

 

招商银行,城市生活享乐季,吃喝玩乐买买买的活动,三重福利送给用户,通过优惠券、瓜分红包、两人同行,一人免单等活动,引导用户在产品中消费,提升用户的参与感,营销设计的场景感,主题明确,主视觉的美食和

商城券、红包、大礼盒等设计元素,运营氛围渲染的很好,底部招商银行的品牌设计记忆点,提升产品的粘性度和用户的留存率和转化率。

 

 

 

 

5. 支付宝-蚂蚁森林的社交化、游戏化的创新价值思考,如下图所示 :

 

支付宝的蚂蚁森林,通过社交化、游戏化的创新,提升了用户的粘性度和留存率。

蚂蚁森林的用户每天步行、地铁支付、线上生活缴费等就能积累能量,当能量达到一定的数值时,我们就可以

种植一棵树,同时用户可以去偷好友的能量数值。蚂蚁森林的游戏,会促进用户打开支付宝的次数越来越多,提高了支付宝的打开率。同时用户可以获得更多的能量,也会经常使用支付宝,这样就可以大大的提升了支付宝用户的

活跃度和留存率。

 

 

小结:H5 运营落地页的增长设计三要素:1. 做好产品设计的优质内容。2. 设计的价值表现。3. 产品设计的

体验感。运用好增长设计的三要素,我们可以更好的去服务好用户的体验设计感。

 

 

 

对数据增长的总结-以教育平台的案例分析-在线语言学习类教育平台“多邻国”(如下图所示)

1 .  优化打卡文案使学习效果更明显,提高1%的DAU。

2 .  推迟强制注册页面,提高20%的DAU。

3 .  优化推送文案,使用户平均留存时间,增加了三周。

4 .  上线徽章功能提高了2%的DAU,双周留存提高了2%,App内购买收入增加了5%。

5 .  引入打卡对赌功能,14天提高了5%,APP内购买增加了600%。

 

 

 

 

附加:用户增长思维的地图示例:

1. 确定增长指标,增长指标拆解,AARRR增长模型分析。

 

 

 

 

 

 

二 用户增长关键的数据指标,如下图 :

 

 

 

一 数据指标的定义是什么?

 

它是对当前业务有参考价值的统计数据,是通过对于业务需求的进一步抽象,并进行数据埋点后,加工出来的一套计算规则,并通过有效的方法论和数据可视化呈现,最终能够解释业务变化和用户行为。只有对当前业务有参考

价值的指标才可称作指标,同时要具备:可统计、可分析、可监测的特点。

 

产品中常见的数据及其表意:

分析一款产品,重点关注三项内容:用户、需求、数据。

 

 

 

我们可以从业务、产品、感知三个方向去强化产品:1. 业务方向:聚焦核心痛点业务。2. 产品方向:确定产品的

主线功能。3. 感知方向:强化产品的痛点感知。如下图所示。

 

 

以上三个方向都是指向用户的痛点,目的都是为了解决痛点问题,抢占用户心智,形成强大的竞争壁垒和

增长势能,形成用户增长的优化点。

 

 

 

数据对体验设计师来说很重要,功能上线后,关注数据的变化来了解用户的心理变化,这个对比看用户反馈要客观的多。数据量化结合用户反馈,做好用户增长的体验设计优化。

 

1. 点击率

是指网站页面上某一内容被点击的次数与被显示次数之比,即clicks/views,它是一个百分比。反映了网页上某一内容的受关注程度,经常用来衡量广告的吸引程度。

 

意向率 :意向UV占曝光UV的比例,用户衡量运营活动/功能的导流能力。

 

 

 

 

 

 

 

 

 

2. 人均使用时长

在一段时间内,总活跃时长/总活跃用户数。娱乐游戏、社交等产品数值往往比较大,工具类产品数值比较低。

人均使用时长不一定越大越好,比如:内容类产品的人均使用时长较长,说明内容质量高,但是工具类产品如果

人均使用时长过长,反而代表产品使用效率低,用户学习成本较高,所以数据需要多角度灵活的去分析产品。

 

 

 

 

 

 

 

3. 留存率

互联网行业,用户在某段时间内开始使用产品,一定时间内,继续使用的用户,就是留存用户。(留存率=留存用户/新增用户*100%)。通常重点关注次日、3日、7日、30日即可,并观察留存率的衰减程度。留存率是判断产品价值的重要指标之一。留存率高的产品,更容易获得资本市场的看好。

 

留存率的计算:

 

7日留存率:第一天新增的用户中,在注册的第7天还有登陆的用户数/第一天新增的总用户数;这个时间段内,用户通常会经历一个完整的产品体验周期,如果这个阶段用户能够留下来继续使用,很有可能成为产品的忠实用户;

 

次日留存率:当天新增的用户中,在注册的第2天还登陆的用户数/第一天新增总用户数。

 

月留存率:即某一统计时段新增用户在第30天再次成功启动该应用的比例。通常移动端产品的迭代周期为2~4周为一个版本,所以月留存率能够反映出一个版本的用户留存情况,版本的更新,会影响部分产品的体验,所以通过

对比月留存率能判断出每个版本的更新对用户的影响,从而定位到设计问题进行优化点设计。

 

 

 

 

 

 

 

4. 活跃用户数

产品活跃度一般分为日活(DAU)、月活(MAU)、周活(WAU),产品活跃用户是需要达到某一个指标,比如内容类

产品,阅读了一篇文章或电商类产品用户完成3次页面跳转,都可以算作是一个活跃指标。

 

提高新用户的活跃度,比较常见的做法就是给予用户最初的引导以及简化功能路径,降低新用户的使用难度,或者说通过一些优惠或者卡券引导用户在平台进行第一笔消费,加深用户对产品的使用印象。

 

 

 

 

 

5. 转化率

是完成转化目标的用户占总体用户的比例,注册、下单、登录、复购,都可以用转化率来进行量化,根据产品不同阶段来定义不同的转化率指标,转化率是互联网产品的增长的重要因素。

 

转化率=产生购买行为的客户人数/所有到达店铺的访客人数*100%

 

 

 

 

小结:各属性的产品更看中那些数据 ?

 

 

业务型产品:一般和 意向UV、CTR 点击率、跳出率、意向UV访购率 有关。

 

内容型产品:一般和 用户的停留时长、功能 CVR转化率 、跳出率 有关。

 

社交型产品:一般和 次日留存率、用户互动和使用时长、CTR 点击率 有关。

 

工具型产品:一般和 用户的活跃度高、次月留存率、用户使用时长、核心转化率 有关。

 

电商型产品:一般和 GMV成交总额、下单量、DAU 日活跃用户数、核心转化率 有关。

 

游戏类产品:一般和 玩家的付费率与ARPU值、用户使用时长、核心转化率 有关。

 

 

 

产品生命周期,可分为初创期、成长期、成熟期、衰退期,每个阶段的工作权重和数据关注点都会有所区别。

 

 

 

我们分析一下产品的增长思路:科学提升数据的方式,控制变量。

 

1、初创期

初创期的重点在于验证产品的核心价值,通过某种产品或服务可以为特定的人群解决某个问题。

在产品初期,快速验证痛点和需求的方法被称为MVP(Miumum Viable Product),这里的MVP不是指最有价值的球员,而是最小可行性产品的缩写。

 

MVP是埃里克.莱斯( Eric Ries )在他的《精益创业》一书中关于精益创业的核心理念和思想。MVP是指用最快、最简明的方法开发初一个可用的产品原型,但MVP不仅仅是一个产品,还是一个过程,是由开发、测量、迭代三个环节形成的循环,即最小产品开发、产品验证、产品调整不断循环,同时我们也要注重产品的可行性,重视用户的质量很关键。

 

 

2、成长期

该阶段的产品已经能够解决用户的基本诉求了,所以将侧重点关注在用户的生命周期的管理,提升拉新和留存率。

 

 

3、成熟期

成熟期的产品,不再做整体的页面优化,而是一次只改一个内容模块的设计优化设计,或者只改一个元素的优化或颜色修改,或者只修改图标样式,团队内讨论和设计专家走查,思考那个颜色受用户欢迎;图标的设计风格符合用户的审美心理等。

 

第二轮优化,经过AB测试,页面的转化率就可以对比出来,最终选择转化率高的设计方案就好。

 

把AB测试作为一个测试设计方案数据提升的方法之一。

 

在产品的成熟期,设计师一般尽量做细节上的优化。看一次的结果,对数据影响不会太大,但是累计起来就非常惊人的。这就意味着必须经过长期的AB测试,才能测试产品迭代优化的数据洞察,多次优化后我们可以得到累积的效果,做到设计的量化。

 

下面几个案例来自《增长黑客实战》

Google 从2004~2007年历时3年逐步构建并建立了一套强大的内部AB测试系统,每个月会执行几百甚至上千次试验,小到将公司移动几个像素,广告上背景颜色序列稍作改变,大到对某个新产品反馈作出评断并决定去留。仅2010年,Google就进行了8000多次AB测试和将近3000次灰度测试。

 

亚马逊对AB测试的偏执,更是到了近乎苛刻的地步,甚至被赋予“AB测试公司”。不仅公司自行研发了AB测试系统,允许员工将网页拆分成不同版本进行对比和测量,就连办公室桌子的摆放角度,都要通过AB测试来决定。

 

所以,高价值的公司不仅在科技创新、用户价值、商业变现等方面表现突出,更重要的是他们利用数据思维去衡量每一个微小的改变,积累多了,最终大幅度提升产品设计价值。这对于追求科学严谨的成熟期来说至关重要。

 

 

4、衰退期

关注用户流失后的产品,分析竞品的商业模式和功能,同时监测流失的速度,拓展产品边界,寻找新的切入点。

 

 

小结:

 

1. 通过标准的设计流程和专家设计走查等思路,帮助我们学会用科学的方式,量化设计细节并提升设计效果。

 

2. 通过发现用户新的痛点,突破产品的生命周期,找到产品增长的第二曲线,实现产品的持续增长。

 

 

 

 

 

三  AARRR增长模型和用户增长案例分析

 

 

在《增长黑客》中,提出了AARRR的用户增长模型,将增长分为5个阶段:获取、互动、留存、变现、传播。通过递进式的引导,实现持续的增长闭环。设计师可以基于这个模型,探索设计在增长各阶段的作用。

 

 

 

 

用户增长的案例分析 :

 

现在市场上有很多优秀的用户增长的产品设计案例,与用户增长模型有关 :

 

a. 微信读书-无限卡为案例思考,如下图所示。

 

1. 每天限量派送7天无限卡

 

微信读书无限卡活动。同时面向老用户和新用户,老用户默认领取3天无限卡,分享到朋友圈后才能获得剩余的4天无限卡。新用户通过老用户的分享,注册后即可获得7天的无限卡。

 

这就充分利用了影响力 “互惠”、“喜好”、“稀缺性价值” 三要素。

 

“互惠” 微信读书,会给予用户无门槛,赠送3天无限卡,然后再要求老用户分享即可再获得4天,利用先让利再要求用户进行操作的态度,老用户内心非常愿意分享微信读书的无限卡。

 

“喜好” 是因为老用户分享出去,新用户因为老朋友的分享,生活情感上的一致性思维,更容易接受微信读书这个阅读性产品,同时可以领取微信读书的无限卡。

 

“稀缺性价值” 微信阅读很少做全场无限阅读的权益,我们可以购买微信读书的 Vip服务,看老用户,这个无限卡就是稀缺性价值,更愿意为稀缺性的权益而分享给好友。

 

 

2. 组队抽取无限卡

 

无限卡活动投放在微信读书的-用户重点关注的模块,每周成功组成5人队伍,就可以获抽奖机会,奖品是1、3、5、7、30、365天、终身无限卡会员,队伍中有了新用户,我们才能抽取终身大奖-无限卡活动。

 

组队抽奖活动依托终身无限卡这个“稀缺”资源,要求老用户每次组队都要拉新用户,老用户为了平台资源,一般会每周主动寻找 1 名新用户来组队,争取获得抽终身无限卡的读书权限。

 

对于新用户,“互惠”和“社会认同”会起到参与的价值,新用户参与这个活动,也能免费获得1天的无限卡会员;我们看到好朋友参与读书活动,我们也会想参与组队读书的无限卡活动。

 

 

 

b.  拼多多的增长案例分析

 

增长原因

首先,说明这个产品的核心模块,再分析拼多多是如何一步步引导用户注册、留存和传播的。

 

用户的裂变或分享

例如:天天半价购、好友互动等运营活动,为了做好营销设计而做的一些增长功能。

 

拼多多解决了用户两个问题

1. 商品价格低。2. 购买、支付方便快捷。 

 

天天半价购有 2 种运营形式,H5运营图展示和运营弹窗设计

第 1 种,天天半价购的流程,选择商品-半价拼单-团成开奖-每团必中。拼团后,马上就可以半价购物使用。新人首次发起半价团,中奖率高达99%哦~这个设计即可引导新用户马上下单消费,也实现新用户分享拉新的目标。

 

第 2 种,天天半价购这个活动,每团手气最佳获得商品,其余人立即退款,并送优惠券。而好友拼单=邀请新用户下单。

 

小结:用户为了实现某个目标,邀请好友帮助完成某项任务,从而影响更多的潜在用户,达到传播和裂变的目标。

 

 

 


文章来源:tob.design     作者:峻溪POINTV



蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务


服务设计概述及国内外案例分析

资深UI设计者


我们常说,现在是体验至上的时代,用户对产品的使用不再是单纯的需求满足,更要获得满意的体验。服务设计的发展为我们改善用户的体验提供了新的思路,从本质出发,任何产品都是在提供某种服务,服务的质量从根本上决定了用户的体验。



什么是服务设计


服务设计一直在我们的生活中,我们无时无刻不在体验着各式各样的服务。荷兰一家专业的服务设计机构31 Volts是这样描述服务设计的:“如果有两家紧挨着的咖啡店,出售同样价格的咖啡时,服务设计是让你走进其中一家而不是另一家的原因。”这个描述很生动,同时也说明了服务设计的作用。


其实服务设计的定义还有很多,行业内不同的专家和学者都有自己的理解和解读,不管定义如何,重要的是服务设计的思维方式,可以帮助我们从全局改善服务体验。




服务设计的原则及案例说明


2010年在《This is Service Design Thinking》一书中,作者首次提出了5个服务设计基本原则,这些原则之后也被广泛使用,但随着服务设计的不断发展,其中的一些原则也需要重新去审视和思考,因此在2017年作者将其更新修订为6项。


a.以人为中心(Human-centered)


以人为中心的设计理念在产品设计、交互设计等领域已经得到了广泛的应用,服务设计当然也没有例外,以人为中心就是要站在用户的角度上看待和思考问题,考虑所有被服务影响的人。


在日本,农产品市场存在这样一个问题,农产品批发商无法及时从种植者处了解农产品的相关状况、收获量等信息,因此他们也就无法与要购买农产品的人进行谈判,这样造成的结果可能是粮食的浪费。日本的一家软件公司NJC(Nippon Jimuki Co. Ltd.)发现了这一问题,他们希望利用自身能力(软件方面的优势)去解决这一问题,因此将目标设定为:创建一个可以提供有用数据而又不给农民或农产品批发商带来负担的系统。


最终的产出的结果是Fudoloop这个应用程序,通过Fudoloop,批发商可以提前一天从农民那里收到信息,进而协调买家的各种要求。Fudoloop的使用者分为两种,一种是需要更新农产品信息的农民,一种是从Fudoloop上获取农产品信息的批发商,Fudoloop分别为两种用户进行了设计。

图片来源:Fudoloop



在设计Fudoloop时存在这样一个问题,农产品市场中的相关从业人员普遍年龄较大、受教育程度低、软件使用经验很少,面对这样的用户,显然通常的软件设计并不符合他们的需求,因此Fudoloop的界面设计非常简单且信息突出,从事农产品相关工作的人员可以轻松的使用Fudoloop完成农产品信息的更新,而不会因为学习产生很大的压力。Fudoloop还在大型农业贸易展览会邀请了一些行业内的人员和用户参与到了产品的体验中,并收集了他们反馈的建议,以改善产品。

图片来源:IDEO


NJC在设计Fudoloop时充分坚持了以人为中心的原则,考虑到服务涉及的不同用户,并根据用户本身的特点和需求进行设计。NJC的CMO佐藤贤一是这样评价Fudoloop的:“当简单、以人为本的思想汇聚在一起时,创新就会发生”。



b.协作(Collaborative)


这条原则说的是,不同背景和职能的利益相关者应该参与到服务设计流程中,收集多方诉求,发现不同看待问题的角度,才会更好的解决问题。


在美国旧金山,有一所学校和Revolution Foods这家餐饮公司合作,为学校内的人员提供丰富的、营养的午餐,但是实际来餐厅就餐的人数与预期相差很大,数据显示,有72%可以承担起午餐费用的人并没有来到食堂吃午餐。经过调查发现其中的原因,很多学生等校内人员并不愿意排长队或者匆忙的吃完午餐,因此他们选择了去校外享受午餐的时间。


为了改善这种情况,这所学校请来了全球顶尖的设计咨询公司IDEO,他们与1300多名学生、父母、营养人员、董事会专员、校长、老师和社区团体等利益相关者一起工作,重新去设计了学校的午餐,并且制定了针对三种年龄的就餐体验的建议,完成了饮食、就餐空间、新技术使用等多方面的优化和设计。

图片来源:IDEO


最终,学校完美的改善了午餐服务的体验,这其中包含了所有利益相关者的想法和工作,因此设计成果也被人们所接受,越来越多的校内人员会选择学校的午餐,之后,这种设计模式也被旧金山的许多学校采纳和推出。


所以,服务中涉及到的利益相关者有很多,多收集他们的想法与建议,甚至让他们参与到服务设计中去,问题会得到更好的解决。


c.迭代(Iterative)


迭代是一个不断接受反馈不断优化的过程,如此重复执行,让产品变得越来越好。服务设计也需要迭代,不要避免犯错误,而是从错误中学习和改变,同时也要不断的收集各方的反馈信息,这些信息是服务进行迭代的核心所在。随着互联网的发展,迭代的思维早已渗透到每一个互联网产品,此处就不再过多解释。


d.有序(Sequential)


服务设计应该是一系列相互关联的活动,并且是按照顺序进行的,精准的把控服务每一个环节的节奏,用户才能获得更愉悦的体验。


以外卖为例,用户的使用过程包含订外卖时的商家选择到下单过程,下单后配送外卖,用户收到外卖和用餐后这几个过程,而服务的提供者主要包括商家、平台和外卖小哥,为了保证用户能够获得流畅的服务体验,需要各个服务提供者在服务展开的不同环节推出优质的服务,如下图。


在订外卖时,平台会为用户推出“超值优惠”“限时秒杀”等优惠活动,商家推荐、订单历史等商家选择渠道,以及不同的筛选条件,以上的目的都在于帮助用户快速找到自己期望的、合适的商家。在用户选定商家后,进入到选择商品并下单的过程,一方面,商家会推出优惠的活动、推荐菜品等,另一方面,平台也会给出自己的优惠。


下单后,用户面临的是一个配送过程中的等待时间,为了缓解用户在等待过程中的焦虑情绪,平台会及时更新和推送外卖小哥的状态,如到达商家、取餐中、与用户的距离等,同时会给出用户预期的送达时间,若超过预期时间用户还可进行催单,商家可以联系用户表达歉意,整个过程用户对配送状态是可视的。


用户收到外卖时首先会与外卖小哥接触,包括与外卖小哥提前确定取餐的时间地点,取外卖时的短暂对话等,这些都会影响用户对服务的印象,因此外卖小哥需要保证服务态度的礼貌和友好。收到外卖后,食品包装首先给到了用户对商家的第一印象,然后是餐品是否符合用户预期,让用户满意。


在用户就餐后,首先平台要提供给用户评价的功能,用户可以分享自己就餐的感受,商家也可以通过平台为用户提供更多的优惠,引导用户能够再次回到商家订餐。


从外卖的案例中我们可以看到,服务是一个过程,是需要有序展开的,每一个环节的体验都会影响到用户对服务的印象,在恰当的环节提供恰当的优质服务,才能确保用户的整体体验。


e.真实(Real)


服务本质上是无形的,应该用“物理元素”来可视化,这样可以用户的服务记忆,增强用户对他们所接受服务的感知。


同样以上述外卖为例,商家为用户提供餐食,这部分是借助美团这个平台和外卖小哥来完成的,用户和商家的接触仅仅是送达的餐食,因此无法通过像到店体验一样,让用户感知到商家提供的更多服务。


为了让服务变得更加“有形化”,商家就需要花费更多的心思,如图,商家为了增强用户对服务的感知,一般会在在包装上花费很多功夫,精致的包装让商家的形象更好且更加值得信任,一些有趣的包装还可能让用户的心情变得愉悦。另外,商家也可以通过一张便利贴的温馨问候或者赠送小礼品等方式让用户更真实的感受到服务,通过这样的手段,即使用户并没有真的接触到商家,体验也会变得很好,商家的形象也会提升很多。

图片来源:古田路9号


f.整体(Holistic)


整体就是要着眼于整个用户旅程,考虑用户与服务的每个触点(触点的概念后文会进行介绍),并兼顾多方利益相关者的需求。也就是所谓的全方位服务体验,考虑服务环境的方方面面,没有任何遗漏。这个原则实施起来并不是那么简单,从整体角度思考问题会使问题变得复杂。不过在服务设计中,是有一些方法和工具是可以帮助我们完成整体思考的,比如服务蓝图。




服务设计的常用方法-服务蓝图


a.服务蓝图简介


服务蓝图是一张图表,通过列出在每个阶段发生的、不同角色执行的所有活动,显示了服务的整个过程。如图所示是一个服务蓝图的简单示例,垂直方向上展示服务中的利益相关者,水平方向上为用户的历程,也就是用户经历的不同阶段。在服务蓝图中有两条线,一条是可见线(line of visibility),可见线上方为用户可与之交互的服务,也可以称之为“前台”,可见线下方代表的是后台进程,用户无法看到但需要给用户提供支持,后台进程还可以存在内部交互线,用来表示内部人员的联系。用户与前台服务之间存在另外一条交互线(line of interaction),用来表示用户与服务之间的接触。

图片来源:Service Design Tools


明确了服务蓝图的大致框架之后,还需要注意服务蓝图中一个非常重要的概念——触点。触点就是在服务的各阶段,用户和产品、服务、后台产生的接触,每个触点也是服务可以进行展开和优化的方向。


b.Uber服务蓝图绘制


为了明确服务蓝图的绘制和分析过程,下面将结合下图所示的Uber服务蓝图进行说明。

图片来源:Medium


(1) 明确用户历程


用户使用Uber打车服务主要可以简单分为以下三个阶段:注册(下载APP - 新用户注册),乘车阶段(下单 - 等待车辆到达 - 乘车 - 到达目的地)、乘车后(付款 - 评价)。


(2) 明确利益相关者


用户与之产生互动的前台服务人员为司机,而设计师、开发人员、项目经理等负责后台的服务支持,以保证Uber按照预期的目标运作。


(3) 明确前后台活动


一方面,需要明确和用户接触的前台活动有哪些,Uber打车服务中和用户产生接触的主要为司机及车辆,因此需要确保司机是合格的、车辆内部的环境是干净舒适的,同时司机在与用户接触的过程中需要提供礼貌的问候和交流,满足用户在乘车过程中的要求,完成乘车费用的收取,提醒用户离开前带好随身物品,以及评价乘客等。


另一方面,用户对后台的流程可能并不了解,但需要明确哪些后台活动和支持会对用户产生影响。比如在用户下单时能够自动获取用户定位,告知用户预期的时间和价格,以及发送给用户司机的状态等。


在明确前后台活动时,我们可以以用户历程为线,分步骤进行分析,确保每个环节中涉及到的前后台活动没有被遗漏。


(4)明确关键触点


在服务蓝图中我们可以标注用户与服务的主要接触点,针对触点进行设计是提升服务体验的一个重要和有效的手段。


在Uber打车服务中还有一些需要注意的触点,一是等待时间,这包括用户发起乘车请求后、付款时以及评价司机时,等待时间是造成用户体验较差的一个原因,因此需要注意标注出这些触点,并想办法优化,在服务设计中需要注意相关环节的应尽量简单,减少用户的等待。另外需要注意的是会对体验影响较大的触点,如司机态度不友好、乘客下车时忘记带随身物品等,可能造成失败的服务体验的触点应该精心地去设计,避免这样的情况发生。


通过以上过程我们完成了Uber服务蓝图的绘制,从中可以获取到Uber打车服务的整体概貌及其相互关系。



///


结语


服务设计的思维能够帮助我们从全局的角度去审视和思考,发现更多改善服务的可能性,从而为用户提供更好的体验。因此对于产品和设计等相关人员来说,不能仅仅把目光放在产品本身,而是要从服务的角度去正确看待产品和用户的关系,以用户为中心,找到用户与产品的每一个接触点来进行服务设计,这样才能保证用户在整个流程中都能得到好的体验。


文章来源:站酷  作者:百度MEUX

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

如何构建品牌体系?网易智企品牌体系化建设实录

资深UI设计者

导读

品牌体系的长期价值是什么?如何构建完整品牌体系?

本文将以网易智企品牌设计体系的建立过程为案例,与大家分享一下品牌体系化过程中的经验和总结。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 网易智企-品牌设计体系

目录

  • 背景:从产品走向事业部
  • 研究:品牌体系的不同构建方式
  • 策略:选择合适的品牌体系构建策略
  • 设计:从品牌字体到框架规范
  • 标准化:设计文档与流程规范化
  • 推进:发起会议正式确立体系
  • 成长:体系的不断自我成长
  • 传承:网易品牌设计
  • 生态:品牌体系的长期价值
  • 资料获取

背景:从产品走向事业部

网易智企是一站式企业服务提供商,依托 23 年 AI、大数据、通讯音视频技术,以 PaaS、SaaS 为主,提供智能化、数据化、场景化的企业服务解决方案。

网易智企的前身,是网易云信和网易七鱼两个的产品。2019 年初,网易集团决定整合 B 端资源,成立一个新的事业部——网易智企,并在此之后陆续打造了网易定位、网易互客等多个优秀产品。

至此,网易智企的品牌架构由两个独立的产品品牌,逐渐变成了事业部品牌+多个子品牌的品牌架构。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

但是,因为原有的两个品牌(即云信、七鱼)已经运营多年,在设计上并不统一。而事业部品牌为新设计的品牌,再加上其他的子品牌,最终造成了多个品牌在设计上“各自为政”的现状。

并且随着网易智企的快速发展,子品牌不断的变多,我们与市场部同学便逐渐发现了一些问题。下图是市场部同事在 2019 年发表在朋友圈的一张图,便是当时品牌的现状。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 网易智慧企业现状(2019 年初)

虽然产品线愈发丰富,整个事业部也在不断成长中。但是,若是品牌设计体系不够清晰,将会对未来的品牌传播造成非常多的问题,之后的修正成本也会越来越高。

如何改变现状?我们是否能够主动去推动事业部进行整体的品牌升级?能否通过设计去构建一个完整的体系,以满足网易智企未来的发展需要?

因此,在发现这个问题后,我们便马上开始了品牌设计体系的构建工作。结合之前的品牌经验,并在查阅大量资料进行研究后,逐步制定了完整的解决方案。之后与市场部同学一起合作,共同推进了品牌体系的构建与落地工作。

研究:品牌体系的不同构建方式

在企业的成长过程中,随着业务的不断拓展,自然而然地会产生越来越多的子品牌。在这个过程中,许多优秀的企业通过长期的实践,通过不同的方式,逐步构建了属于自己的品牌体系。比如联合利华、大众企业集团、苹果、雀巢、谷歌等等。

品牌体系一共有哪些构建方式?他们分别适用于哪种情况?而我们又应该用何种方式去构建品牌体系呢?

带着这些问题,我开始进行了品牌体系构建的研究。通过大量的案例分析与调研,我总结了以下几种最常用的品牌体系构建方式:

1. Free Standing 自由家庭式

自由家庭式,顾名思义,一切皆为 Free Style。子品牌与母品牌几乎无关联系性,完全自由地进行各自发展,因此品牌在设计上和基本毫无关联性。

这种品牌模式,通常适用于强子品牌战略的集团公司。不同的子品牌之间并无依存关系,也不需依靠其他子品牌、母品牌进行背书。而是各自在领域中独立运营,甚至形成差异化竞争,以扩大在单领域的品牌丰富程度,占据更大的市场份额。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ Free Standing 自由家庭式

比如联合利华集团,所有子品牌几乎均采用自由家庭式,在不同的细分领域拥有多个子品牌。比如个人护理用品领域,主要品牌有旁氏、多芬、Iluminage、卡玫尔、清扬、凌仕、中华、力士、夏士莲、舒耐、凡士林等。食品系列品牌有家乐、老蔡、立顿、四季宝、净水宝、可爱多、梦龙、和路雪等品牌。

很多品牌你甚至意想不到这是出自联合利华之手(或者被收购了),但仔细查看产品介绍,均会发现联合利华的身影。而在产品广告的最后 1 秒,也会快速出现联合利华这个“爸爸”的身影 。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 联合利华集团-品牌体系

再比如 VOLKSWAGEN(大众汽车集团),所有子品牌也均采用自由家庭式。旗下有奥迪、斯柯达、宾利、西雅特、布加迪、保时捷、兰博基尼、大众、斯堪尼亚、杜卡迪等众多子品牌。通过差异化竞争,在汽车行业的不同领域(家用车、豪华车、摩托车、重型卡车、巴士等)的不同级别中,均占据了不错的份额。

面对不同的消费群体和阶层,品牌需要承载不同的品牌概念,解决不同的问题。因此,只有采用自由式家庭式的品牌家庭,才能在不同的领域中有针对性地进行品牌的建设。

当然,这种方式也具有一定的负面作用。如果当两个子品牌在同一领域重叠性较大时,容易导致品牌在“内部竞争”中逐渐弱化,比如斯柯达汽车的定位与大众汽车重叠性过大,定位区分不明显,而与大众的三大件又是相同的,因此逐渐在市场中被边缘化。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 大众汽车集团-品牌体系

我们可以总结一下自由家庭式品牌体系的优劣势。

优势:

  • 子品牌更灵活,更有利于差异化竞争。
  • 可以针对同一行业进行不同层次的用户获取,提升单品类占有率。
  • 子品牌危机,对母品牌营销较小。

劣势:

  • 品牌一致性差,用户难以感知整体品牌感,不适合弱子品牌型企业。
  • 用户难以形成整体品牌归属感,无法通过母品牌进行有效地用户迁移。
2. Gene Delivery 基因家庭式

基因家庭式,即母品牌与子品牌拥有部分相同的元素或风格特征,并通常具有延续性,而这种元素被称为品牌基因。

基因家庭式是品牌体系中最为常见的表现方式,它通常适用于强母品牌的集团企业。此类公司通常在母品牌发展成熟后,基于母品牌进行其他领域的拓展,逐渐形成不同的子品牌。因此,子品牌需要延续母品牌的基因作为背书,从而提升子品牌的知名度与信誉。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ Gene Delivery 基因家庭式

而基因家庭式这个大的方向中,按照基因传递的方式进行细分,又可以归纳为以下 3 种最典型的形式:

基础版:将母品牌图形直接融入到子品牌中

比如雀巢公司的部分重要子品牌中,都将母品牌的品牌文字融入到品牌图形中,而这也是雀巢母品牌最容易识别的部分。

通过这种方式,子品牌既保持了相当程度的自由度,同时用户也能直观地通过品牌基因识别出子品牌与雀巢母品牌的关联性。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 雀巢公司-品牌体系

以及美国联邦快递 FedEx,则是以母品牌为基础,通过改变局部颜色、增加品牌文字等方式来构建其不同的子品牌。保证了一定的差异化的同时,与母品牌形成了强关联,达到了比较强品牌延续性。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 美国联邦快递-品牌体系

进阶版:提取母品牌关键特征,融入子品牌中

比如亚马逊公司,将其标志性的“箭头笑脸”提取出来,与各自不同的子品牌字体组成了新的品牌。这种方式相对于基础版又提高了更高的灵活性,但同时也保持了相当程度的品牌延续性。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 亚马逊-品牌体系

高阶版:提取母品牌基因,通过重构形成子品牌

比如 google 公司的新品牌与其各子产品的关系。通过提取统一的颜色以及扁平化的纸片效果,经过重组以后得到不同的图形,形成自由度极高,但又拥有高度统一性的品牌体系。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ Google-品牌体系

但是,这种方式在设计上的要求较高。如何在差异化的同时,保持一定的品牌关联性,需要非常精准的把控。

我们可以总结一下基因家庭式品牌体系的优劣势。

优势:

  • 整体品牌感强,用户容易进行感知,并进行品牌迁移
  • 灵活性、丰富性较高,可针对不同产品进行差异化设计
  • 扩展性强,后期延续更轻松

劣势:

  • 需要母品牌有较强的影响力
  • 品牌基因的延续上,需要平衡统一性与差异性,需要精准把控
3. Clone Family 克隆家庭式

克隆家庭式,即子品牌直接使用母品牌的品牌图形与品牌字体。子品牌通常与母品牌在品牌上毫无差异,或者保持图形、颜色、字体等特征的高度统一性,只进行文字内容的更换。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ Clone Family 克隆家庭式

比如苹果公司与其所有子产品的品牌,直接沿用苹果的主图形,并配合统一的色值、字体、间距等品牌规范,仅在文字进行相应的命名。通过几乎一致的品牌表现,当你识别任何一个子品牌时,便能感受几乎一致的品牌传递,甚至是各种细节,比如包装风格、说明书等等。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ Apple-品牌体系

当然,严格意义上来说,你可以认为他们只是同一个品牌。但当一个单一属性的品牌需要扩张到更多品类时,就必须带上相应的属性。你可以认为“iPhone”、“MacBook”、“TV”只是品牌的附加说明,但当他们组合在一起并出现在新的品类中时,便是一个新品牌的概念了。

这种品牌体系通常适用于企业在同一个的领域中,开拓不同的细分领域。他们传递的品牌概念与价格定位是一致的,比如苹果的所有产品都代表科技感、细节完美、设计精良,在价格上也通常占据比较高的层级。

但是,这种方式也具有一定的局限性。因为你必须保证所有子品牌所传递的上述所有特性,都与母品牌是一致的。如果某一项有差异,则品牌母品牌所蕴含的一切将不能被子品牌的用户群体所接受,这也是当时 iPhone 4C、5C 失败的原因。当你的价格定位与母品牌存在差异时,你的用户便不再认同这个子品牌,以及背后传递的一切。

为什么小米要开拓红米系列、华为要开拓出荣耀系列,为了他们放弃克隆家庭式而转向自由家庭式?就是这个道理——你不可能靠一个品牌传递不同的声音。

我们可以总结一下克隆家庭式品牌体系的优劣势。

优势:

  • 统一感强,用户无需更多的记忆,可直接进行品牌印象迁移
  • 低成本,可以无需更多的设计与推广活动

劣势:

  • 同一种品牌图形,不一定适合不同的产品
  • 缺乏变化,用户难以感知与产品间的关联
  • 容易引起品牌层级的混乱,致使整个品牌家庭崩溃

策略:选择合适的品牌体系策略

1. 确定策略

通过网易智企品牌现状的分析,并结合智企未来的发展需要,我们最终确定——使用基因家庭式-进阶版(即提取母品牌的关键特征,融入到子品牌中)的品牌体系是最为合适的。因为这种方式既能保证品牌设计的整体统一性,又能保持足够的灵活性,以适应不同品牌的需要。

但是,提取什么样的品牌基因是最合适的?

网易七鱼、网易云信原本就拥有多年的产品历史,如果只提取一方的基因,显然不太合适。如果大改品牌图形,则会对原有用户的认知产生较大影响,并不是一个理想选择。

最终,我们决定了一个大胆品牌策略——以品牌字体作为品牌基因的承载物,并通过标准化的框架规范使品牌的整体一致性得到的统一。通过这种方式,也可以将品牌图形的自主设计权留给子品牌。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

这种品牌策略的主要优势有:

整体品牌感强,品牌基因容易延续。

后续可将品牌设计流程标准化,提升设计与一致性。

原有品牌可只升级品牌字体和框架规范,保持原有品牌图形,从而不影响用户认知。

通过这种方式,我们可以对原有的网易七鱼、网易云信,以及网易智企的品牌做一个统一的升级,小幅优化品牌图形、统一品牌结构,并以全新的字体风格重构品牌字体。这样,我们既能够达到设定的目标,又能够最小程度的对品牌认知造成影响。

2. 可行性调研分析

这种构建策略是否可行?想要让相关人员理解这个策略,仅仅依靠设计方案是不够的。因为大家的视角不同,并不一定能够从设计的角度去理解。因此,我们必然要充分地进行论证,并拿出相关的案例去佐证,才能让设计体系的的推进更具实践性。

通过市场调研,我们分析了最近 10 年中优秀的品牌升级案例。在这其中,腾讯的品牌升级案例与我们的策略非常契合。

2017 年 11 月,为庆祝即将到来的 20 周年,腾讯发布了一款新字体——“腾讯字库”,并借此机会对部分品牌进行了升级,以此来加强整体品牌感。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

通过发布全新的品牌字体,腾讯公司构建了以品牌字体为核心的品牌体系,并取得了良好的效果。而这种品牌体系的构建方式,与我们的设想不谋而合。

因此,我们认为以品牌字体为核心的品牌体系构建策略是完全可行的。但是,这种方式所需要投入的资源是巨大的,且周期通常比较漫长。

我们又如何克服这个问题?

虽然无法得到如此多的资源,但我们可以通过合理的计划与推进策略,逐步去构建整个体系。不断地进行策划、构建、落地、完善,形成一个完整的闭环,通过不断实践去提升、丰富这个体系,最终让这个体系变得越来越完整。

确定策略之后,我们开始着手进行品牌体系的构建工作。

构建:从品牌字体到框架规范

1.  品牌字体设计

品牌设计体系的构想虽始于 2019 年初,但真正的准备工作则始于两年前。在我刚接触网易七鱼和网易云信时,便发现了品牌中存在的一些问题。虽然没有合适的时机进行品牌升级,但研究和尝试则不断地进行中。

在此期间,我开始着手设计一款全新的专属字体,也就是之后的网易 B 端产品的统一品牌字体。

通过对于网易智企品牌调性的分析,以及未来发展的需要,我确定了品牌字体的基本调性:现代、简约、刚正、大气、品牌基因的融入。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

作为科技类企业品牌的字体,它应该是有现代感和设计感。其次,为了适应不同的产品调性,同时传递出信任感,我希望它是刚正、大气的。最后,作为品牌体系的载体,它必须具备专属的品牌特征,才能以此为基础形成统一的品牌体系。

因此,在字形的结构上采用了较为刚正的框架,干脆利落的同时,在转角带有一定的弧度。方中带圆,刚中带柔,形成美学上的互补。而在遵从中文字体结构的同时,也对笔画本身进行了适当的简化(比如勾,用切割式的笔画代替上勾,但感知上仍然是勾),让字体更具现代感与简洁感。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

而整个字体的灵魂,则是将网易的特征以笔画特征的形势融入字体中。贯穿始终、恰到好处,使其作为统一的品牌基因延续在品牌家庭中。

网易的建筑风格在所有公司的大楼中,都是属于非常有识别性的。除了深邃而低调的色彩外,整个建筑从外形到地板、再到每个细节中,都将拥有独特切角的菱形融入其中。因此,我将这独有的菱形的四个边单独拆分,作为字体的基本笔画。通过简单的移动,四个边正好形成了网易的首字母“W”。继续移动,将其从两边的翅膀往中间压,则形成了一个网状的 XX 形状——这不正是网字中间的图形吗?

网易建筑风格——网易的“W”——网易的“网”,网易的基因就这样融入到字体中。而另一个更重要的特征,则是这四个笔画与水平线相交,所呈现的统一倾斜角度——80度切角。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

2. 初步制定框架规范,预先进行品牌升级

完成字体风格的定义后,下一步就是以品牌字体为核心,进行原有 2 个品牌升级的方案设计。

首先进行的是网易云信的品牌预升级。将网易云信的品牌字体以全新的字体风格进行重新绘制,并结合品牌图形制定了全新的品牌框架。比如品牌图形与品牌字体的间距,确定为字体高度的 1/2,而安全距离则定义为与字体高度相等间距等一系列规范。

通过初步的框架制定,一套围绕着品牌字体的初步规范便制定完成了。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

完成云信的品牌预升级后,又进行了网易七鱼的品牌预升级。因为原有的品牌图形存在一定的优化空间,除了品牌字体重新绘制与标准规范外,还对品牌图形和品牌色做了升级,让品牌图形保持原有识别性的基础上,更加圆润、灵动,颜色也更具科技感。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

通过两个品牌的预升级,除了初步对整体框架规范进行了制定,也对品牌字体的品质和实用性也得到了良好的验证,为接下来品牌升级工作的推进奠定了一个比较好的基础。

标准化:设计文档与流程规范化

1. VI 设计文档

品牌设计不仅仅是完成图形的设计,更重要的是使品牌在后续使用中更加规范,而品牌 VI 识别系统是其中最重要的工具。文档的初衷并非约束设计,而是使品牌设计的流程更加标准化,提升非关键环节的工作效率,让设计师将时间真正聚焦于的品牌创意阶段。

因此,我们制定了适用于不同场景的 VI 设计标准文档。整个文档的设计准则:一致性(整体框架、页面结构高度一致)、专业性(文字表述、规范演示高度专业)、灵活性(允许在框架中的寻求灵活创新)。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

封面样式:推荐的默认为标准品牌色+Logo 图形样式,除此之外还提供了背景图,在保持框架一致的基础上,也具备了一定的灵活性。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 封面样式

目录样式:提供基础版的 2 个模块版式和 3 个模块的版式

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 目录样式

内容框架:文字说明的区域与版式,内容区域的不同分割模式,尽可能地适应不同的内容需求。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 内容框架

2. 品牌展示规范

在品牌的传播和使用中,VI 识别手册相对专业性会更强一些,而在平时的展示中,更多的会进行单独的品牌展示。因此,我们也为此制定了不同场景下品牌的单独展示规范,以及在标准尺寸(1920×1080)下的页面布局、图形显示比例等规范。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 品牌图形单独展示

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 横式标准组合

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 竖式标准组合

3. 为新品牌制定 VI 系统

完成标准化的 VI 设计文档后,下一步便开始着手进行新品牌的 VI 识别手册的设计工作。按照我们已经制定完成的设计文档,品牌 VI 识别规范的输出效率得到了较大的提升。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 网易云信-VI 视觉识别系统

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 网易七鱼-VI 视觉识别系统

最终,我们完成了两个品牌的 VI 视觉识别系统,为后续的体系化推进做好充分的准备。

推进:发起会议正式确立体系

通过全新品牌字体与品牌规范的确立,并完成了 2 个品牌升级、1 个新品牌设计以后,我们将完整所有的准备工作整理成一个完整的提案。

下一步,就可以发起正式的品牌升级研讨会了。会议目的是通过整体的背景分析与方案呈现,让各相关方都能够达成一致意见,最终完成正式的品牌体系落地。

1. 提前与关键相关方沟通,对齐目标

在准备好充足的方案后,如何推进并最终落地?

这是非常关键的一步,也是许多设计师比较不擅长的领域。想要顺利的推进项目,光靠一个好的解决方案是不够的,还需要在正确的时间点,寻求各相关方的支持。

因此,首先就需要了解各相关方对于品牌现状的看法,并通过现状的分析,初步对齐我们的“项目目标”——即解决长期的品牌混乱问题,而这也是我解决问题的初衷。只有对齐了目标,我们才能站在共同的出发点,并在合适的事件抛出解决方案。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

下图是当时与其中一个市场侧关键相关方沟通的过程。当我们分析完目前的现状后,相关方对目前的现状表示认可,并期待解决方案。这个时候,我们再将已经成熟的方案展示出来,才能让相关方站在同一角度去思考问题,并最终认可解决方案。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

之后,我以相同的方式询问起产品侧和其他侧的相关方。大家在对齐目标以后,都有一个比较清晰的认知,也对我提出的解决方案非常认可。这时候,我们的项目便有了进一步推进的基础。

2. 发起会议,正式推出方案

通过提前的沟通,确定了各相关方的态度,同时了收集了一些小小的意见,并对方案进行了微调。之后便与各相关方正式地发起了品牌升级会议。下面是这次会议的简要过程:

会议开始后,我们首先进行背景分析。

为什么需要进行品牌升级?简要分析 2019 年初智慧企业的品牌现状,以及智慧企业未来的品牌发展方向:整体品牌感弱,品牌一致性过差,无法满足智慧企业长期的发展需要。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

同时,我们也对目前现有的品牌设计进行分析,发现了较多的问题。比如品牌字体的风格不统一、比例不一致、色值不统一等问题。而这些问题可以也可以通过品牌升级进行解决。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

最后,随着网易智企的快速发展,智慧企业的子品牌会越来越多,而品牌联合推广的频次将会越来越高。这意味着品牌 Logo 设计混乱的现状将会产生越来越大的影响力,而我们的修正成本将会越来越高。

为了解决这几个方面的问题,我们推出了最终解决方案——进行品牌升级,并建立网易智企品牌设计体系。

如何建立品牌体系?

通过策略分析与市场调研,以及未来网易智企发展的前瞻性思考,我们最终确定使用基因家庭式-进阶版的品牌体系是最为合适的,即提取母品牌的关键特征,融入到子品牌中。通过这种方式,我们对网易七鱼与网易云信进行了整体的品牌升级,并为所有新品牌制定了详细的 VI 识别系统。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 品牌升级会议 PPT

如何构建品牌体系?来看网易智企品牌体系化建设实录!

经过这套完整的方案阐述,大家在会议中一致通过了网易七鱼和网易云信品牌升级的方案,并对以品牌字体+品牌规范为核心的品牌设计体系表达了正式认可。

3. 以规范对事业部 Logo 进行升级

品牌设计体系经过各方认可以后,推进主品牌的升级就轻松多了。由于原有事业部的品牌字体和品牌色存在一定的设计问题,在确定了品牌体系的标准字体与规范后,我们便顺势对事业部的品牌进行升级。

当一个体系被认可后,遵循这个体系就变成了理所应当。因此,网易智企主品牌升级的工作也得到大家的认同,并顺利推进下去。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

之后,我们同样为网易智慧企业主品牌制定了详细的 VI 识别系统。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

△ 网易智慧企业-VI 视觉识别系统

至此,我们已经完成了现有的主品牌进行了整体的升级,网易智企的品牌矩阵已经初步形成。对比原有的品牌矩阵,整体品牌感得到了极大地提升。同时,也将会对之后的新品牌形成良好的规范,并促使这个体系不断地成长。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

4. 发送邮件,全员通知并规范使用

通过会议并得到各相关方确认后,最后一步便是发送正式的品牌升级邮件了。

通过发送邮件,正式宣布品牌升级,并通知每一个关键相关方。这就相当于合同的最后一步,整体体系便正式地得到了确认、生效。同时也将 VI 手册和设计文档同步给大家,引导各方正确地进行品牌使用。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

成长:体系的不断自我生长

1. 不断丰富的品牌矩阵

随着网易智企的快速发展,我们的品牌也逐渐增多。从 2019 年初进行品牌预升级,到 2019 年底,我们一共推动了 4 个产品进行品牌升级,并以新的规范进行了 4 个新品牌的设计。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

有了品牌设计体系后,大家对品牌设计的态度也发生了明显的改变。

每当有新的产品需要进行品牌设计时,大家便会自觉地去遵循这个体系——“按照品牌体系的标准设计即可”。“我们只需要按照体系来就行了,剩下的图形创意工作就交给你们了”。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

在此之后的每个新品牌设计,我们都按照标准化的设计流程进行,将重点的工作投入在图形的创意上,而不是反复地去尝试各种风格。我们的品牌设计效率得到了极大的提升,而各方对于品牌方案的确定也变得顺利多了,因为大家只需要判断图形是否符合产品特点即可,无需反复对比各种品牌风格。

2. 英文品牌规范的加入

随着品牌设计体系的不断发展,我们的品牌将不仅仅局限于中文,也会涉及到单独的英文品牌。经过我们的长期实践,英文品牌规范应运而生。

MCtalk 是网易发起,由网易智慧企业部主导的科技活动品牌:通过汇聚深度思维(Mind) 和顶尖创意(Creativity)来打造价值集合与传递的平台。包含 MCtalk Forum 论坛、MCtalk Conference 峰会、MCtalk Live 分享、MCtalk Park 开放日和 MCtalk Academy 私享会等系列活动。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

3. 周年数字品牌规范

随着不同产品线周年庆,许多品牌会设计专属的周年组合样式。为了因为不同周年 Logo 而影响产品统一性,同时减少了不必要的工作,我们设计了品牌+数字周年的品牌规范。

每个品牌都可以应用统一的周年组合形式。让不同品牌在周年组合中,也能拥有统一的品牌感。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

但是,周年品牌规范的统一,并不意味着每个活动独特性的缺失。我们仍旧可以围绕数字+主题发挥出强有力的创意,为每次活动创造丰富的主视觉。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

传承:网易云商品牌设计

随着品牌设计体系的设计规范与标准化文档已经逐步成型,这份文档可能会发送给许多设计师进行使用。但是,具体设计时,许多设计师可能会产生一些疑问,导致字体设计、图形设计上面会出现问题。

那么,如何使用这份框架规范,正确地进行品牌设计呢?下面,我将以网易云商的品牌设计过程为例,大致演示一下这个流程。

1. 品牌字体设计

品牌字体的设计,我们在文档中给出了统一的字体风格,以及目前已经设计完成的品牌字体。如果字体已经存在,则可以直接获取,无需重复设计。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

比如网易云商的品牌字体中,“网“”易”“云”三个字已经出现过,则直接取用,根据规范进行“商”字的设计即可。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

字体的设计,大概有三个步骤:

确定字体的骨架:字体设计,首先要保证字形的结构准确,遵循汉字的书写规律。否则,将会影响字体的易读性,让字体看起来不够自然。这一步,推荐多去借鉴已有的一些优秀字体,网易正体的字形结构,参照了“方正正中黑简体”和“黑体”这两个字体,在设计时可以先研究相同字形的笔画结构。

融入品牌基因:品牌基因,包含了横线末端 80 度切角,折角处的圆角,勾、点的简化处理等统一风格。同时,笔画带有细微的圆角,使字体本身刚而不锐。

整体调整,细节优化:最后一步,则需要凭借字体设计经验,对笔画进行优化,使其遵循字形结构的前提下,更严谨、更具设计感。这一步,若没有相关经验,建议与我或者有字体经验的设计师进行探讨。每个字体力求严谨、优美、更有设计感,以便未来其他设计师使用。

2. 品牌图形设计

品牌图形的设计,是品牌设计中最为关键的一个部分。设计师需要在契合品牌理念的基础上,设计出最符合需求的品牌图形。也需要让品牌图形在风格上保持相对一致。

在网易智企品牌体系中,推荐以平面化的图形进行品牌设计。这样能够保证图形足够简洁,并适应不同的场景使用。同时,品牌图形应尽可能地与母品牌保证一定传承、关联性。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

通常情况下,设计师需要在充分理解概念的基础上,进行多个方向的尝试。最终逐渐缩小范围,直至最终方案的确定。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

网易云商的核心概念是,成为企业的商业增长服务平台。因此,“增长”这个概念应该贯穿于品牌图形中。而云商的产品皆为 SaaS 产品,而“商”的首字母是“S”,因此,S 也成为云商的一个标志之一。云商的目标,希望打通企业营销全链路,因此,全链路也成为附属的概念之一。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

因此,整个品牌图形呈现的是一个向上增长的字母“S”,它像火箭一样向上发射。而整个图形,则由三段线条构成流畅的“S”线条,寓意三个品牌所形成“营销全链路”的概念。

为了让整个图形更严谨、细节更完善,在大致确定品牌图形后,设计师还需要巧妙地通过辅助线,去完善和优化整个品牌图形。为了避免切角过于尖锐,也同样在转角处加入了细微的圆角,使其优雅而柔和,并且更好地与品牌字体相契合。

3. 品牌基因的延续

网易云商是网易智企旗下的商业增长服务平台, 旗下包含网易七鱼、网易定位、网易互客三大产品。因此,品牌的传承性显得尤为重要,如何巧妙地表现出其中的关联性,是品牌图形能否承载更多含义的关键。

在品牌图形的风格中,网易云商的图形使用了与网易智企相同的线形风格。同时,线条的倾斜角度,也延续了网易智企品牌图形的 25 度倾斜。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

在品牌图形本身,则巧妙地融入原有的 3 个子品牌特征。比如线条末端传承了七鱼的鱼形尾部,上下两个线条传承了互客的“互手相连”图形,而线条前部的尖角则传承了定位“精准尖头”的图形。

虽然这三个原有的品牌,之后将逐渐融合成新的品牌。但是,它们并没有消失,而是以另一种方式进行了延续。有延续、有情感、有温度,才能让用户更有记忆度,也更能让陪伴了这么多年的图形有一个精神的传承。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

同时,整个图形又像一个 DNA 双螺旋基因,互相环绕增长。寓意网易云商,将成为企业的增长基因这一概念。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

最后,通过统一的品牌框架规范,将品牌图形与品牌字体进行结合,形成了最终的完整方案。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

4. 制作完整品牌 VI 识别系统

最后一步,便是按照 VI 标准文档,快速进行品牌 VI 识别手册的设计。标准文档中已经覆盖了基础的品牌使用规范,如果需要增加规范,可以按照相同的版式进行手册内容的新增。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

生态:品牌体系的长期价值

随着更多品牌的加入,品牌设计体系的大家族也变得愈发丰富了。我们不仅获得了一个高度体系化的品牌矩阵,同时也形成了一套更、更规范的企业品牌设计流程。并且,随着我们的影响力不断扩大,逐渐也吸引了更多品牌加入到这个体系中…

1. 自我成长的字体库——网易正体

在每次新品牌设计的过程中,都会遵循统一的字体风格进行新字体的绘制,品牌字库也因此不断丰富。我们希望它最终将成长为一款完整的品牌字体,并对其进行了正式的命名——网易正体。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

我们并不刻意去“生产”字体,而是让其自然地随着新品牌的加入不断的成长。

需要说明的是,虽然我们将字体的设计权交给设计师,但我们仍旧会对每个字体进行评审。除了字体风格的统一之外,我们对字体本身的基本要求也同样严格,比如字形结构的正确性、字体美感是否达到标准等。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

随着品牌体系的影响力越来越广泛,我相信我们的品牌字库也会越来越丰富、完善。我们也欢迎更多的内部品牌遵守这套规范,一起加入网易 B 端品牌设计体系、网易正体的“共创计划”中。

2. 标准化的设计流程,更高的设计效率

通过对于整个设计流程的优化,我们将品牌的框架规范设计、品牌字体设计、品牌 VI 规范这几个流程进行了标准化,以此来提升整体的设计效率。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

设计师可以将更多的精力专注于前期的品牌图形与概念的创意上,而之后的工作可以用这个标准化的流程来完成。更重要的是,这并不是单纯设计层面的流程,二是经过整个团队确认的流程。 因此,只要图形创意获得通过,那么后续的流程便可以快速完成可出产出,无需再次与各方确认。

通过实际的测算,对于传统的设计流程,我们可以将品牌字体的设计时间提升越 60%(如果字库足够丰富,那就是 100%了),整体规范输出效率提升 80%。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

最终,我们通过这套标准化的规范节约了大量的时间,同时逐步构成了非常完整的品牌体系。我们也希望这套标准化流程能够帮助更多的品牌。

3. 围绕品牌体系的内部生态

我们通过不断的品牌设计与升级工作,通过不断成长的品牌、不断完善的标准化流程,最终完整了网易智企的品牌设计体系的建设工作。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

基于所有的 VI 规范都是同一标准的,所有场景的规范可以任意组合、替换,这使得我们可以以统一标准输出给市场、产品人员,并逐步去建立后续的统一规范。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

随着品牌体系的完善,我们的推设计广体系、产品设计体系才有了建设的基础。围绕市场侧,我们建立了统一的推广体系,用以规范线上线下的推广输出规范,产品官网的规范以及活动页等规范。而围绕产品侧,随着品牌体系的认同,FishDesign 的统一使用得以有了“群众基础”,并基于样式组件化+规范体系化建立了产品设计体系。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

总而言之,品牌体系是所有体系化的基础,也是智慧企业设计体系的核心。只有顶层品牌的统一,才能在顶层认知上影响每个产品线,并逐步去引导中层、底层规范的统一。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

2020 年下半年,网易智慧企业的中文名已经正式升级为网易智企,欢迎关注我们的产品~

4. 更大的影响力,“B 端品牌体系”共创计划

我们为什么要建立品牌体系?

回到最初的原点,除了帮助网易智企解决当前阶段的品牌问题外,还有另一个原因——在网易内部建立一套指导性品牌设计规范与流程。

设计不仅仅是纯粹的创意性,也不是片面的规范性。

体系的目的并非强制性的规范(我个人并不推崇毫无意义的统一)。体系的目的在于引导性、在于选择性。我们希望提供的是一个基础标准和流程。也许某个产品的设计师并不擅长品牌设计,也许大家有这套体系需求,那么大家可以有一套高品质、的品牌设计与落地流程。

也许某个产品线觉得这套体系不够满足目前的现状,但对于品牌的基本标准不清楚,对于品牌设计流程不够清晰。那也可以这套体系的基础上进行创新,借鉴这套设计流程。

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

如何构建品牌体系?来看网易智企品牌体系化建设实录!

基于这个目标,我们已经将品牌规范与标准文档进行了小范围的开放试验。截止到 2020 年的上半年,已经有多个品牌开始使用这套标准化流程进行品牌升级与规范输出,比如网易易盾、网易轻舟、网易疾风等。

品牌设计体系更大的价值在于——帮助品牌快速建立秩序,将时间留给创意。而体系本身,也会因为每次的创意,变得更丰富、更完善。通过不断地正向循环、自我迭代,最终成为一个更大生态。

在无序中寻找秩序,在秩序中寻找创意,让世界变得更有序、更有趣、更美好。

文章来源:优设  作者:Jady13_剑杰

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档