突破设计瓶颈的6种练习方法

转载 from：https://mp.weixin.qq.com/s/ll07VgeKPrXFuQcR07-KtA

今天小编给大家带来的原创译文是帮助产品设计师突破瓶颈的6种练习方法，本文作者根据他过去四年在PlayStation、Shopify、和Facebook等公司的设计项目经验，总结了6种帮助设计师突破瓶颈的练习方法，这些方法涵盖了视觉设计、交互设计、产品思维、UX写作和信息架构等，一起来看看吧！👀
（全文共计4813字，阅读约需要12分钟）图片来自Oleksandr Aleksandrov@Dribbble
4年前的我曾经历了翻天覆地的转变——我作为一名准医学毕业生，改行成为了一名产品设计师。为了找到我的第一份设计师工作，我旷了所有的学科课，每个周末都去参加Hackathon比赛，并且在每周用80-90个小时学习和准备。
尽管我已经工作了一段时间并成为了资深设计师，偶尔我还是会被问到这个问题——你成为医生了没有？
我给自己承诺过，要不忘初心地不断锤炼自己的设计技能。但事实上，我的成长并没有像预想那样线性提高，最终还是遇到了瓶颈期。
在我整个职业生涯里，我已经经历过几次成长和瓶颈。下面我就来分享一些我通过练习来突破瓶颈的心得。

人们停止提高自身，因为他们停止了推动自己和失去了继续下去的动力。他们到了一个觉得自己“已经够好了”的地步，相比起尝试提高自己，呆在自己的舒适区来得更吃香。像很多读过《局外人》这本书的人，我曾相信无论做哪种设计练习，只要做够一万个小时，我就会变成一个专家。因此我曾花了无数个小时，毫无目的地去做一些随机的UI练习。
一开始的几个月，我的确得到了极大的提升——但是，我后来花了近一年的时间，才意识到我已经很久没有再进步了。一开始的快速回报，渐渐开始慢了下来。
后来不管我做什么，我都尝不到当初那种极速提升的滋味。直到有一天我偶然读到Anders Ericsson和Robert Pool写的《刻意练习》，才发现自己一直以来做错了哪些事。
当你一开始学习新的事物，看到迅速或至少稳定的提升，是一个很正常的现象。当这个提升停止的时候，感觉到无法克服的限制也是很自然的。所以你就应该停止继续向前，应该要在目前的瓶颈稳定下来。这是人们在各行各业里停止进步的主要原因。为了突破我当下的瓶颈期，我努力去区分什么是幼稚练习和有目的练习。我有时也会做一些刻意训练，但这不是这篇文章的重点。

幼稚练习

做幼稚练习是很舒适的，很多人都会默认选择这种方式。这包括呆在自己的舒适区内，没有深层目的地反复练习一些行为。
例如，你可能在练习一首歌，当你错了几个音之后还是继续练下去。当你达到一个基本熟练程度后，就停止了提高，因为你没有设定更高的目标，也因此觉得没有挑战性。
这说起来好像很显而易见，但我觉得这也是我们在工作后练习设计时经常会遇到的问题。
_人们经常会误以为只要不停地开车、打羽毛球、烘焙，是一种练习的形式，然后肯定会慢慢地做得越来越好。然而事实上并不是这样的。研究表明，一般来说当一个人做事达到一个“可接受”的表现和自动化程度后，不管额外练习多少年，都不会对提高能力有所帮助。作为一个设计师，我一开始通过进行100天UI挑战学习了视觉设计。我建立了属于自己的UI模式库，记住了一套常见的UX使用原则，并且对iOS的人机界面指南非常熟悉。
然而我在那之后，用一模一样的知识，做了上百幅UI设计图。我不断地用一样的UI模式去反复练习，我都没有提高。

一个看起来挺伤感的练习进度对比（2019年初vs.2019年末）

有目的练习

比幼稚练习更进一步的是有目的练习。这种练习方式重点放在明确的目标，而不是一味地重复做事情。这些目标必须是可测量和在一定时间内能实现的。
例如，在做幼稚练习时你可能会分心，但你在做有目的练习时必须要非常专注。同时，这种练习需要能够获得反馈和有创造性地处理问题的空间。
你需要尝试在试验新点子和概念的时候，忍受短暂的不适和自我怀疑。在碰壁的时候，挑战自己去打破常规和寻找外部的灵感来源。
根据我过去四年在不同公司和项目学习到的东西，相应地总结出六种练习方法和资源。这些方法涵盖了多个设计技能，并回应了前面说到的有目的练习。希望能够帮助你在视觉设计、交互设计、产品思维、UX写作和信息架构等方面取得提升。

练习1：审校UI组件和模式

通过完整审校UI组件和模式，拓展你对UI模式和UX使用性原则的理解。
更具体地说：

了解每个排列的利与弊——例如：在一个有多个选项的界面里加入icons有什么好处？vs. 只用纯文字？

了解组件的用例——例如：什么时候要用单选按钮？复选框？下拉选框？

了解特定UI模式的最佳实践——例如：你知道表格里面的输入框宽度应该根据预计输入文字的长度设定，而不是全部设定成统一宽度吗？

了解特定组件在所有系统里可能的交互状态——例如：在网页端，鼠标的交互有点击、抬起、悬停，但在移动端里却不一定都包含这些手势，那这时相同组件的交互状态应该要怎么呈现呢？

审校之后我会把这些知识应用在已经上线的产品设计里。更进一步的方法是，你可以组织一个多变量的AB测试或带有特定指标的可用性测试。
有一个相关的工具资源叫UI recipes（https://uirecipes.com/）来帮助你了解这些组件。你还可以在Pttrns（https://pttrns.com/）上参考各种各样的移动端UI模式。

UI Recipes的截图
最好的办法是你要开始在平日里收集一套自己看过的UI组件和模式库。然后当你有足够材料的时候，再挑选一些出来做深入的审校。

练习2：在新的平台里重新设计产品

要拓展你对设计系统和UI框架的理解，首先你需要熟悉每一个系统的核心区别，然后找到没有通用于全平台的产品，在新的平台上重新开始设计它。
你可以先参考Google出版的安卓Material Design指南（https://material.io/），和Apple出版的iOS人机界面指南（https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/）
至于网页设计标准就有点乱套了，不过我从以下几个资源里也成功学习到了很多东西：Webflow University （https://university.webflow.com/，Webflow是一个新兴的网站CMS平台，其中Webflow University里有很多他们自带的免费课程），阅读Smashing上面的文章（http://smashingmagazine.com/），和在Odin Project上学习到一些前端开发知识（https://www.theodinproject.com/）

Webflow的截图
同时我也通过在Design Systems Repo（https://designsystemsrepo.com/）上参考现有的设计系统获益良多：逐个解剖这些设计系统是怎么被建立的，并尝试在不参考设计系统源文件的情况下重新设计界面。

练习3: 减少交互成本

要提高你的交互设计技能，首先要学习怎么使用一些流程工具，比如Whimsical（https://whimsical.com/）和Overflow（https://overflow.io/），或其他适用在Sketch和Figma里的流程插件。
在你选好了一个工具之后：

在一个产品里把一整段流程的界面都截图保存下来。网页端界面截图我使用的是Chrome浏览器插件Full Page Screen Capture Chrome Extension（https://mrcoles.com/full-page-screen-capture-chrome-extension/）或者是Mac里面的Shift+Cmd+3快捷键，手机界面截图则使用iOS和安卓自带的截图功能。
每个界面之间在有触发UI元件的地方画上连接箭头，然后要在连接线附近标明它的交互类型是什么。

在每个连接线上，标注对应的交互成本。至今我觉得还没有一个正式计算交互成本的方法，但我通常会用费茨法则和一系列输入手势的评分数值范围结合起来计算（比如说，在手机上，垂直划动比水平划动的物理交互成本要低，然后再根据我自己对UX交互原则的理解去给这两个手势的心理交互成本打分）。
用类似下图表格的分析方法（红色路径分析）找出起决定性作用的路径（有时可以凭自己的逻辑和直觉去评估）
找出这些有非常高的交互成本而又关键的路径之后，重新为它设计用户流程和交互模式

练习4：持续练习白板挑战

要提高你的解决问题和推理能力，不管你是否在找新的工作，你需要继续做白板挑战。这里给大家提供100个白板挑战列表来帮助你开始：https://uxdesign.cc/100-example-ux-problems-f90e7f61dd9f。
如果你可以找到一个能够评估你的白板解决方案的导师，这是最好的。如果找不到，记得要通过设定一个可以测量的目标或给你自己添加一些额外的限制条件来保证方案的实际性。最好的情况是能够找到一个同伴小组或者是导师去评估你的方案，例如你的设计同学，应哥的设计学员微信群，Slack上的DesignX小组（https://designx.community/slack/）等等。

练习5: 审校信息架构和测试信息树

要提升你对信息架构的理解，我建议你先通过阅读《信息架构:超越Web设计》这本书来打一个稳固的基础，然后再完成以下练习：

对一个主页上的所有链接网页做一个彻底的审校（从有25个以下链接网页的主页开始）
组织一个30-50人的信息树测试（可以是面对面，或用Optimal Workshop（https://www.optimalworkshop.com/）的线上测试

查看结果并评估这个导航的直观
修订网站导航地图，有必要的话可以利用卡片分类法
用第一次得到的测试结果作为定性参考，组织更多的信息树测试，再对比结果
反复修改直至大多数（大于95%）的参与者能够自己浏览正确的页面并达到相应目的

练习6: 重写着陆页的内容和做5秒测试

要提升你的营销设计和UX写作能力，试试以下的练习：
在Landingfolio（https://www.landingfolio.com/）或Landbook（https://land-book.com/）找到一个着陆页
理解这个页面里的每个部分的文案想要给访客传达什么信息
用Usability Hub（https://usabilityhub.com/）去做一个5秒测试
通过参考参与者回应的的某些特定的用词和词组，评估网页要传达的信息是否有效。有时我觉得用测试结果去生成一个词语还挺有帮助的。
收集在测试中表现不够好的文案，把它们复制到Word里尝试重新编写
使用类似Chrome的开发者工具去实时代替网页上面的文字。把新的主页截图保存下来
如果需要的话可以再做额外的5秒测试，反复修改

停止像过去那样做同样的练习

最后，想要突破你的设计瓶颈，你需要不断且积极地跳出自己的舒适圈。不适感是成长的一个征兆。如果你重复做一样的设计练习，或者是同一种类型的项目，你永远都不会超越目前的水平。在未来也许你也会觉得以上六个练习开始变得陈旧了。相信到了那个时候，你已经能够自行找到更多能帮助自身成长的专属练习。