本文重点讨论在一个项目里，设计师怎样将自己的个人价值贯穿在产品研发的全流程中，以及在各个环节，设计师能做哪些事。这里阐述的设计师，包括交互和视觉，重点讨论交互设计师在研发全流程的岗位价值。（大多数小型创业公司并没有交互岗位，而是由产品经理来充当）。
在许多互联网企业，设计师在接到需求，并完成设计稿甩给产品经理后就不再进行后续工作。每次出现问题让设计师改稿也是一百个不情愿，特别是改稿次数特别多的时候，简直快要爆炸。然而，要避免这种情况，最直接的就是提高设计师在产品研发中的参与感，让设计的价值体现在研发全流程中。产品研发全流程归结起来有以下几个环节：创建需求（产品）-设计（交互）-评审-设计（视觉）-研发-测试-上线。当然，不同企业在研发流程的小环节上会有不一样，但整体看来大同小异。
产品研发流程
创建需求：相当于一个项目的起始阶段。这里的需求可大可小，大需求通常是一个完整新产品的研发，是一个从0到1的过程。而小需求可能小到只是加个按钮、加段文案等。一般情况下，产品经理都需要进行市场分析、目标用户分析、竞品分析等工作，同时明确要实现的业务目标。这一阶段，交互设计要与产品经理频繁沟通，理解业务需求，并与产品经理达成目标和方向的一致性。虽然该环节，交互设计并没有开展创意设计阶段，但是可以在产品经理创建需求的同时搜集同类竞品，从界面交互、视觉的角度分析竞品的优劣点，为后续的设计工作提供可参考借鉴的依据。有些产品经理在撰写需求文档时，会自己先规划出大致的界面框架，此时，交互设计师也可以根据自己的专业知识积累，提出关于界面框架的想法和建议。
设计实践：当产品经理完成需求文档后，就会给交互设计师建需求，正式进入设计环节。交互拿到需求文档往往是产品要包含的一些功能点，交互设计要做的就是梳理这些功能点，并将这些功能点细分、归类，整理成信息架构。之后，则是用流程将这些功能点串联起来，从用户实际操作的角度，考虑流程中可能会发生的各种情况，并用流程图表达出来。这里比较考验设计师的同理心能力，因为你是要把自己想象成现实中的目标用户来遍历各个流程环节。当前期信息架构和流程图的铺垫工作完成后，就可以开始绘制线框图。这里主要考虑页面之间的层级关系，以及各个功能控件、组件的摆放位置、页面跳转等交互细节。交互设计师在制定具体的交互细节时，也是和开发沟通较为频繁的时候（还包括开发跟进、验收），有些交互逻辑对目前的网站代码结构来说，是易于实现的，还是要投入相当大的开发成本都需要和开发面对面沟通。线框图分为两种：低保真线框图和高保真线框图（含动效），在进行设计评审需要演示时，含动效的交互稿更能表达设计师的设计理念，而低保真线框图则适用于正式开发阶段，因为低保真原型能表达出每个交互逻辑点，不会遗漏。
完成交互文档后，有些公司会有交互评审环节，而有些则是在和产品经理确认后就直接交由UI设计师完善界面的最终视觉效果。项目进行到这个环节，交互设计的主要工作就是对接UI设计师，向UI设计师说明交互稿上的各个设计点和设计依据。对于一些UI不认可或是产生疑问的交互细节，也要向其解释清楚，或是换成另一种双方都能接受且能提高使用体验的交互方案。当碰到UI设计师对配色、图标等拿不定主意时，交互也要能给出自己的建议，协助其完成最终效果图。从这里可以看出，交互不仅需要掌握用户体验的知识，还需要知道关于需求创建、视觉传达，以及开发技术方面的知识。
当产出各方达成一致的视觉效果图后，就进入到实际开发环节。这时开发手上一般会有三份文件：产品需求文档、交互设计文档、视觉效果图。对于移动端开发，UI还要产出切图文档，pc端的切图基本是由前端开发自己切，而移动端由于其平台、尺寸等的多样性，大多由UI设计师来切图，并标注特定后缀名，如“@2x.png”。在前端开发时，设计通常也会参与其中。比如交互设计师会经常和前端沟通界面交互细节、交互动效的逻辑和实现效果，UI设计师则是关注开发对界面上配色、字体、图标和整体视觉效果的实现情况。开发完成后一般会先经过自测，自测过后再提交测试。开发在自测时，设计最好也能验收下产品界面交互视觉的效果，不仅减轻后续的测试压力，也能降低上线后出现失误的可能性。而且越到后面验收，出现问题修正的代价就越大。
下一步就是提交到测试环境，进入测试阶段。这时，设计也不能闲着，同开发自测时的验收一样，也要对测试环境上的产品设计效果做最后验收，因为当产品上线后再想修正，那就只能等下一个版本了，而这中间间隔的时间，对设计或体验上的失误所造成的影响是无法预估的。交互和UI设计师验收时的关注点不同，交互主要验收产品的使用体验，交互细节、跳转和动效等，UI则是验收间距、尺寸、配色、字体等。这里提一下，产品经理和交互设计师在验收环节上并不冲突，因为产品验收针对的是产品功能完整性和实现情况。当测试完成，且开发修正了所有在测试环节发现的问题后，就需要运维来将产品最终上线。
产品上线后，交互如果有时间，最好能收集下用户反馈和用户行为数据，为后续版本迭代提供设计依据。
网友评论