
昨天讲到了「提出问题比解决问题更重要」,那么,面对一件事情的时候,我们需要整理一套属于自己的思维方式,即先做什么,后做什么,再做什么的流程。
对应到我们设计师身上,就是在接到设计需求的时候,应该怎样处理。
在 Medium 上有这样一篇文章 《Tips for an aspiring designer》,介绍了一个设计师应该具备怎样的思考流程。
而这篇文章 《The Beginner’s Guide to the Whiteboard Challenge》 则介绍了设计师可以通过「白板挑战」提高自己。
如果只是靠着在实际项目中接到的需求来提高自己,是远远不够的。在我之前写过的 《想做得更好但做不到是怎么回事?》 里面有提到「学习区」和「执行区」的概念。工作的时候,大部分情况下我们是在运用学过的知识和技能解决问题,而如果想进一步提高的话,需要在工作之外,即「学习区」中训练自己不足的地方。
所以,我把 Medium 上的两篇文章进行了整合,针对于「白板挑战」得出了一套大致的解决方法。
所谓的「白板挑战」,也就是随机出一个需求,用 20 分钟左右的时间去给出解决方案,题目在这个网站「Designercize」。
网站是下面的这个样子。

左边是简单的介绍:
- 选择一个难度
- 持续刷新直到你开心
- 选择时间
- 开始
一共有 3 个难度可供选择:简单、中等和困难。
点击「RELOAD CHALLENGE」之后,右边的题目界面会刷新。
题目的构成也很简单:为 XX APP 设计 XX 界面,用来帮助 XX 人群。
我总结的解决流程有下面这样 4 个步骤。
1、定义问题
在第一步中,需要确定真正要解决的问题是什么。
我们可以自己构想出一个具体的场景,并且把关键点写成一个列表,用来指导接下来的设计步骤。
你可以问自己这些问题:
- 问题是什么?
- 谁有这样的问题?
- 你有什么证据证明这确实是一个问题?
- 为什么要现在解决?
- 怎么定义解决成功了?
- 我在为谁设计?
- 为什么用户需要这个产品?
- 在设计的过程中有什么限制?
- ……
还有许多其他的问题,可以在练习的过程中总结,明白了问题的背景之后,就可以进行接下来的步骤了。
2、猜想和尝试
在这个步骤中,我们要尽可能多的想解决方案,然后对这些解决方案进行评估是,从而寻找出一个最适合的方案。
我们可以使用的工具有:用户流程、任务流程、UI 草图、站点图等等。
可以尝试问自己这样的问题:
- 解决用户需求的最有效方式是什么?
- 现有产品有解决过这样的问题吗?
- 为什么我要做出这个设计决策?
- ……
3、结束练习
之所以给自己一个固定的时间,是因为要得出一个我们认为合适的解决方案,不能无限制的做下去。
当有了结果之后,可以通过写文章的形式,展示自己的设计思路,遇到的问题,跟同行进行交流。
我们也要问自己一些深入的问题:
- 如果时间足够多,你会怎么样改进你的解决方案?
- 如果未来用户规模很大,你的设计需要做出哪些调整?
- 有没有达到第一步自查表中的目的?
- ……
4、讲故事
我们很多人之所以想做设计师,大部分还是因为不擅长跟别人交流,想沉浸在自己的小世界中。
但是,有一句话是这样的讲的「除了你自己,没人会在乎你的设计」。
如果自己不发声的话,就相当于把评判好坏的权利交到别人的手中了,期望别人去理解你设计中的用心良苦。但这是不可能的。
很多人会觉得自己的设计作品摆在那里了,别人都会懂得。
其实不然,我们跟对方是存在认识上的误差的,我们唯有通过讲故事的方式讲述自己的设计,这样双方才能站在一个相同的背景下去看待我们的设计。因为对方毕竟不是你,不知道你心里到底在想什么。
把每次的解决方案都整理成一个故事,把自己和对方带入到实际用户的操作流程中,通过这个流程来证明自己设计的可行性。什么图标的画法,颜色的选择,这些应该放在最后讲述。
希望这些步骤能对你们提高设计能力有所帮助,有兴趣的可以去 「Designercize」看看,尝试一下白板挑战~
这是我确定一年目标后的第 5 篇文章,你们可以见证我是如何在我所处的 「怪圈」 中不断挣扎,并一步步跳出去的。

网友评论