视觉设计师如何对接用研和交互？

在日常的产品设计流程中，视觉设计师这一角色往往处在用户研究和交互设计之后介入项目，而正是由于介入项目较晚，视觉设计师可能不会及时的了解用研和交互的意图，而导致与预期效果有一定的偏差。

在整个快节奏的工作当中，视觉设计师与用研、交互保持良好的沟通是理解问题的基础。不同的人对产品的理解都会包含着很多主观的想法和创意，因此，高效的当面沟通也能更好的推进项目进度，达到预期效果。

那么视觉设计师在工作当中应该如何与用研和交互对接工作呢？在用研和交互的流程当中，视觉应当怎样配合才能更好的为产品服务呢?

视觉设计师对接用研

目的：了解项目目标，确定产品的视觉风格

在用户研究的阶段，视觉设计师虽然不能完全将精力投入进去，但可以参与到部分工作，比如参与竞品分析中的表现层分析、对当前产品的视觉诊断等工作，并了解用研的输出结果，明确用户是谁？需求来自哪里？要做哪些功能？预期效果是什么？从而确定产品的视觉风格类型、颜色搭配等。

具体工作：

1.了解项目背景（包括项目概况、客户需求、目标用户等）

2.参与项目现有产品的前期诊断（表现层阶段，建议参考视觉评估要素）

3.参与竞品分析（表现层阶段），并明确竞品的视觉风格和优劣势

4.根据用研进行的可用性测试等反馈可以总结出视觉优化方案

5.明确客户与用户的意向视觉风格，了解用户的喜好，收集意向素材（建议参考工具方法：情绪板）

6.通过以上工作确定配色方案、视觉风格、质感材质等

所需用研提供材料：项目背景介绍，竞品分析报告，可用性测试反馈等。

视觉设计师对接交互

目的：优化交互原型，将线框图转化为用户能够读懂的页面，并进行视觉美化

在交互设计的阶段，视觉设计师可以通过交互原型和文档等输出物去了解交互流程及功能，并审视功能和信息的层级关系，审视交互逻辑和创新点，从而进一步的优化交互原型。从审视框架到拆解布局再到演变版式，完成视觉创新设计。

具体工作：

1.看懂交互原型和文档，梳理交互流程，了解页面之间的关系，哪些页面相对重要，需要更着重设计感，哪些页面比较常规，哪些页面需要动效／图形等

2.根据交互原型确定信息的优先级（通过位置、形式、大小对比、色彩对比等方法）

3.审视页面视觉流，考虑信息强点的处理方式

4.考虑界面布局和信息内容处理方式，通过视觉引导用户行为

所需交互提供资料：交互原型图、交互文档、功能架构图、流程图等。

视觉设计输出物标准

1.视觉规范文档   PDF

2.视觉源文件   PSD

3.视觉效果图   JPG

4.标注图   JPG

5.标注源文件

6.切片资源   PNG

其实不管是什么岗位，本质的目的都是一样的，都是服务于产品，把产品做得更好，提升产品的价值。在这个过程中学会换位思考尤其重要，视觉设计师可以把自己当成用研和交互，参与到产品设计的每一个环节，并逐渐具备一定的产品思维和全局的视野是每一位设计师都需要努力的！

                         设计 X 体验 X 创新 X 价值