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