设计师如何融入产品研发全流程

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

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

产品研发流程

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

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容