抽丝剥茧做设计:结构化思维初体验

我们面对熟悉的问题能迎刃而解,陌生的问题却无从下手。原因是什么?其实是大脑对熟悉问题有已存在的解决结构,而对陌生问题,需要抽丝剥茧重新建立。结构化思维带你快刀斩乱麻,只需四步,建立清晰结构,完美解决未知问题。结构化思维是指一个人在面对工作任务或者难题时能从多个侧面进行思考,深刻分析导致问题出现的原因,系统制定行动方案,并采取恰当的手段使工作高效地开展,取得高绩效。(引自百度百科)


我们面对熟悉的问题能迎刃而解,陌生的问题却无从下手。原因是什么?其实是大脑对熟悉问题有已存在的解决结构,而对陌生问题,需要抽丝剥茧重新建立。结构化思维带你快刀斩乱麻,只需四步,建立清晰结构,完美解决未知问题。

抽丝剥茧做设计:结构化思维初体验

正值Outing季节,大家都喜欢出去旅行,自由行是越来越多人的选择。而如何制定旅行计划,让你在异国他乡享受一段美好的旅程,很多人却犯了难。去哪里?什么时候出发?选择什么路线?住在哪里?要带哪些物品..……这似乎是一个很复杂的工程。分享一个我的方法,通过一个结构图把旅行中的方方面面都罗列出来,这样是不是就有头绪了。

抽丝剥茧做设计:结构化思维初体验

从图中可以看出,我先定下了一个目标,然后一步一步拆解,把复杂的问题简单化,最后各个击破。这其实是应用了一种叫结构化思维的方式来解决问题。

什么是结构化思维?

结构化思维是指一个人在面对工作任务或者难题时能从多个侧面进行思考,深刻分析导致问题出现的原因,系统制定行动方案,并采取恰当的手段使工作高效地开展,取得高绩效。(引自百度百科)

理解起来还是有点复杂,我认为的结构化思维就是当我们面对一个复杂问题时,通过一些方法将这个复杂晦涩的问题拆解成一个个简单清晰的小问题,然后找出解决问题的方法。为什么要这么做?因为我们的大脑更擅长处理简单有规律的信息。正如下图,左边的信息纷乱如麻,经过结构化思维,就建立起了清晰的层级,大脑的处理速度自然更快。

抽丝剥茧做设计:结构化思维初体验

让思维结构化的方法有哪些?

面对难题时,把你的思维结构化,然后拆解这个难题,最后完美解决。但是如何才能让思维结构化?芭芭拉在《金字塔原理》一书中给出了两种方法。

方法一:自上而下找结构

当我们面对一些熟悉的领域或者习得了一些“套路”,脑子里就会冒出一些结构框架,这时我们只要顺着这些框架往下分解就很容易得到一套完整的结构图,例如文章开头提到的制定出游计划。因为经常组织团队活动,我已经有了一定的结构积累,所以我可以很快地想到从“吃、住、玩、行”这几个方面向下拆解扩展,再进行适当地查漏补缺就完成了整个结构图。

方法二:自下而上找结构

个人的知识体系总是有限,更多时候,让我们伤脑筋的问题来自于自己不熟悉的领域,例如我们设计师每天在解决的各种问题。所以当我们面对一个问题毫无头绪时,怎么去建立出一个清晰完整的结构?从哪里突破?这时就需要用到自下而上找结构的方法,个人认为这也是结构化思维最具价值的地方。当你不清楚可以用什么框架的时候,以下四个步骤让思维结构逐渐清晰。

  • 第一步:信息归类
  • 第二步,信息分组
  • 第三步,结构提炼
  • 第四步,完善结构

下面以实际设计工作为例,看看如何按照这四个步骤自下而上找到结构。

我目前负责猛犸项目的交互设计,该项目是网易数据科学中心研发的一站式大数据开发计算平台,面向企业用户,让企业可以集中管理和清洗数据,挖掘数据价值。简单地说,就是一款数据管理和清洗的B端产品。研发初期,一直快马加鞭地进行功能开发,有了雏形之后开始结合用户的使用反馈和可用性测试结果,对产品进行了一次用户体验优化大改版。

根据收集到的用户反馈和可用性测试结果,我们对问题进行初步筛选归纳后得到如下的列表:

抽丝剥茧做设计:结构化思维初体验

接下来,就开始尝试用四个步骤找出这些问题的改进方案。

第一步:信息归类

仔细阅读问题,进一步分析,把有关联的问题用线连接。例如:问题2和问题4都在说功能不容易发现的问题,所以把它们连接在一起。以此类推,最后得到下面的信息连线图。

抽丝剥茧做设计:结构化思维初体验

第二步:信息分组

根据连线的情况,迅速地就能整理出4个问题大类,如下图所示:

抽丝剥茧做设计:结构化思维初体验

第三步:提炼结构

在连线过程中,对各组内容已经有了大致的思考,组A是任务场景没有做区分的问题,组B是功能可发现性问题,组C是提示、引导的问题,组D是操作的用法和用户想的不太一样。进一步组织语言,用更书面的表达方式就提炼出了下图中的这些结构。

抽丝剥茧做设计:结构化思维初体验

第四步:完善结构

现在我们已经从前面几个步骤中得到了一个大的框架,如下图所示:

抽丝剥茧做设计:结构化思维初体验

但这些框架还是不够细,所以还要进一步分解。有了大框架后分解就容易多了,可以用前面提到的方法一,自上而下顺着这些框架往下扩展。

下面以组C为例,对结构进行扩展。反复斟酌组C中的问题,可以发现,第8条的问题发生在操作前,而其余3条都发生在操作后,因此这里的反馈不足可以分成操作前和操作后两大类。除此以外呢,联想到操作中会不会也需要反馈?遍历了整个平台的功能后,发现上传项目包时没有上传中的提示。且在这个功能中,还发现上传后成功或失败提示都不易被发现,顺着这个思路发现了更多可优化的点。

补充后的结构图如下:
抽丝剥茧做设计:结构化思维初体验

至此,问题的结构清晰了,针对具体问题的改进方案也就应运而生:

操作前:提供引导

优化前,当鼠标移触到节点组件时只有手型指针,点击后没有动画提示,致使相当重要的功能用户不知道如何用。大多数用户以为点击就算触发,还有的认为是图例。优化后,鼠标移触节点组件高亮,点击后还增加了触发的动效,让用户意识到这里的组件是可以拖拽的,引导其继续操作。
抽丝剥茧做设计:结构化思维初体验

操作中:提供贴心反馈

优化前,用户点击上传项目包后,没有任何反馈,用户不知道当前状态。优化后,点击上传按钮,会帮用户定位到项目包生成的位置,且在名称右侧有个loading的动画。
抽丝剥茧做设计:结构化思维初体验

操作后:明确告知操作结果

(1)上传反馈

优化前,上传成功和上传失败也有反馈,但是比较轻量,2s消失。项目包的上传在实际操作中时间会比较长,用户的注意力早就分散到别的任务中去了,因此这种提示方式显然无法引起用户的感知。优化后,提示方式改成弹窗提示,且在上传失败的提示弹窗中可以直接重新上传或者选择新的项目包来覆盖,用户无需折回原先的入口。
抽丝剥茧做设计:结构化思维初体验

(2)运行结果

优化前,运行结果用了纯图标区分各种结果,由于不是约定俗成的图标,用户无法知道确切的含义。优化后,把图标简化,且配上文字说明,含义更准确,更易理解。

抽丝剥茧做设计:结构化思维初体验

(3)节点状态

优化前,节点的状态一眼扫过去,区分度很弱,用户要进行线上调度这样的操作,是需要谨慎确认的,这样的区分度增加了用户核验的工作量。优化后,对比加强,且加了一个开关操作,开启表示上调度状态,关闭表示取消调度状态,对状态区分起到了辅助作用。

抽丝剥茧做设计:结构化思维初体验

(4)操作提示

优化前,操作提示较小,停留时间较短。优化后,加大了提示的面积,视觉上用了明度更高的颜色,且加长了停留时间,增加了淡出的动画,提升了用户体验。

抽丝剥茧做设计:结构化思维初体验

结构化思维能给设计师带来什么?

通过以上实践,确实从结构化思维中受益颇多。若设计师能在工作中利用好结构化思维,一定能达到事半功倍的效果。

首先,经结构化思维提炼得出的设计方案思路清晰,经得起推敲

思考方式系统化了,就能更全面地考虑问题。并且给出的设计方案层次清晰,让人一目了然。

其次,和项目内其他成员的沟通可以更顺畅

一个能把事事都抽取成结构来表述的人必定有很强的沟通能力,思维清晰了,也能让他人更准确地理解表达的内容。

最后,有助于设计领域知识体系的构建

资讯爆炸的现代社会,信息都是碎片化的,如果没有结构化思维,信息只能孤立存在。俗语说:罗马不是一天建成的。使用结构化思维,逐渐建立起自己的知识体系,每当接触到碎片信息的时候,把其纳入自己的知识体系中,不断壮大它。工作年限越长的设计师,越有价值的地方就在于他自成一体的知识体系,便于应对各式各样的问题。

参考资料

1、芭芭拉·明托.《金字塔原理》 [M].南海出版公司,2010:34-45.

2、结构化思维应该如何训练. https://zhuanlan.zhihu.com/p/24526115

3、为什么你总是有口难言. http://mp.weixin.qq.com/s?__biz=MzA5ODI5NTI5OQ==&mid=401858436&idx=1&sn=f274e474e16a9af189994c471f37e937&scene=21#wechat_redirect

 

作者:陈珂,网易猛犸交互设计师,致力B端产品的设计5年有余。

本文来源于人人都是产品经理合作媒体@网易UEDC,作者@杨添琴

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

(0)
CatherineCatherine
上一篇 2017-04-28 10:43
下一篇 2017-04-28 12:39

相关推荐

  • 用户体验扩展:一个设计管理者的4步走框架

    用户体验不是一个有规则去衡量的工程,它是科学与艺术的一部分。所有的设计流程最终都会被打破,用户体验扩展的诀窍是创建一个灵活应对设计规模和时间推移直到完成的框架。基于我们的朋友Jason Culbertson(Airbnb设计经理)在Airbnb、GUSTO等公司的产品设计研究中,他在用户体验实践中创建了以下几个方面的框架:.方法&系统-UX领导人和他的团队保证核心标准的工具是什么?如何做一个系统化的设计,而不是碎片化的?.团队结构-随着...

    2018-03-02
  • 100本UI设计/交互设计PDF电子书资源,UI设计师进阶必读书目,还在持续更新哦【024期】

    好素材,不加班今天小编为您精选了【100本UI设计/交互设计PDF电子书】大小:3.07G提供方式:百度网盘获取方式:请查看文章底部部分书籍展示领取素材的方式长按二维码回复:024长按二维码回复:024长按二维码回复:024无需分享直接获取素材热门素材推荐▶UI设计师作品集模板,PSD格式【001期】▶设计项目展示经典范例四套【002期】▶三套2.5D插画设计素材合集【003期】▶C4D设计素材包含建筑【004期】▶100多套欧美网页设...

    2018-05-07
  • 6个实用消费者心理学

    消费者究竟是不是傻子?这事儿真要分两面来看。有时傻的天理不容,有时精的六亲不认。傻子是这个世界最幸福的人群,哪里会有那么多傻子,只不过都是分时段的智商休眠而已,至于什么时间休眠,这完全取决于消费者出于…

    交互设计 2014-12-03
  • 优逸客【交互设计】直播课今晚8:00正式开播!

    提起交互设计,它既没有界面视觉设计绚丽,也没有用户体验设计有趣,看起来枯燥乏味,学起来复杂难懂,但它却是整个产品流程中最核心的部分之一。一个牛X的交互设计师是睥睨天下的,无论薪资还是技术。(以上海地区为例)但在通往牛X的路上……很多人还没开始就放弃了经常会有人说交互设计好像已经趋于饱和,现在从事这个行业没机会了。照这么说,公务员是我见过的饱和度最高的行业了,但每年还是有那么多人争得头破血流要为人民服务。就像金字塔一样,往往最底层的那一部...

    2018-04-19
  • Axure RP 8.0软件安装教程及下载地址

    破解文件下载地址在文末,请查看!1.双击AxureRP-Setup.exe安装文件。2.点击Next。3.勾选I Agree,然后点击Next。4.一般是默认安装路径。5.点击Next。6.点击Next。7.等待安装。8.取消勾选!取消勾选!Run Axure RP 8使其处于未选中状态,然后点击Finish。9.在桌面找到Axure RP 8,鼠标右击选择打开。10.点击确定。11.勾选Don’t  show this at star...

    2018-03-27
  • 【译文】作为新手,我该如何学习Web设计

    我现在对于网页开发一无所知,我应该学习什么能让我可以在六个月之内开发任何网站?无论是看书或者开展项目都可以。 简单引导: 学习基础知识.  看一本书,而不是文章 设计一些东西.  从一款很酷的设计工具开始,比…

    2016-08-04
  • 【原译】迪士尼中的UX(下篇)

    上次有简单介绍迪士尼十二原则的基本概念,这篇文章则是韩国pxd设计小组与迪士尼设计大师Glen Keane先生的一次更加深入的访谈与讨论。 在正式开始这篇文章之前,先给大家稍微展示动画《Duet》中的一个小片段。《Due…

    2015-10-27
  • H5三个设计方向的自我定位

    如今,移动端H5如雨后春笋般迅速发展花样繁多,无论是宣传产品、内容介绍、新闻推广都会想方设法搞套H5出来。那么如何在众多H5中脱颖而出?如何使手上的资源发挥最大化?如何扬长避短,做出吸睛的H5?都是摆在我们面前的问题。

    2017-05-27
  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • 如何设计一份专业且有价值的交互规范

    很多设计团队都会有一套比较成熟完整的交互规范,好的交互规范能够保证设计的一致性,减少沟通和开发成本,提升效率。由于笔者是设计手机系统和App相关的,所以简单的和大家聊下如何设计交互规范。

    2017-05-11