优秀的交互设计作品应该准备哪些内容

我觉得首先要明白的一点就是，为什么找交互设计，或者其他设计的工作需要作品集。从我面试各种设计师的经验来说，作品集其实是一个人设计风格和思考过程的折射。所以基于这个观点，我们来说说怎么用作品集来传达这些信息。

本文主要基于硅谷的业界标准，如果有和国内不完全相同的地方欢迎跟我讨论。

1，你解决了什么问题

我见过最普遍的作品集，也是最普遍的让我看了一眼就会选择不要这个candidate的作品集，通常有一个固定的格式：上来就说“我的流程”。UX是一门科学，请问你除了做用户研究做线框图做原型做测试做迭代，还能给我玩出什么花样来?我不需要你把这些赘述一遍，我真正想看到的是，你如何用你的设计解决了一个具体的问题。

可能你会说我做的东西都是产品经理提的需求，我做的都是学生项目只是个大作业，但其实万变不离其宗，你之所以设计一个款产品或者产品中的一个功能，总是要解决一个问题吧。哪怕是个很小的例子，你做了朋友圈点赞的设计，这个设计存在也有他的理由吧，你是如何思考得到了你最终的解决方案的呢?我在意的是这个。

下面来一发栗子

我非常喜欢的设计师事务所MetaLab是设计了大名鼎鼎的 Slack | CrunchBase (融资3亿多美金，一年前估值已达到28亿)的事务所。他们怎么展示了他们对于Slack的设计呢?

是的你没有看错，只有这么短的内容。你可能会说那是因为他们名声在外不需要做很高级的Portfolio展示了。那么你就错了，在做了Slack之前，MetaLab在硅谷众多老牌牛逼事务所里面，只是名不见经传的小事务所一枚，没有Portfolio，哪里来的客户。

扯回来。之所以说他们是个很好的栗子，并不是因为他们做了Unicorn Startup的设计，而是他们怎么展示了自己用设计解决的问题：”How we got people talking.”整个布局中，他们很简单的展示了他们设计中不同的走向，不需要他们说太多话，你能感受到他们在设计产品中，投入在产品中的思考力。

当然，这个栗子只是为了帮大家认识到怎么确立一个好的problem statement. 让别人第一眼就知道你做了什么。

(后面的Portfolio会比较接地气，只是忍不住给大家看看这个很牛逼的Portfolio)

2，你如何思考并解决问题

设计不是纯粹主观的，交互设计更不是。交互设计强调功能性，强调解决问题。作为一个每天审阅很多作品集的人，我很看重你的思考力，你如何解决问题。

接地气一点的说，就是你的“流程”。你可能很疑惑，刚才第一条里面不是说了如果上来就说流程我会立马Pass么。恩，此流程非比流程，如果你在这一步做的还是列出来你做的事情，告诉我我做了用户调研，然后做了线框图，然后做了高保真blah blah，那么不好意思，你还是out。大多数时候，我们需要的不是只会简单重复一个流程的人，而是能说明白为什么在某个特定场景需要使用特点流程的人，也就是事情背后的那个“为什么”。

这个听起来好像很简单，但是我认为是作品集实践中最难的一步。因为你要不着痕迹的把你解决的问题，使用的方法融入到你叙述自己如何解决这个问题的过程中。

在这里提几个小技巧：

1. 给一个不是行业内的人讲一遍你做了什么，用了哪些方法解决了哪些问题的故事，看看他们哪里有了疑问。这就是你故事没有讲好的地方。

我们举例你做了个App帮用户找附近好喝的奶茶店(这是一个虚构的项目请不要太认真为什么是奶茶不是咖啡之类的问题)，你采访了10个爱喝奶茶的人，然后你做了个流程图，接着你做了线框图，你把线框图给工程师看了，他们提了点建议，你做了改进然后做了高保真.现在你要把这个项目放到你的Portfolio里面。

找个人说说这个流程，你每一步做了什么之类的。你可能会被问到：你为什么要找10个爱喝奶茶的人，为什么不是不爱喝的人?为什么你要做流程图之类之类的。然后你再来做改进。

于是改进后的版本可能是：为了知道谁是我们的用户，他们有什么痛点，我们采访了十个人。我们希望我们的App能够给喜欢喝奶茶的人带来价值，所以我们采访的都是奶茶的爱好者。。。(后面的请开脑洞自己编下去)

重点就是你知道谁是你的听众，并且讲清楚你每一步的决策是为什么。

2. 能使用图来讲故事的时候，多使用图片

你们读我写的这么多字到现在，估计也要哭了吧哈哈哈。想想我看你Portfolio的时候你全是字我的心情~!来让我给你们个栗子吧。

Tingyu Li | The Feast Catering 是亲爱的萌萌哒的学生听雨小朋友的作品之一，这也是一个课堂项目。她做了一些很有意思的观察，然后在作品集里面，很聪明的把这些流程用图像表现了出来。比如她和用户访谈的过程中，发现用户说点餐的时候想要一个餐巾纸都要很久，她就形象的把这部分做了出来，让你能够感同身受，同时也深入的说了这个问题是因为顾客并不能总是及时的和服务员交流。我觉得大家对于作品集最多的问题可能就是：我都做得是用研，怎么办?我做的东西看起来并不高大上，怎么办?你们可以自己感受一下听雨这里的方法。(所以学生项目也可以做的很有意思并且被包装的很好)

3. 能展示结果，一定要展示结果

就像刚才说的，交互设计不是纯主观的，一个设计有没有起到他本来的作用，是可以被衡量的。比如一个交友网站，你做了让用户对其他用户点赞的功能，目的是为了增强用户间的交流，加强用户粘性，那么有没有做到这件事情，是可以衡量的。

估计你们也喜欢看更接地气一点的栗子，那我还是用学生的例子吧。XUAN同学本科期间一直在为在校同学做一枚App，在过程中积累了不少用户，于是在她的作品集里面，她很清楚的写出了自己的这个结果。我建议大家再有这样的结果的时候，就一定要展示出来。

4. 没人不喜欢惊喜，来个彩蛋吧

这个没什么太多可以解释的，每次看到申请者的作品集里面有很匠心独运的小彩蛋的时候，都肯定会是个加分项。

来个我好朋友的Portfolio安利一下，这除了是一个非常好的作品集之外，彩蛋请自寻。Shuang’s Portfolio

3，你到底是个怎样的设计师

其实说来说去，我看你的作品集，最想知道的就是你到底是个怎么样的设计师呢?有没有自己的风格，自己分析问题处理问题的方式。

你可能会说，作为交互设计师我不想限制自己，我的风格就是项目是什么风格我就是什么风格。那么你可能错误理解了我这里说的风格的意思，我所指的风格，是指你作为设计师，思考的风格。

这次先来一枚栗子

I Am | Ying Wang Sunny是湾区挺厉害的设计师一枚，也是我很喜欢的一个妹子，之前在Google，最近刚刚去了Airbnb。她做过的项目，不管是Freelance的还是在公司做的项目，跨度很大，风格也不禁相同，但是她的Portfolio展示出来的，却是一个很完整的有自己体系的设计师。你看了她的Portfolio之后，就像是能看到她这个人一样。(是的她本人也是这么萌萌哒)

再比如Melanie Daveid 的例子就是完全不同的风格，但是你能从她的作品里面直接感觉到她到底是怎么样的设计师。

做到这一点，其实是很难的，因为不同时期的项目，不同时期的你，会有不同的思考和工作流程，那么应该怎么办呢?下面是几个小技巧。

1. 多使用stock image

2. 先确定整体Portfolio的风格，再对项目逐个调整

3. 整个作品集别使用太多字体，不论是你包装出来的图片还是你的作品本身。也别用太多颜色。

4. 别在布局上创新，我能顺利的浏览你的作品集是重中之重，别搞出什么导航在左下角这种反人类设计。

最后说几句大家谈起Portfolio的时候经常问我的问题：

1. 多少个项目最合适？

我的Portfolio 上面只有六个项目，其中 UXOffer 那个项目还只是个链接，有充数的嫌疑。我个人认为3-8个都是合适的，无需太多。

2. 之前做的和UX/交互设计无关怎么办？

这个其实有点因人而异，但是你要做的第一步无疑是要开始做更多的项目开始积累。但是更重要的是不要浪费自己之前的经历，因为你的每部分经历都会对你的人生和成长有帮助的。我面试过从数据科学家，建筑师，日语翻译等等各行各业转行来做交互设计的人，我反而觉得这些人很有趣。在项目不够的时候可以想想怎么把自己之前的经历讲成故事，放在你的网站上。

3. 我不太擅长视觉设计，怎么包装自己的项目？

几个建议：stock image大法好。别吝啬留白。选好字体。