知乎、Quora、 ux.stackexchange.com等论坛都有相关的讨论，本文总结这些观点并针对自己求职的体会，探讨交互设计师的作品集应该如何设计，以期为旨在从事交互设计工作的同仁提供帮助。既然是交互设计的作品，则不同于GUI或平面设计，也不是用户研究的结论展示，而应该是面对问题，综合考虑提出最佳的解决方案并将其实施执行，因此交互设计师的作品集应该重点突出实际项目中面对问题提出解决方案这一系列过程，以及最终的效果。 1.设计案例最好是实际项目，而不是自己做的再设计交互设计师在实际工作中会遇到各种问题，面对的需求也可能五花八门，需要与很多不同工种的同事进行沟通，面对这些限制和问题如何找到最本质的需求，在所提出的各种方案中找到最优解是非常重要的能力，这些只有在真实项目中才会遇到，而自己所做的再设计方案并不能遇到这些问题，因此作品集应该尽量展示这些实际项目。尽量选择实际项目 2.说明解决问题的过程，以及效果交互设计是对需求和问题提出最优的方案，单一的方案并不能很好的展示自己的专业性，设计案例应该描述项目或者需求的内容、存在的问题、设计师的提案及相应分析、最终方案的优越性，最好能展示该方案最终的实际效果，例如带来了多少流量、注册量等。建议使用故事版、流程图等直观的形式来展示这些内容。展示解决问题的整个思考过程 2.使用去掉视觉效果的线框图加上视觉效果的设计稿容易让人将更多注意力置于非交互的部分，因此交互设计案例应该尽量展示线框图和流程图，并配上一定的文字说明。线框图可以采用多种形式，包括手绘图、Visio或者Axure做的线框图，尽量采用多种设计工具来展示自己的专业性。使用线框图 3.尝试使用具有交互效果的展现形式单纯的方案截图并不能很好的展示设计元素的各种模态、交互流程和效果，特别是移动产品的设计，因此使用动画效果来展示方案，但是不应该使用过多繁复的操作增加阅读者的成本。交互性的展示 4.注意图片尺寸，展示设计细节每个设计方案图片应该突出一两个重点来阐述该方案的优越性，而且太大的图片会增加页面的加载速度。单纯的图片也不能很好的说明方案成立的原因，需要添加一定的文字说明。方案的细节说明 5.注意整个作品集的品味、审美素质交互设计师虽然更关注产品的信息架构、操作流程等方面，但也应该注意作品集的整体性和美学性，注意作品集给用户带来的体验，这也可以更有说服力的展示设计师的专业性。注意作品集的品味 6.提供最能体现自己水平的作品阅读者在浏览作品集时通常会认为这就是设计师最好的作品，因此应该细致的打磨作品集中的每一个案例，尽量展示最能体现自己专业素质的设计，而对于自己所做的设计小品，本人认为与交互设计关系甚远的应该删去。提供最佳的作品 7.避免设计案例版权问题实际项目中的设计方案，很多时候都涉及版权问题，设计师在选择案例时也应该有所注意，未上线的项目或者签了保密协议的项目更应该注意这类问题。

一篇很好的译文，超有用！

作为一名交互招聘人员，我经常被问到，“我应该怎样开始创建我的作品集？标准是什么？我怎样才能让它变得更好？”

在这篇文章里我就把我经常给面试者的建议分享一下。

交互设计行业比起其他行业，教育背景和工作经验没那么具有决定性，因此交互设计作品集可能比你的简历更重要。在HR真正见到你之前，你的作品集充当了第一次见面的作用。

如今交互职位空缺的数量逐年增加，但随之而来的是市场上有更多的交互设计师求职者。所以，你想要脱颖而出的话，仅仅依靠你的简历是不够的。

与10年前相比，现在的许多公司都清楚他们想要具备什么特质的新员工，因此你需要向他们表现出你可以满足他们的需求，这几乎决定了你是在简历一关就被pass掉，还是能去面试。

除了专职的交互设计师角色，还有一些职位是混合了包含交互设计在内的多种角色，因此这是展示你在项目中承担了多种工作的绝佳机会，比如说做了UI设计，战略决策或监督Web开发。

你的作品集也是展示你个性的窗口。在一个更注重雇用符合企业文化的人的时代，作品集是展示你能契合公司文化的绝佳机会。鉴于大约99％的简历遵循相同的格式，因此在简历中传达你的个性就要困难得多。

我认为，一个好的交互设计作品集起码表明，这个人有费心力以最好的方式表现自己，并且能清晰且有审美力地呈现他们的相关作品。

作品集应该能表现你是谁，你能做什么，以及你尤其擅长的交互设计部分。记住：不要依赖你的简历。据统计，招聘人员平均只花6秒钟看你的简历。他们会在简历中寻找四个关键部分：你的姓名、当前职位、之前的职位和教育背景。

简历大体是无聊的，但作品集不需无聊。

你的作品集应表明出你与你所申请公司的文化适应性。不要害怕在设计集中添加一些个性或自己的风格。它是一个能让面试官眼前一亮，让你脱颖而出的机会。

根据你的资历，你想要工作的公司，你居住的国家的不同，你的作品集内容会各式各样。但无论你的级别如何，为了抓住HR的注意力，有一点你需要做——展现出设计流程。

这就像中学化学课上，当你做化学实验时，你必须详细说明你的假设，你使用的工具，你和谁一起工作，你到底做了什么，以及最终结果是什么。这也正是交互作品集应该有的内容。

对于每个项目，我希望看到：

问题是什么

你和谁一起工作

你用了什么工具

探索阶段（你是如何着手解决问题的）

你解决这个问题的过程：低保真线框图、原型、草图、用户画像、用户路径和研究

最终结果（包括你的工作成果，以及经手UI设计师和开发之后的最终成果）

（使用墨刀可制作线框图和交互原型，并可获取原型分享链接和导出图片，方便你整理交互作品集）

如果有个没有任何交互背景的人看到你的作品集，你呈现的过程应该让他们能够理解。

我也喜欢在交互作品集中看到“叙事”，即“情节发展”。在流程的每一部分之间，解释一下为什么要进入流程的下一个环节——是时间用完了吗？你觉得你的数据有统计学意义吗？这将有助于HR深入你的头脑，了解你如何处理问题。

如果你没有进行任何UI层面的设计，我建议你仍然在你的交互作品集中展现产品的最终高保真原型（当然，注明下这不是你的工作内容）。以我的经验，公司希望看到你的工作是如何转化为最终式样的产品的。

如果该公司在招聘交互设计师方面还不是很成熟，那这一点就更重要了，因为他们可能无法自己想象你的交互是如何转化为最终产品的。

向公司展示交互稿如何转化为最终产品，可以让他们意识到拥有一个交互设计师的重要性，而不仅仅是一个以用户为中心的UI设计师。

如果你想要一个复合性的职位，那你的作品集就不应该只展现出视觉层面的成果，比起其他能展现出综合能力（包括用户中心设计的方法和实践）的候选人，你的作品集就显得不那么“对口”。

当然，如果你最好的天赋是在视觉层面，而且这是你的激情所在，那也许你应该坚持这一点，而不是稀释自己的能量去做一个兼职交互设计师，主持不情愿的用户访谈和创建人物角色～

本文由墨刀编译自TOM COTTERILL的How To Create A UX Design Portfolio: Tips From A Senior UX Recruiter

上一篇给大家讲了制作交互设计作品集，前期的准备和应具备的内容框架，将自己作品素材已经梳理好的小伙伴，接下来就可以来做核心的作品内容了。

本文将重点介绍上一篇框架中“四、作品集主体”这一部分的内容。

交互设计作品集，注重的是思维逻辑，将自己作品案例罗列累计显然是不明智的做法，一方面无法聚焦你的优势和专业能力，另一方面读者也会产生思维疲劳。好一点的做法是，将自己的专业能力和掌握的专业知识分解，然后映射到对应的作品案例上，每一个作品重点突出你的某一项能力，然后整个作品集是你的综合体现。

下面我讲一下在不同的案例中，应该是怎样的框架，都需要透出交互设计上的哪些知识点。

要点：交互设计所涉及的全流程个环节完整、每个环节不必特别详细，一页表达清楚即可，但前后逻辑关系要严谨。

知识点框架：透出内容之间的衔接、上下游的因果关系突出，是整个案例要表现的。

举个栗子为了大家理解内容的衔接，给看一个只有逻辑内容，没有视觉美化的案例：

以上是让人知道，你逻辑严谨，且可以跑通全程的。即便拿一个普通的作品来做也没有问题。

要点：突出对用户调研和可用性测试的专业性和完整性、研究结果利用的合理性。

①项目背景：简单描述，提出项目价值或问题。

②用户研究（完整展现知识点）：前期准备、用户样本分类及特种、访谈或问卷提纲构建、数据分析、调研结论。

关于用户调研。可查看文章：《了解用户：调研的定量与定性》《用户体验之定量调研：让问卷无可挑剔》《用户体验之定性调研：让访谈物尽其用》

③需求分析：建立用户角色、分析目标用户特征，得出主要用户和次要用户，确定产品定位。

④需求解决方案：简单阐述产品定位，和核心界面的线框图即可，这一环主要是为了下一步可用性测试来起到衔接作用。

⑤可用性测试：测试前准备内容、启发式评估原则及结论、测试方法（发声法/观察法/AB测试/眼动测试等）、测试结果、分析后结论、修改建议。

⑥产品最终原型：是经过改良后的产品方案，要体现出可用性测试的结论。

作品集的展现上需体现出以下具体内容。用户调研相关可视化框架模板，供大家参考：

要点：突出对流程和界面布局方案的思考、原型设计方法和修改。

①项目背景：简单描述，提出项目价值或问题。

②产品定位：呼应背景中提出的项目价值或问题，给出相应产品定位描述、目标用户和典型场景，1~2页概括即可。

③功能架构分析：根据产品定位给出需求转化模型、功能优先级、产品整体功能架构。

④任务流程分析：根据功能架构，给出详细的流程分析图，定义每个功能任务。

⑤界面信息布局：详细的界面线框图、流程引导、注释说明。

⑥交互规范和视觉效果：控件规范、文字规范、色彩规范。

体现在页面上的可视化框架如下：

界面原型设计最完整的作品，适合在这一案例中表现，同时这也是一个设计师的基础核心能力。

要点：一般选用已经面向市场的产品，提出当前问题后，阐述解决方案，突出服务设计理念的完整性，或运营前后的用户变化程度。

①项目背景：简要概括项目背景，一般是已经面向市场的产品。

②市场分析：利用SPET、波特五力模型、SWOT分析、5W2H等分析方法，得出市场现状。

③用户旅程图：用户从使用到结束完整的旅程，写出每一阶段的描述和遇到的问题。

④需求痛点分析：梳理用户核心痛点、设计机会、得出机会所转化出的功能、功能优先级。

⑤商业模式分析：商业画布（合作伙伴关键业务核心资源价值主张客户关系渠道通路成本结构收入来源）。

⑥服务设计/运营方案：商业拓展方案、服务设计蓝图、或运营推广方案的模型图等（围绕之前提到的痛点和商业模式来进行可视化展示）。

⑦市场效果：设计或运营方案应用后，市场的反馈数据，活跃度或粘性的增加等（如果没有实际数据也可以不写）

对细节问题的处理、微交互、相关设计原理或方法论的利用等。不必是完整的项目，可以是某个小环节，作为专题的形式来展现，证明你的细节处理能力。

如以下案例：

6.1数据信息可视化

通过你作品集每一页的信息布局和图形表达来展现，因为原本你作品集上的每一页，应该有很多的文字和数据来传达，但为了他人更轻松易懂的看明白，你需要以可视化的方式表现。所以你的作品集在无形当中就已经在透出你这方面的能力。

关于信息可视化的一些技巧：利用方法论模型、利用数据表、场景故事化、关键字突出法

作品集信息可视化的一些常见问题：

6.2沟通与话术构建能力

作品中总会有无法用可视化表达的内容，你每个项目中的介绍和注释描述，都去简化和推敲，你精准的文案表达就会体现出你的沟通与话术构建能力。

6.3审美感知能力

作品集的封面与内页的装帧设计、每一项目的首页设计、每一页中的排版布局设计，将是你视觉审美设计的体现。

所以：

1.在制作作品集之前，找准作品集视觉风格，包括配色和图形特点，再开始制作；

2.在制作过程中随机调整图文；

3.作品集初稿完成后自查，统一各级标题与文本的“字体、字号、字色”，校对图形的主体色和辅助色，精简多余的装饰性视觉元素。

但要注意，这里的视觉效果还是以提升你作品集的可读性为主，装饰为辅。让人在阅读时把注意力放在你内容的逻辑上还是最重要的。

6.4复盘思考能力

在每一章节或项目结尾，对项目核心所展现的能力进行总结。该总结应该重点放在知识点的运用梳理、方法论的理解、或某个问题的顿悟，尽量避免主观的情感表达。

以上就是交互设计作品集制作的全部流程和方法论，你get到其中技巧了么？

关于如何写背景分析，可查看文章《项目背景分析怎么写》

关于用户调研。可查看文章：《了解用户：调研的定量与定性》《用户体验之定量调研：让问卷无可挑剔》《用户体验之定性调研：让访谈物尽其用》

转载请注明：片头模版 » 交互设计作品集案例(交互设计作品集应该准备哪些内容)