设计师如何具有工程师思维?

常常在提 design thinking, 让工程师有设计思维,但作为一个设计师,很多时候工作处理的都是交互层的东西,那如何像一个工程师一样理解一个项目呢?或者说如何具有工程师思维?

这个问题的简单回答是:根本没有“工程师思维”。

当设计思维被广泛谈论的时候,惯性思维使然,出现了所谓“工程师思维”,直觉上,“工程师思维”仿佛站在了“设计思维”的对面,但事实上,工程师思维是并不存在的概念,设计思维跟设计师这个角色没有多直接联系。

于是,当你的问题是:设计师应该如何锻炼自己的工程师思维的时候,真正的问题应该是:如何和工程师合作。

更好地和工程师合作并不是掌握所谓工程师思维,而是应该学会如何像工程师一样的思考,那么工程师是如何思考一个问题的呢?

工程师重要的思考习惯是从几个方面的信息中产生模式(Pattern),通过模式产生出代码,因此,一个好的沟通模式是设计师尽可能提供足够的信息帮助工程师形成“模式”。

另一个方面,设计师往往喜欢从用户的角度讲述流程,而工程师所习惯关注地往往是“数据交互”而非“人机交互”,这也是设计师和工程师思考方式的不同之一。

这并不代表向工程师讲交互流程并不重要,而是我们需要结合“数据交互”和“人机交互”二者与工程师进行沟通。

数据交互

设计师通常擅长讲解“人机交互”,那么我们来看看设计师应该如何讲解“数据交互”,我们推荐设计师思考以下四个方面:

  1. 条件(Condition)
  2. 异常(Exception)
  3. 逻辑(Logic)
  4. 数据(Data)

b5dca8463092e6c73bfd7813cdcf6f6c_b

假设我们要向工程师表达一个登录的设计:

  • 一个用户名输入框
  • 一个限定位数的密码输入框
  • 一个按钮

最传统的沟通方式是使用页面流图的方式,从用户的角度,把使用场景、信息架构、页面流程、交互行为完整的展示,而如果我们考虑工程师的思维方式,我们可以体现以下信息:
条件

进入这个设计的触发条件是什么,例如登录的入口,点击什么内容能够触发这个登录界面;进入这个设计的前提条件是什么,例如用户未曾登录。
异常

这里的异常通常指异常的数据输入,这有别于一个错误的结果,后者只是结果的一种,经过判断逻辑,而前者的异常出现在逻辑执行前。
逻辑

逻辑用来处理1)异常的数据输入;2)正确或错误的处理结果;3)后台其他的写入逻辑。在我们的例子中它们分别对应:1)超过位数限制的密码;2)密码交验逻辑;3)后台记录一次登录时间。
数据

数据记录着在整个设计中,需要什么样的数据作为输入、需要什么样的数据作为展示,以及数据的读写。
系统复杂度

系统复杂度往往是没有工程背景的设计师所难以理解的概念,因为大部分“以用户为中心”的设计师通常以用户的感官设计体验,而非系统,这并不是反对“以用户为中心”的设计方式,而是多一种思维习惯去理解工程师对实现的担忧。怎么感觉系统复杂度呢?

其实很简单,当你仔细思考上面提到的条件、异常、逻辑、和数据四个方面,当每个分类中的需求越多,复杂度自然变高,这样的思考也会使得你逐渐简化你的设计。

一个突破现有模式的“新模式”也会提高整个的系统复杂度,例如当我们已有一个模式叫做“点击某

个内容,弹出登录界面”,如果要新增加一个模式叫做“点击内容超过5次,弹出登录页面”,这里需要对以前的现有模式进行修改,整体的复杂度也有所提升。

此外,数据的相关性也需要考虑,当数据来自于不同系统,或使用不同系统对已有逻辑进行数据处理,系统的复杂度也会大大提升。

因此当工程师进行估算时,你不妨去听听他们估算的方式,他们的语言往往不是基于页面,而是举出例子来评估系统复杂度,例如:“3个数据需要从第三方来、调用3个接口、有10条后台逻辑要写、5个前台逻辑、2个新页面模板、1个数据要写入其他模块、需要重构、需要修改以前的核心业务测试逻辑”。当你面对自己的设计,能够掰出手指数出影响系统复杂度的几个因子,在和工程师沟通时自然能够理解他们所说的语言。
设计思维

之所以我认为设计思维的对面绝对不是工程师思维,是因为,设计思维本身就是工程师和设计师应该共同拥有的思维习惯,而并不区分角色。除去“数据交互”和“人机交互”,设计师应该帮助工程师了解的是上下文(Context)。

7a0a16b29fea14ec5314a1b2e7e5624f_b

上下文是隐藏在“数据交互”和“人机交互”之下的东西,它通常包含很多方面,例如市场变化、客户习惯、应用趋势、行为数据等等。例如“点击内容超过5次,弹出登录页面”背后的上下文可能是:用户停留在“发现页面”上的时间很长,但是一旦点击一个内容弹出对话框后页面离开率很高。

通常的情况下,这样的信息甚至连设计师都无法掌握,更不用说传递给工程师了,而设计师真正应该做的,是将这“双头冰山”水上和水下的部分统统展示出来,这也是设计思维的真正体现。
真正的修炼

归根结底,真正的修炼在于“去体验程序员做的事情”,例如抽象模式、归纳逻辑、建立假设、建立标准。有人说,过度追求逻辑和模式可能使设计缺乏“人”的因素,事实上,大部分的设计师连“追求”都谈不上、还不需要担忧“过度追求”。

以前的文章《体验设计师该学习的一点前端技术》中曾经提过关于网页工程方面的技能积累,除了掌握一定的前端知识之外,培养自己的系统思维能力也是必不可少,培养系统思维主要分:

  1. 系统内部的关系
  2. 系统外部的联系

了解系统内部关系帮助我们看穿一个看似封闭的系统(用户通常无法感知也是以用户为中心的设计无法解决的)。小时候特别喜欢看《鲁布·戈德堡机械》,看似平常物之间奇妙的互动最后完成一个平常的任务,这就是系统的乐趣所在,此外仔细研究几个著名的“系统故事”也可以逐渐培养你的逻辑和系统思维,例如“囚徒困境”、“啤酒游戏”

4fedb04b6c5e8df6acb1c37da3ba8531_b

了解系统外部的联系帮助我们在更高的角度理解整个生态系统,这里联系除了工程师更多关注的数据联系,包含经济、人文、文化、政治、环境等诸多联系,这并不意味着设计一个登录界面需要考虑对环境有什么影响,这只是一种思维方式,这样的思维方式帮助设计师与工程师进行沟通和协作。
从设计师到营造者

建筑师(Architect)一词在希腊语词源arkhitekton中包含两个意思arkhi-, chief + tekton, builder,也就是Chief Builder,通过与工程投资方和施工方的合作,在技术、经济、功能和造型上实现建筑物的营造,他们兼具艺术家的审美眼光、工程师的力学和材料知识、还要有说服商业投资者的商业头脑。在这里,他们并不是“设计师”(Designer),而是“营造者”(Builder)。

在软件领域,也有“程序员(Developer)”和“架构师(Architect)”的区别;有趣的是在我们所说的设计领域(数字产品设计),却鲜有“Architect”的概念,有的最多是“产品经理”这样的角色(残缺的)。相信在不久以后,我们所在的领域,也会出现这样的角色,他们拥有:

  1. 人机交互设计师对于信息、界面、交互、视觉表现优秀的审美;
  2. 工程师对于逻辑、流程、数据、系统的思维方式;
  3. 对商业、环境、文化、人因、政治诸多因素的审视。

我们经常陷入一种误区,害怕某种思维方式会影响我们现有的思维方式(例如上面的某个回复),例如过多的逻辑思维会不会影响我对人和直觉的关注,最后影响我的设计,当设计越来越不是一个单独的技能而进化为一个“整体营造行为”中的一部分时,我们所执着的思维方式也需要演进。

这并不意味我们需要掌握并不存在的“工程师思维”、使用它和工程师进行合作,而是将工程师看待设计的方式融入到我们自己的思维习惯中,这也将帮助我们完成从设计师到营造者的转化,作为“营造者”,你必将超越工程师、产品经理、和现在作为设计师的你。

文章来自于:知乎

原文作者:熊子川

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/5731/

(0)
CatherineCatherine
上一篇 2015-05-23
下一篇 2015-05-25

相关推荐

  • 盘点 Smartisan OS 历代亮点, 罗永浩凭借用户体验翻身?

    #交互学堂#今天为大家盘点一下锤粉骄傲的资本,那些#Smartisan OS# 中具有启发性的系统层优化,从远到近从大到小,从 Smartisan OS v1.3 到 最新的 Smartisan OS 3.1,这算是一份锤子给智能手机操作系统的独特贡献…

    2016-11-01
  • 终极神器!Sketch 一键转成 PSD 格式!

    曾经有很多人问图翼君Sketch转PSD怎么弄?今天就给大家分享一神器,大招一放So easy!工具下载地址关注本公众号回复“39”支持PSD、XCF、Sketch、Any格式使用方法:1、打开神器,选择Open Frome Computer 打开要转换的Sketch文件2、选择你的Sketch文件,工作台会显示你的文件3、选择右上角File  -  选择Save as PSD, 保存成PSD文件。4、保存后,浏览器会自动下载转好的PS...

    2018-04-09
  • 用户体验给一百分的应用啊!

    “没想到的是,装了这个桌面应用,可以让手机好玩那么多。”这篇推送,小7就个人使用感受来跟你们聊聊,这个桌面应用给我带来的非一般感受吧。这款桌面应用给我的印象就是:它在尽可能地给你的生活做减法。一、将联系人直接生成桌面图标,点击就能直接拨号,这比将数字键设置为紧要联系人来得更加方便快捷吧。我这部手机大部分都用于工作联系,联系得最多的是我的拍档,这里我可以直接她的联系方式设置为图标,将图标放置于第一页,非常方便。二、底部导航栏可以上滑,惊喜...

    2018-03-24
  • 一个应届的交互设计毕业生应该具备哪些能力?

    作者:马力 @ 可能性与大设计   ( 上图来自Elizabeth Bacon ) 首先说,很多专业的同学都可以做交互设计(还有视觉设计,产品设计等等),既包括设计相关专业,如工业设计、建筑设计、园林设计等,也包括完全和设…

    交互专题 2017-08-07
  • 电商商品详情页应该怎么玩转?

    作者:电商微频道   电商作为传统商品交易在互联网领域的表现,其商业模式、市场营销思路、消费者心理研究是与传统商品销售行业相通的。但是电商真正颠覆性的价值在于改变了商业市场信息的不对等。 通过海量的、全…

    交互专题 2023-03-03
  • 六个步骤,细说电商banner图设计之色彩的奥秘

    我们常常会说到做设计需要知道三大构成(色彩构成/平面构成/立体构成),设计又可以分很多个类别,比如网页设计/UI设计/电商设计/室内设计/工业设计等等,那对于电商设计有没有专门的三大构成呢?至今好像没有看到,所以我想尝试着梳理一下我脑袋里的知识点,专门讲解一下三大构成在电商设计中的运用,而今天我先从色彩在电商设计中的运用开始说起。

    2017-05-21
  • 被忽视的重彩-交互设计验证

    每次评审,都是一场高效的讨(si)论(bi)大会...届时,需求、设计、开发也会上演争霸对决。作为身经百战的设计师该如何从评审会中顺利脱身,逃离这场没有硝烟的战役呢?小子很高兴地告诉你:你是绝对跑不掉的!定性、定量挖掘数据我们知道产品都有一定的周期性,开发期-成长期-成熟期-衰退期。在不同的产品周期中用户也会随着时间的推移,对产品的使用深度和理解广度有了深浅的层次变化,而不同的时期设计师采用的定性定量研究方法也是不一样的,如:访谈、问卷...

    2018-04-18
  • 【求职招聘】绝对干货

    阿里巴巴1招聘岗位1.数据研发工程师2.java研发工程师3.机器学习算法工程师(研究生及以上)4.客户端开发工程师5.前端开发工程师6.产品经理(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)7.运营等(对候选人要求高,应聘人数多,淘汰率高,投递前望客观自我评估)2岗位要求计算机与理工科等相关专业,本硕博皆可3岗位说明1.申请过内推、网申、被拒绝过的无法再次内推,请勿投递2.理论上官网上面的实习岗位都可,阿里集团及下属公...

    2018-03-26
  • Sketch导入图片丢色、变白解决方案

    周五晚上回家作图遇到点状况,折腾了半天才好。整理一下发出来,估计有人用得上。以下内容为磨磨叽叽的瞎逼逼顺序,着急解决问题的同志可以快速下滑,会有提示周五到家日常打开电脑作图,做的做的发现不对劲,之前导入进来的图片好像不正常了。如下图一开始还以为是不小心降低了透明度,cmd+左键,发现没降。再想可能是加了纯色,看了一眼属性,也没有叠加颜色。醉了,这什么鬼。我一看既然不成那就算了。重新再导入一张图片,这张后入的是好的。没当回事,接着做图。过...

    2018-04-25
  • 【分享】最全界面设计模式、APP和Web交互流程图

    这次设计夹的主编-晓黑同学为大家整理了史上最全面的APP和Web交互流程图的标准画法,内容非常的全面。通过结合自己的项目经验,把交互流程图做的更加清晰。在后面,还为大家整理一般的web设计模式及APP设计模式,以…

    2016-07-13