为什么未来设计师一定需要多元化思维(最毕设分享文字版) 2020-09-08

img

hello,大家好,感谢今天主办方组织的活动,有机会向大家分享一些我工作至今的一些心得和体会,我的分享主题是关于设计师为什么需要多元化思维,希望这次分享也能给大家带来一些新的收获。

先介绍下自己,我叫左子祯,之前是在锤子科技和字节跳动就职,主要是做设计系统相关的搭建和维护工作,目前是蓝湖 Master 线的产品设计负责人。在业余时间,我翻译了 Figma 的官方文档,同时创建了一个网站 FigmaChina ,方便国内设计师学习这款优秀的设计工具。这就是我个人的简单经历。

img

接下来我会从以下三个部分,来给大家聊聊我对于多元化思维的一些体会和观点,也会结合自己之前工作中的具体案例给大家做进一步的阐述,让大家理解到为什么多元化思维是对我们非常重要的。

img

首先进入今天的第一部分主题:什么是多元化思维。

我第一次听到多元化思维这个说法是在查理·芒格的书中看到的,大家如果读过有关他的书的话就知道,他是一个非常忠实的多元化思维践行者,也因此取得不菲的成就。

其实简单来说,我理解的多元化思维其实就是了解多种不同领域的知识,然后形成一种多角度多方面综合考虑问题的思维。

img

以我自己为例,其实我的大部分知识都是来源于工作和自学中。

我的大学专业是数字媒体技术,本身学的内容就很杂,设计、代码、3D、动画等都会涉及到一些,这个阶段让我感觉到知识其实是一个网状的结构,一个点可以连接很多点,最后会织成一张网。就好像我在学动画的时候,为了做好作品,去看了很多原画,然后有通过原画了解到了手绘相关的知识,包括光影和人体结构之类的,后来为了做动画又去看了剪辑、镜头等相关的很多知识。

很多类似这样的很多经历就让我形成了自己的多元化思维。

我现在主要的思维体系是由这三方面构成:

设计思维、产品思维、代码思维,对我来说这三方面都是围绕设计来服务的,每个思维都有不同发挥作用的地方,下面我简单讲下我的理解:

img

首先对我来说,设计思维主要体现在拓展设计的知识广度,也就是了解更多设计相关领域的知识,对我来说就比如动效设计、3D 设计、动画设计等,对大家来说呢,同样就是尽可能的去了解更多设计相关的东西,尽经可能的扩展眼界,培养兴趣。

img

那么产品思维呢,是我觉得非常重要但目前可能很多同学并没有重视起来的部分。我从工作和经验中总结出来了几条觉得比较有用和重要的思考方向,分别是:

  • 是否是真实的问题
  • 什么样的场景和用户
  • 要实现什么目标
  • 资源和成本

这些会在第二部分为大家详细说明,大家也可以一边听一边思考下。

img

在代码思维这块呢,我理解的它重要性主要体现在以下几方面

一是培养思考问题的逻辑;

二是了解实现成本;

三是独立开发,挥洒创意;

四是和工程师更好沟通;

最后是保证设计还原度。

img

那么这就是我的多元化思维的构成,而最终诞生出的产物之一呢就是 FigmaChina,这是一个我独立设计开发的网站,主要的目的是帮助国内设计师学习和使用 Figma ,一款非常棒的设计工具。

img

那么如何培养多元化思维呢,我觉得除了大家多去学习了解不同感兴趣领域的知识以外,第一点就是:

要学会思考事物间的共性,我们要知道事物的本质都是相通的,但看透本质是很难的,所以要多去思考他们的相同点,慢慢的就可以窥到一些门道,从而总结出一套自己的看问题的方法。

img

第二点很重要的是要学会以不同视角看问题,同一个事情,从不同角度看它,也会发现很多自己之前没有注意到的东西,多去这么练习尝试,它就会变成你的习惯,同样也能给你带来解决问题的很多新思路。

img

因为时间关系,下面我会主要针对产品思维,和大家聊聊它对设计师的重要性。

img

首先,我认为产品思维的用处,第一就是:让设计的理由更充分。

大家注意以下我所说的设计都代指用户界面设计。

设计并不是感性的,它需要更多理性的思考,也需要更多为什么这么做的理由,在产品角度的思考就能让你比起站在纯设计的角度有更多的理由

img

那么第二就是可以帮助我们冲破职业的天花板。

因为国内现在对于界面设计这块的要求,已经不像之前处于混沌初开的阶段,很多规范系统现在都已经很成熟,所以对于设计,大家更多比拼的是谁更懂业务,懂用户,懂产品,如果你在这些方面有一些自己的理解和技能点,也会比较容易帮助你冲破职业天花板。

img

那么现在我想让大家和我一起思考一个问题:

如果用户反馈你们公司生产的杯子容易碎,建议用更厚更坚固的材料,你会怎么办呢。

可能有些人觉得用户说的应该是对的,我们应该去更新杯子的生产线,用更耐摔的材料生产质量更好的杯子。

那么我们从另一个角度思考呢?

有没有可能是因为杯子设计缺陷,导致落下的时候受力点很容易把杯子摔碎呢?

或者是因为杯子底座不平,所以很容易被碰倒呢?

等等的思考方向还有很多

img

所以产品思维的第一个重点就是要深入的思考,我们是不是在解决真实的问题。

用户很容易发现问题,但往往不知道如何解决问题,这个时候就需要我们从专业的角度挖掘用户真正的需要,分析产品问题的本质,最终发现并解决真实的问题。

那么我们每次做设计时可以都想一想,我们解决的是用户真实的问题吗,是不是有可能在解决我们臆想出来的,或者用户自以为的问题。

img

第二个重点就是要明确用户和使用场景。

做设计前,大家要先想想是什么用户、在什么场景下使用这个功能?

举个简单例子,有个功能大多数用户使用是在一个很匆忙的场景下,那么这个时候交互路径就一定要短,关键的按钮一定得明显,不能为了视觉的好看而让用户很难在短时间内完成任务,大家需要记住,我们的最终目标是解决问题,不是为了设计而设计。

img

第三点是我们可以换个角度,可以从减少成本来考虑问题。

比如从开发成本、使用成本,维护成本来考虑,这个功能要花多少时间,方案本身有没有其实无关紧要但可能会花太多成本在上面的地方,还有现在在做的部分能不能做成一个模块或组件减少后期的维护成本,那么类似这些其实也是我们需要考虑的地方。

img

下面我会结合真实的案例很大家分享下,如何将产品思维运用到真实的设计流程中。

img

这个项目是我在锤子科技时为团队基于 Figma 搭建的设计系统,在搭建的过程中呢,有很多细节都是从产品角度来考虑和设计的,下面我会和大家分享一下这些细节的思考过程。

img

因为有些同学可以还没有接触过实际的项目,我先简单解释下设计系统,简单来说呢,设计系统其实就是基于设计规范,搭建的一套可以供设计师使用的一个组件和样式库。

我们如果把设计系统看成一个产品,那用户自然就是设计师了,有用户,那就也会有用户需求,也要考虑用户体验,我们依然从下面三个方向来看看,设计系统中那些地方应用了下面的产品思维。

img

首先,我们先来看看 Smartisan 设计系统的文件分类,这里一共分为 8 个文件,为什么分这么多呢,其实是希望减少无效信息给设计师带来的干扰。

什么意思呢?

就是我希望每个设计师看到的都是他需要的东西,比如在网页和移动端上我们用的是两套完全不的文字样式,那么如果我把这两套样式放在一个文件里,有的设计师呢可能只做移动端的东西,所以样式列表中出现的网页文字样式就会给他造成干扰。

如果大家仔细去想的话会有很多这样的场景,所以我们需要把设计系统按使用的场景做一个拆分,比如说颜色是所有设计师都会用到的,所以放到一个文件里,文字就要分网页和移动端两个文件等等。大家如果要做设计系统就可以从这个角度思考下在自己的团队中有哪些场景,可能是按平台分,也可能是按职能分。

但最终目的是为了我们可以灵活的搭配出自己的需要的设计系统。

这就是我说的要考虑用户和场景。

img

接下来在我们设计系统中有一个文件叫 README,里面的内容是 Figma 的一些常用操作和相关规范,我们会把 README 发给第一次接触 Figma 的工程师和、产品经理和设计师,让他们了解基本操作和相关规范。

那么从产品角度来看,这样做就可以减少用户的学习成本。

img

下面我们再来看看我们的组件、样式命名规范,这个也可以供大家参考。

我们的 Style 命名规范是全小写字母加横杠,这个是参考了前端里面变量的命名习惯。

而 Component 的命名的方式是大写字母开头中间不加任何横线,这个也是参考了前端中的组件命名习惯。

所以这么就减少了和工程师沟通、维护和实现的成本,也就是从减少成本方向来考虑的。

img

下面我们再来说说对于组件状态的管理,那么在设计系统中状态也不是越全越好,依然要考虑用户真实使用场景。

例如每个组件我只做了 Normal 态,其它状态的组件都是 Normal 态的组件的实例。

一方面是因为设计师其实很少去用到类似 Pressed 之类的状态,我们要满足的是用户最关键的需求,如果把每个组件的每个状态都做成组件的话,组件库会变得很臃肿,本来方便找的组件也变的不那么好找了。

另一方面,如果开发的足够规范,这些已经在组件库直接调用就可以,也没有必要把不同的样式都在设计图里面体现出来。

所以我们在保证了组件够用的情况下,这样做就尽可能的减少了对用户大部分场景的干扰。

img

还有一个细节就是,我在设计系统中会预留修改接口,这又是什么意思呢?

举一个简单的例子,比如这个 Button ,它的图层结构是像右边这样:

为什么要把按钮的底,也就是矩形单独做成一个 Component 呢,是因为我要预留一个接口以防未来会修改矩形的一些属性,例如圆角和宽高。事实上也确实修改了很多次。

那么这就需要我们去提前考虑到可能会变动的内容,然后给他们留一个能统一修改的接口,有可能是一个 Style,也有可能是一个组件,这个就看大家的需求了。

这样就很大程度上减少了后期的修改和维护成本。

img

最后呢,我们还有两个文件,一个会放一些样机模版,一个会放一些标注用的组件。

因为我们是做手机系统的,所以肯定会需要一些样机,还有一些可能会用到的模版。那么这个是 Smartsian 业务需要的东西,大家在做自己的设计系统时,可以也要考虑自己业务需要那些特殊的资源。

也就是要看看我们的用户也就是设计师,他们有哪些真实的需求。

img

总的来说,整个思路就是用产品的思维去考虑设计系统是如何发挥作用的,也要站在使用者的角度想一下,他们真正需要的是什么。

img

那么产品思维的部分就聊到这里了,但这只是我的一些对产品和设计的理解,大家更重要的通过自己的学习和分享,总结出适合自己的一套思考问题的方法。

img

接下来就到了最后一部分,我们来简单谈谈,在我看来未来设计师的一些机遇与挑战。

img

我们先来看看一些同学可能有的小迷惑,也就是选择大公司小公司的迷思。

那么在我看来,其实已经不像前几年了,之前大公司小公司对人的要求和锻炼可能会不太一样,可能大公司更锻炼点,小公司更锻炼面。

但随着大家要求和工作内容逐渐相似,设计师也越来越多,水平也趋于稳定,再加上大公司有一定背书效应,所以关于这个问题,现在我的回答是:如果自己看不准,还是建议选择大公司。

img

然后对于国内的 UI 设计大环境,我个人有以下几点看法:

第一是现在的市场需要的能力越来越全面化,简单来说也就是大家要会的东西越来越多;

第二是专精化技能逐渐自动化,其实有一些细分领域已经被人工智能取代了一部分了,比如鲁班,随着科技的发展,类似的事情后面应该还会越来越多;

三是在基本功扎实情况下需要有自己的亮点,对于大家来说,这个在面试中就是你能不能脱颖而出的关键了。

img

对于未来的机遇和挑战呢,我也是有以下几点想法想和大家分享。

首先,因为细分行业领域逐渐自动化,就像我们刚才说的鲁班,我们未来还会有很多类似的工作被取代,那这个时候可能会应运而生一种新的职业:也就是 规范设计师 或者叫 系统设计师

随着设计规范逐渐的完善和丰富,再加上人工智能的辅助和工具本身的发展,那么设计不同的规范和维护规范可能会成为一种新的职业,就像每年公司要审计一样,设计可能也就是每隔一段时间维护一下规范,我们使用规范设计的页面就会自动随着规范更新,这也未尝不是不可能的事情。

最后一点就是随着网络连接越来越紧密,未来生产力关系的慢慢转变,我们很多时候是可以不用去公司上班的,甚至不固定在一个公司工作,对于设计来说,自由职业尤其适合,未来可以预见的是自由职业者人数也会越来越多。

讲到这里,我的分享也快结束了,最后呢,我想对有些可能对未来有些迷茫的同学提两个很有效的方法,这其实也是我自己亲身的经历:

img

一是刻意练习,刻意练习自己的强项,扩展知识面的广度,形成自己的一套多元化思维方式和技能体系。同时这里给大家分享了几个我自己的获取信息的渠道,也能帮助很多拓展一些不同领域的知识:

img

第二就是做好当下的事,当你不知道未来路怎么走的时候,那就把现在的路走好。

img

到这里我的分享就已经结束了,希望今天能带给大家一些不一样的收获,然后大家有什么问题也可以加我的微信,再次谢谢大家的耐心观看,拜拜。

img