直接上干货，给大家介绍作品设计中至关重要的两个概念——storytelling 和 process。
这两词不是我拍脑袋想的，是我和很多hr（包括一些美国的agency，知名大公司如amazon）聊天的时候直接问的。
不仅如此，我的院长，一个在微软做交互十余年的researcher也说了同样的话。
1. storytelling:考验你如何包装作品的能力
让一个陌生人甚至是外行，五分钟内理解了你这个项目做了什么，发现了亮点，同时又很信服，这难道还不够牛逼！？
交互设计师本来就是研究如何提升输入输出这个过程体验的。能够用作品和面试官有效的对话，也侧面反映了这个交互设计师的能力。
2. process:展示分析、思考、解决问题的能力
如果说storytelling考验你如何包装作品的能力，那么process就是实力了。process不是流水账，不是你第一步做了访谈，第二部画了线框图，第三步做个UI，这样的process一点意义也没有。
process是记录你设计过程中，每一次迭代，推进，修改，背后的原因，结果和分析。也就是展示你分析思考解决问题的能力。面试官看到了这种能力，也就确认了你可以利用这种能力解决未来工作中遇到的设计问题。
送你一句金句，storytelling 和 process 是用来展示你作为交互设计师的能力，而不是作品，作品集不如叫做能力展示集更恰如其分。这金句可是俺摸爬滚打hci界三年才有幸得知，你现在就知道了，可要加倍努力哟！
另外如果是申请美国学校的作品集，我个人认为突出challenge比较重要。欧洲的标准似乎是细节。国内的标准实在是纷繁复杂，有的看你线框图画的多不多，有的看你动画做的炫不炫。
①作者把过程用链接形式贴在页面里：
虽然这样让读者增加了点击动作，但是你点开链接就发现，过程真是太多了！要是全部展开在本页，就会有过于冗长，滚轮滚半天滚不到头的不爽感。我认为对于过程较多的作品，这个手法值得借鉴，也让读者一目了然你是通过怎样的过程达到了最终结果的。
②没有过多的设计元素干扰：
读者可以专心阅读内容。
白色页面，#363636灰字，没有用死黑，死黑看久眼会瞎。只用了加粗不加粗，字大字小这几种属性搭配使用，构成视觉层级。图片全部同样大小，3Diphone镇图。
有些童鞋会觉得这样很无聊，简直根本没有视觉嘛。可是让视觉元素减少的最大好处就是能让读者专注在里面的UX部分。大家注意看图，虽然只是3d iphone加上中规中矩的界面，作者却把Iphone凹出了各种角度，形成了视觉深度，所以看起来也不会太无聊。
③模块化的内容展示：
Journal甚至做了菜单，分成UX/UI, 视觉，技术三类。 方便读者从各个角度了解设计过程。
不仅如此， 一般学UX的视觉做的都不咋样，这句话绝对不是无中生有，人的精力都有限，搞了ux就没空搞视觉，没空搞代码。所以普遍来说，做UX的视觉没有学平面的好，代码没有学CS的好。所以俺觉得，与其摆一大堆五彩缤纷的丑图， 不如这样素净的让人看着不闹心。有句话说的好，明明腿就没人长，干嘛非穿阔腿裤，咱露小蛮腰不好么！
然后，点开2rd usability testing链接，就进入了journal, 仔细看，favicon变色了有木有，小细节小细节。
Journal甚至做了菜单，分成UX/UI, 视觉，技术三类。 方便读者从各个角度了解设计过程。
——process部分
然后我们来谈谈PROCESS这个关键词是如何做到的。
仔细阅读作者的文字，作者首先提到这个usability test目的是测试用户是否能理解界面完成任务。然后标题出现了：“what's changed” ， 作者说根据结果，他去掉了某些按钮，然后用户觉得好。
大家不要太在意这个过程是不是肤浅，至少作者做到了：
收集用户反馈（每一次迭代的原因）
根据反馈进行重新设计（每一次迭代的结果）
对新设计再次收集用户反馈（每一次迭代的分析和下一次迭代的原因）
我觉得"what's changed"这个标题不错，简单直白，也能勾起读者的兴致，如果是中文应该叫“转折点”？
当然啦，不是说这种过程（或者迭代手法）一定最好最棒最合理。也不是说作者讲故事的方式一定最真最炫最动人。对于process来说，UX设计考虑的因素很多，user test只能说是最基础的。我觉得如果作者能从user test总结出更insightful(有深刻见解的，富有洞察力的)的看法也许会更好。
比如说界面让人困惑的根本原因是什么，哪些设计错误是只针对这个课题，哪些错误是广泛的错误，等等。
对于storytelling来说，这更像是在探讨你想给面试官什么样的体验。
甚至你要考虑是什么样的面试场合，如果是你和面试官面对面展示作品集，是不是使用平板会比电脑更方便？如果使用平板，你是希望面试官操作还是你自己操作？不同的使用场景也会影响你如何讲述你的故事，如何设计你的作品集构架。
交互设计相关文章：
*文章转自知乎稍作改动，原作者知乎账号：noTcenTer，转载需联系原作者。
