当前位置:u赢电竞手机版 > 互联网 > 设计师如何融入产品研发全流程互联网:

设计师如何融入产品研发全流程互联网:

文章作者:互联网 上传时间:2019-05-17

作为一个专业UI设计师,不仅仅要了解整个产品在UI界面设计,交互设计中的工作流程,更需要了解整个产品从需求提出到产品上线的整个工作流程。以下是互联网产品个部门的工作分配及流程:

本文重点讨论在一个项目里,设计师怎样将自己的个人价值贯穿在产品研发的全流程中,以及在各个环节,设计师能做哪些事。这里阐述的设计师,包括交互和视觉,重点讨论交互设计师在研发全流程的岗位价值。(大多数小型创业公司并没有交互岗位,而是由产品经理来充当)。

互联网 1

在许多互联网企业,设计师在接到需求,并完成设计稿甩给产品经理后就不再进行后续工作。每次出现问题让设计师改稿也是一百个不情愿,特别是改稿次数特别多的时候,简直快要爆炸。然而,要避免这种情况,最直接的就是提高设计师在产品研发中的参与感,让设计的价值体现在研发全流程中。产品研发全流程归结起来有以下几个环节:创建需求(产品)-设计(交互)-评审-设计(视觉)-研发-测试-上线​。当然,不同企业在研发流程的小环节上会有不一样,但整体看来大同小异。

UI设计工作流程

互联网 2

从图中可以看到,一个互联网产品从策划到最后的上线营销,都需要由不同的部门分担其责,而每个部门中,根据岗位的划分,在细分到每个工种上来,所以一个互联网产品的开发流程,并不是单个的人,或者个别的部门可以实现完成的,它是一个完整的团队通力合作的产物。部门与部门,岗位与岗位相互协作配合,才会出色高效的完成项目。

产品研发流程

一般互联网公司会有几个部门划分:

创建需求:相当于一个项目的起始阶段。这里的需求可大可小,大需求通常是一个完整新产品的研发,是一个从0到1的过程。而小需求可能小到只是加个按钮、加段文案等。一般情况下,产品经理都需要进行市场分析、目标用户分析、竞品分析等工作,同时明确要实现的业务目标。这一阶段,交互设计要与产品经理频繁沟通,理解业务需求,并与产品经理达成目标和方向的一致性。虽然该环节,交互设计并没有开展创意设计阶段,但是可以在产品经理创建需求的同时搜集同类竞品,从界面交互、视觉的角度分析竞品的优劣点,为后续的设计工作提供可参考借鉴的依据。有些产品经理在撰写需求文档时,会自己先规划出大致的界面框架,此时,交互设计师也可以根据自己的专业知识积累,提出关于界面框架的想法和建议。

1、产品部门(产品经理、产品专员)

互联网,设计实践:​当产品经理完成需求文档后,就会给交互设计师建需求,正式进入设计环节。交互拿到需求文档往往是产品要包含的一些功能点,交互设计要做的就是梳理这些功能点,并将这些功能点细分、归类,整理成信息架构。之后,则是用流程将这些功能点串联起来,从用户实际操作的角度,考虑流程中可能会发生的各种情况,并用流程图表达出来。这里比较考验设计师的同理心能力,因为你是要把自己想象成现实中的目标用户来遍历各个流程环节。当前期信息架构和流程图的铺垫工作完成后,就可以开始绘制线框图。这里主要考虑页面之间的层级关系,以及各个功能控件、组件的摆放位置、页面跳转等交互细节。交互设计师在制定具体的交互细节时,也是和开发沟通较为频繁的时候(还包括开发跟进、验收),有些交互逻辑对目前的网站代码结构来说,是易于实现的,还是要投入相当大的开发成本都需要和开发面对面沟通。线框图分为两种:低保真线框图和高保真线框图(含动效),在进行设计评审需要演示时,含动效的交互稿更能表达设计师的设计理念,而低保真线框图则适用于正式开发阶段,因为低保真原型能表达出每个交互逻辑点,不会遗漏。

2、设计部门(GUI设计师、交互设计师、前端工程师)

完成交互文档后,有些公司会有交互评审环节,而有些则是在和产品经理确认后就直接交由UI设计师完善界面的最终视觉效果。项目进行到这个环节,交互设计的主要工作就是对接UI设计师,向UI设计师说明交互稿上的各个设计点和设计依据。对于一些UI不认可或是产生疑问的交互细节,也要向其解释清楚,或是换成另一种双方都能接受且能提高使用体验的交互方案。当碰到UI设计师对配色、图标等拿不定主意时,交互也要能给出自己的建议,协助其完成最终效果图。从这里可以看出,交互不仅需要掌握用户体验的知识,还需要知道关于需求创建、视觉传达,以及开发技术方面的知识。​

3、研发部门(构架工程师、程序开发)

当产出各方达成一致的视觉效果图后,就进入到实际开发环节。这时开发手上一般会有三份文件:产品需求文档、交互设计文档、视觉效果图。对于移动端开发,UI还要产出切图文档,pc端的切图基本是由前端开发自己切,而移动端由于其平台、尺寸等的多样性,大多由UI设计师来切图,并标注特定后缀名,如“@2x.png”。在前端开发时,设计通常也会参与其中。比如交互设计师会经常和前端沟通界面交互细节、交互动效的逻辑和实现效果,UI设计师则是关注开发对界面上配色、字体、图标和整体视觉效果的实现情况。开发完成后一般会先经过自测,自测过后再提交测试。开发在自测时,设计最好也能验收下产品界面交互视觉的效果,不仅减轻后续的测试压力,也能降低上线后出现失误的可能性。而且越到后面验收,出现问题修正的代价就越大。

4、测试部门

下一步就是提交到测试环境,进入测试阶段。这时,设计也不能闲着,同开发自测时的验收一样,也要对测试环境上的产品设计效果做最后验收,因为当产品上线后再想修正,那就只能等下一个版本了,而这中间间隔的时间,对设计或体验上的失误所造成的影响是无法预估的。交互和UI设计师验收时的关注点不同,交互主要验收产品的使用体验,交互细节、跳转和动效等,UI则是验收间距、尺寸、配色、字体等。这里提一下,产品经理和交互设计师在验收环节上并不冲突,因为产品验收针对的是产品功能完整性和实现情况。当测试完成,且开发修正了所有在测试环节发现的问题后,就需要运维来将产品最终上线。

5、市场部门(销售、渠道、公关、品牌)

产品上线后,交互如果有时间,最好能收集下用户反馈和用户行为数据,为后续版本迭代提供设计依据。​

6、运营部门

各部门的工作职责如下:

产品部门:负责产品调研,产品方案策划,产品原型图设计,和技术开发对接,后续可能和运营部门对接。

设计部门:负责产品视觉设计,交互设计,前端布局。有一些公司会把前端这一块划分到开发部门,理由是前端的工作和程序开发一样,都是码代码,设计部门就是单纯的只管视觉设计方面。但是这种说法其实不太正确,前端的代码实现和后台的程序开发,虽然都是码代码,但是运用的技术是不一样的,实现的功能和效果也是不相同的,所以前端工程师划分到设计部门会更合理一些。

研发部门:产品构架设计,数据库设计,前后台编码设计,后期的运维,网络安全。

测试部门:测试程序中的bug,编写测试计划、测试用例及测试报告等文档,优化流程。

市场部门:产品企划策略,促销活动的策划及组织,品牌规划和品牌的形象建设,市场广告推广活动和公关活动。

运营部门: SEO/SEM优化推广,平台活动策划,广告投放,客户关系管理,数据分析。

设计部门的岗位划分通常有UI设计师、交互设计师、前端工程师,小型公司岗位划分不完善,会把交互设计师的工作(交互流程、交互线框、交互动效)交由产品人员来完成,以下梳理出UI设计师参与和需完成的流程:

互联网 3

UI设计工作流程

一、需求梳理、分析

本文由u赢电竞手机版发布于互联网,转载请注明出处:设计师如何融入产品研发全流程互联网:

关键词: 日记本 工作流程 UI