如何运用设计思维构建 UI 作品集？

注：本人只针对使用设计思维方法论探索作品集思考路径，视觉技巧请绕道！本文涉及的图片均是作者输出，请勿使用图片做他用！本文所涉及的DT理论背书来自D.School.

01 移情用户

移情阶段就是建立同理心，通过了解用户及用户痛点，寻找机会点。那么作品集的用户是谁？你的面试官。了解用户的需求及用户心理是构建作品集的思路基础。如何了解？通过结合这三个要素（用户，需求和洞察力）来梳理：

首先运用EmpathyMap（中文名移情地图/亲和图/同理心地图）来构建用户角色。

1. 说

• 候选人的作品集设计思路是什么呢？
• 候选人的作品集原创性在哪？
• 候选人作品集思路梳理怎么这么不清晰？
• 候选人在工作中的状态是怎么样呢？
• 候选人在项目上是主导还是协助？
• 候选人在项目中充当的角色是什么？
• 候选人的自我成长是什么样的？
• 候选人分析需求解决问题的能力如何？
• 候选人的设计策略是什么？
• 候选人如何验证设计？
• 候选人作为设计师与别人的差异点在哪呢？
• 候选人通过设计解决业务问题带来了什么价值？
• 候选人的工作流程是怎样的呢？
• 设计师如何在项目上创新？
• 候选人的设计成熟度；候选人的个人优势；候选人的职业发展方向是什么呢？
• 候选人的设计影响力是怎样的？
• 候选人的职业深度与广度如何呢？

2. 做

• 寻找候选人作品集；
• 查阅作品集的设计思路，技巧；
• 搜图辨别真实性与原创性；
• 背景调查；
• 要求候选人做测试题；
• 询问设计师问题获得判断；
• 多人多轮面试；
• 判断候选人是否适合岗位需求；
• 查阅职业社交平台；
• 关注候选人的微笑公众号，博客；
• 参加候选人举办的workshop；
• 查验候选人的学校专业；
• 启动面试流程。

3. 想

（动机，目标，需求，欲望）业务量与岗位人数不匹配，需要人员加入；寻找符合岗位要求的候选人；一个月之内寻找到合适的候选人；每天阅读不同背景的100+份作品集；寻找履历真实，设计思路及解决方案可行，具有原创性的候选人；通过查看大量作品集了解不同的方法论，设计流程在项目上的运用及可能性。通过作品集的思考思维解决现有项目问题；了解目前行业一部分设计师水准；到岗候选人超出预期；替换团队中欠佳的小伙伴；

4. 感受

微笑 ，无感 ，皱眉 ，高兴 ，沮丧 ，不满 ，哎声 ，饶头 ，犹豫 ，感叹 ，赞许，肯定。

梳理完EmpathyMap后需要思考作品集如何满足其中一些需求。寻找驱动用户行为和需求的潜在因素和动机是成功设计的原因。

（1）

• 什么：在项目中体现创新，方法论及梳理工作流程；
• 如何：查看设计样式，思考方式，设计策略，验证方式；
• 为什么：寻找具备创新意识的，系统的方法论梳理运用的设计师；

（2）

• 什么：在项目中体现个人价值与成长，寻求自我差异点；
• 如何：查看设计师的关注点与积累，自我在项目的贡献；
• 为什么：寻找具备个人沉淀，体系学习，积极成长的设计师；

（3）

• 什么：在项目中是怎么体现设计价值，解决业务问题；
• 如何：查看作品集中设计思考及体验设计能力；
• 为什么：寻找具备全局思考，关注链路的设计师；

通过“什么，如何，为什么”发现用户的痛点大多来自作品集的创新性与设计价值方法论。“应聘者需要在项目中寻找创新与运用合适方法论及梳理工作流程，解决问题才能使作品集更具创新与真实性”。如何在作品集中体现真实感与设计创新性带来的设计价值是作品集能得到青睐的一个机会。

02 定义问题并解释结果

在定义阶段，将对用户的观察进行综合，对问题陈述的清晰定义。问题陈述或设计挑战的定义时，将大大改善设计思维过程和结果并指导工作朝着正确的方向启动过程。HMW问题探索想法，以创新的方式解决设计难题。

1. H（HOW）如何

• 我们如何在项目中运用设计方法论？
• 我们如何才能提炼出有代表性的项目经历？
• 我们如何才能使作品集有个人特色呢？
• 我们如何在日常工作中寻找设计灵感？
• 我们如何使梳理工作中的工作流程？
• 我们如何在项目中创新？
• 我们如何在项目中解决问题？
• 我们如何改变自己的感受或态度？
• 我们如何通过设计带来商业价值？
• 我们如何通过项目促使个人成长？
• 我们如何验证设计？
• 我们如何体现个人价值？

2. M（Might）可能

• 视觉风格设定，界面设计，设计系统；
• 关注项目中的解决问题难点及重点，自我对其贡献；
• 梳理个人品牌，分析优点及提升影响力；
• 培养特有的自我感知力以获取灵感来源；
• 与协作团队沟通磨合提炼流程；
• 创新的工作方法，视觉表现；
• 梳理问题，寻找根源，寻找解决路径；
• 现有感受or态度带给项目的影响，调整负面影响；
• 梳理服务蓝图，明确商业价值；
• 掌握深度与广度，提升研究与思考能力；
• 可用性测试；
• 梳理自我的优势用于项目中；

3. W（We）我们

项目的完成是团队协作的结果。最佳的解决方案来自于团队，协作共赢。

03 构思最佳设想

通过HMW问题探索我们获知了大概的作品集构建路径，定义问题后，将问题应用于价值，服务，接触点。运用S-C-A-M-P-E-R优化设计路径。使现有作品集产生一系列新的构思。

1. Substitute（替代）

• 设计系统替代界面规范；
• 设计协同工作流替代设计协作；
• 设计策略替代大量视觉展示；
• 设计技巧的成熟度替代花哨不明确的设计；

2. Combine（结合）

• 设计思维“以人为本”设计过程用于构建作品集；
• 将不同的视觉风格设定方法论合并；
• 使用所有招聘渠道以最大化作品集使用次数；
• 压缩到适当大小，以降低阅读作品集消耗的时间；

3. Adapt（适应）

• 在不同的场景中查看（会议/交通/电脑桌/厕所）；
• 过往的作品集可继续使用的部分；
• 从他人的作品集中思考方法路以及表现方式；
• 适应技术面，HR招聘流程；
• 适应目前招聘大环境或面试官的需求；
• 适应不同的设备展示；

4. Modify（修改）

• 项目的方法论使用以及验证的方法；
• 之前的项目做得不恰当及不完整的地方；

5. Put to another use（其它用途）

• 面试官可以从作品集中受益；
• 同行交流，相互学习；
• 梳理完作品集的构成可制作模版使用；
• 有利于设计思维的熟练运用，形成体系的思维方式；

6. Eliminate（删除）

• 删除作品集只展示界面视觉的一部分；
• 简化个人介绍，保留个人优势重要信息；
• 删除作品集中与项目角色无关的展示；

7. Rearrange（颠倒）

• 复盘设计，通过荣格十二品牌原型做风格设定；
• 反向执行工作流程；

04 原型：绘制故事版

使用故事板可视化用户的旅程或用户体验问题或作品集的方式绘制。尝试想象完整的用户体验后将其绘制一系列草图。

用户触点：招聘新成员需求下发——编写人员岗位需求——设计需求视觉——各平台发布招聘需求——筛选作品集简历——通过筛选——通知面试——面试中——面试完——发送offer/面试失败——入职/结束。

构建作品集触点：萌发看机会想法——筛选过往项目——确定代表性的项目作品——梳理项目工作流程——梳理该项目的设计策略及商业价值——梳理该项目的所使用的设计方法论及体现系统的专业思维——梳理设计创新——梳理个人成长及积累带来的优势——展示项目界面视觉效果——输出作品集。

05 测试：收集反馈，迭代

收集反馈是设计思维过程及所有其他以人为本的设计过程中关键要素。作品集的测试关于用户招募无疑就是寻求几个业界的同行基于“我喜欢，我希望，如果发生什么”方法在测试中做出诚实的反馈，用于改善作品集设计路径。

用户A

• 我喜欢：作品集中的项目梳理，能清楚的明白候选人是如何进行设计的，解决了哪些问题，面对有一些难度的工作时，个人快速的成长。
• 我希望：在方法论上多磨，多在不同的项目上使用，使更加成熟。
• 如果发生什么？如果一些业务方向或者视觉风格是不擅长的，你该如何做？

用户B

• 我喜欢：候选人的个人成长和沉淀，梳理了专业类的理论并运用在项目上；
• 我希望：知识面更广，保持积极了解前瞻性；
• 如果发生什么？如何行业大咖的分享与业务时间冲突，改怎么做呢？

用户C

• 我喜欢：候选人在工作流程，专业领域的创新；
• 我希望：保持对于设计的热爱和工作的积极性；
• 如果发生什么？你的创新不被同事/行业认可，你会怎么办？

针对反馈进行分析现有作品集的不足，结合现有的项目考虑建议。构建作品集其实也是对于项目的复盘以及对于自我的价值验证。设计思维提供了多样的方法论围绕用户展开，移情阶段是基础核心的，若能更细化用户行为将利于定义与构思，若条件允许可进行workshop梳理用户需求获知痛点，从而更完整作品集路径。

作者：Emilychen；公众号：Design Thinker，UIUX设计师，从业6年+，关注设计思维及实践，核心宗旨：设计思维驱动下的设计沉淀。

本文作者 @Emily 。

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！