最近很多同学给UXD留言，询问交互作品集应该如何制作。今天我们将用一篇长文带大家了解交互设计作品集的构成。同时UXD也将于9月19日晚上20:00时，邀请来自ACCD的讲师为大家在线直播解读，交互作品集的构成可能性。
下面我们来从交互谈起，如何制作一本优秀的作品集。交互设计是一门，将艺术、设计、科学、工程、技术结合起来的新型学科，从事该学科就需要我们不仅仅了解一个产品的完整设计、开发、测试流程，还需要具备艺术美感知识，了解设计创新和前沿的科学技术。下图展示了交互设计广义上所涵盖的范围：
可见，交互设计绝对不是纯粹的做UI，或是APP网页这么简单，它的覆盖的学科范围非常广，是一个综合性的学科类型。
交互设计的作品集项目主要分为四个大方向，分别是:
·平面设计方向
·产品设计方向
·人机交互方向
·装置设计方向
1.平面设计Visual/Communication Design：利用字体排印、视觉艺术、版面（page layout）等方面的专业技巧，来达成视觉传达创作。主修的平面设计课程包括：字体设计、摄影、插画设计等等，对学生的视觉审美有一定的要求。
2.产品设计Product Design：指以工学、美学、经济学为基础对工业产品进行设计，需考虑人机工程学，并结合场景来规划交互方式，且多为实体化产品(Physical Product)。主修的产品设计课程包括：工业美术、造型设计基础、工程材料、人机工程学、3D建模等等，对学生手绘能力有一定要求。
一个交互设计大致的流程可以包含如下的一些步骤，我用一张流程图简单概括一下。
而优秀的交互设计作品集同样也是有迹可循的，接下来我们结合上述大纲，带大家来梳理下交互作品集制作的重要步骤：
01
阐述背景概况
在开始设计前，由于每个项目的人员设置和时间线都不一样，产出的设计结果也都会不同。这样的背景概览会帮助面试官更快的了解你的项目和你的角色。
· 项目重点需要解决的问题/挑战是什么？用简短的1-2句话概述项目主要遇到的问题以及你的解决方案，在短时间内给面试官一个初步背景印象。
· 你在其中承担了怎样的关键角色？交互设计从来都不是个人作战，简短阐述你在项目中负责的职责以及产出能给到面试官一个合理的期待。
· 项目的主要利益相关者有谁？现实世界中的问题往往受到多个不同岗位职责的影响，比如：pm会考虑产品迭代的优先级，工程师会考虑功能实现的可行性..列举出种种因素权衡后产出的设计决策，才能有效表达出你所参与项目的复杂性。
· 项目遇到的其他挑战？时间紧：考验快速决策能力；资源有限：考验随机应变能力；方向不明确：考验应对压力能力...
02
发现问题
为下图中Double Diamond Framework中的第一步Discover阶段。该阶段需要表明你做了哪些事情来认识并理解项目中问题的？解决问题的第一步是什么？过程中你对问题的认知是否有变化？Discover阶段是整个项目的总起，为之后的解决办法做一个铺垫。
Discover阶段是通过调研（定性研究/定量研究）发现并收集尽可能多的问题，调研方法有：竞品分析、用户访谈、可用性测试...
｜方法一：Persona
Persona不仅仅是单纯的信息陈列，它能很好的体现丰富的用户性格特征和用户生活习惯。大多数优秀的persona都包含以下信息，例如：
· 基本信息：如年龄、婚姻状况或收入
· 辅助信息：如简短的一句话、照片和他的基本状态描述
· 态度和/或认知细节：如关于人物角色心理模型的信息、痛点和对目标任务的感受
· 使用目标产品的目标、动机和行为细节
Persona之所以重要主要有两个原因：1. 帮助团队中建立对用户的同理心；2. 帮助团队对目标用户保持统一的印象，当方案与典型用户产生冲突时，回看persona能帮助团队进行理性决策。
｜方法二：用户旅程地图 User Journey Map
用户旅程地图具备了两大优势——故事性和信息可视化，是很好的以帮助团队了解各个触点的问题和机会点的工具。根据具体情况和业务目标，用户旅程地图也有多种形式，但遵循一些基本的指导原则：
· 单一观点 Point of view：这张旅行图是关于谁的？使用每个对象用户都应该拥有自己的独特视角。
· 剧情 Scenario：陈列具体体验节点。这可能是一个现有的旅程，地图绘制将揭示当前体验中的积极和消极时刻，也可能是一个“未来”体验，设计一个尚不存在的产品或服务设计旅程。旅程地图最适合描述一个流程类型的场景，例如宜家购物流程或旅行登机过程。
· 行动、心态和情感 Actions, mindsets, and emotions：旅程地图叙述的核心是用户在旅程中所做的事情、思考和感受。以定性研究为基础，如实反应用户调查和日记研究Diary Study的结果。
· 接触点和通道 Touchpoints and channels: 用户的体验流程和具体产品的接触点，体验地图中往往会出现用户的使用情况和公司期望的接触点不一致的情况，通过旅程图的绘制能发现用户目标和行动不一致的情况。
· 痛点和解决方法Pain points and solutions。通过用户在体验中的行为和心态变化，简单总结出每个触点上会遇到的问题和可能的解决方案，为之后的设计方案收集想法。
旅程地图揭示了真实的用户体验过程，同时也能够为开阔新型用户提供科学的模拟探索方法。具体的展现形式可以是简单的线框加流程，或采用手绘的形式绘制具体的体验场景。
推荐大家几个用户体验地图模版：
｜方法三：竞品分析 Competitive Usability Evaluations
竞品可用性评估对于竞争对手服务性能评估的方法。可以是通过一些整体性的指标对网站进行排名，也可以更细节性的比较网站功能、内容或设计元素等等。典型的竞品被试集中在2-4个竞品网站。所以请酌情挑选最直接/间接竞品进行分析，避免分析成本过高的情况。选择合适的竞品需要考虑如下几个要点：
· 和你的产品提供类似的内容和功能
· 拥有优秀的用户体验
· 采用创新的设计手法和行业中的前沿科技，与其他对手拉开距离
· 你的竞争对手是最强的还是最重要的
· 你的用户最有可能把你的产品和哪些产品进行比较...
通过一些了解竞争对手从而对比出你产品中的缺点和优势？各网站出现了哪些趋势——它们是好的还是坏的？有没有网站为一个常见问题提供独特的解决方案？他们表现如何？有没有机会在竞争中脱颖而出？在网站提供的信息、内容或功能方面是否存在差距？最后别忘了寻找机会，找到打败竞争对手的方法，而不是单纯模仿他们。
总结：这里主要列举了三个常用的发现问题的方法（用户研究+产品研究），Discover阶段的调研手段远不仅是这些，但万变不离其宗的是不管你使用哪些调研方法，重点都在于你通过使用这些办法，获得了你所需要的信息从而让项目顺利进行到下一步。针对设计方法的书籍推荐：101 Design Methods: A Structured Approach for Driving Innovation in Your Organization
03
定义问题
第二步是问题收归Define设计问题，在前一步的discover中，每一次的用户理解和产品研究都会挖掘出许多用户痛点Pain Point。在这一步中需要你对问题进行优先级排序并总结提炼出你此次项目需要关注的点并定义该问题，这也验证了设计师的决策过程是靠多方面共同影响的结果。
产品决策可能通过坐标法分级（如下图），并在有限的时间内合理选择合适的任务，排除掉成本过高利益较小的任务。
· 一级需求：用户价值大且可实施性高；
· 二级需求：用户价值大但可实施性低、实施性高但用户价值小；
· 三级需求：用户价值小且可实施性小。
04
发展方案
在Double Diamond模型的后半部分也就到了实际的设计动手阶段，同样分为两个部分。前半部分develop，设计师通过主观决策或者提前拉入用户进行方案的探索和尝试，该部分的重点是快速产生出多个设计方案并快速试错，为最后的高清晰设计稿探索足够多的可能性。
｜参与式设计 co-design
参与式设计是一种在方案探索阶段融入利益相关者（项目负责人或用户）意见和想法并影响下一步设计决策的手段，该方法能有效降低设计师本身的偏见，最大程度的贴近用户需求。开展一个 co-design的会议的基本步骤是：
· 介绍项目背景
· 问题陈述
· 头脑风暴
· 确定设计点
· 展示结果
· 投票
关键点：参与式设计的用户数量一般为4-6个，以获取到足够丰富的用户种类，可以和用户们一同完成的任务不限，但重点是记录整个会议的过程以及获取到用户的真实想法。有时候针对不善言语的参与者时，准备好足够多的纸笔有时候也能达到意想不到的结果！
05
手绘原型&低保真原型
交互设计师的“基本技能”，快速通过手绘、低保真原型等方式扩展出整个项目涉及的主要界面以及基本逻辑关系。表现手法不限，纸笔就能搞定，也可使用软件，如：Balsamiq
关键点：快速低成本产出视觉化设计方案，并进行用户测试，能在开发介入前便开始迭代。
06
方案交付
最后一个收归阶段也更为关键，考验设计师对色彩、字体、界面布局、图标、易用性(accessibility)的整体把握，也是交互设计师最亮点的产出。需要同学们在平时多多积累界面熟练度和设计规范。推荐Google material design
07
项目总结
整个项目过程中你学到了什么？你有哪些反思？其中遇到了哪些出乎意料的问题？你采取的解决办法是什么？用户的反馈是什么？你的项目经理和团队成员对你的表现评价如何？
这些都是可以作为思考，拥有足够全面且客观的反思才能为以后的设计实践积累更多经验，并且证明给面试官你是一个对设计有passion且不断成长的候选人。
联系客服
