从创意到上线,互联网产品是如何开发出来的

作者:Hindy  

原文地址:uicircle.club/a/142

转载无限欢迎,但请注明「作者」和「原文地址」。感谢您对作者版权的尊重。


前言

本文是 UI 设计进阶系列的第 1-2 篇,系列目录uicircle.club/a/128

本文将令你快速了解互联网产品的通用开发流程,并且对每个过程做了下简介。


开发流程概览

互联网产品的开发上线我在此归纳为四个大阶段:创意、设计、开发和上线后的运营阶段。

虽然根据项目不同、团队不同等因素,这些阶段中的某些工作内容会不同,但基本上产品的诞生无疑都会经历这四个大阶段。拿运营举例,哪怕只是开发一个计算器小工具,也是需要投入运营的(此处泛指产品上线后的维护、营销等后续活动)。

而具体每个阶段有哪些工作,我整理了下图供大家参考。

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.002.jpeg

特别提醒,图示流程并非线性的,尤其敏捷开发时很多步骤都会重合同时进行。而根据情况,某些步骤也会打乱亦或穿插在流程中,比如调研工作就是贯穿始终的。但就产品开发流程而言,重点无非就是这些。


创意阶段

想法的诞生

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.003.jpeg

一个想法的诞生可能有千万种来源。当有好的创意或灵感时,不妨记录下来,也许在将来可以翻出来去实现它。说不定其中就有黄金点子令你致富。

不过想法本身其实是非常不值钱的,毕竟梦想谁都有。

我也并不鼓励大家想到什么就去做。而是在做之前,去合理判断这个想法有多大价值,需要自己多少投入,最后评估自己是否有足够的能力和资源去实现它。而评估的方法就是对这个痛点、这个市场做出初步的调研。


产品调研

在创意阶段的产品调研主要目的是为了进一步了解用户需求和市场状况,找到缺口,然后做出自己的产品定位。

当然,在很大程度上,前期的调研也是为了验证自己脑洞的这个「创意」或「痛点」是否真实存在,是否是人们真实的需求。

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.004.jpeg

因此前期调研可能无需太深入,但这几个点是你需要关心的:

  1. 市场情况,尤其是同类产品情况(产品业务、设计、融资状况等);

  2. 将创意开发出来需要多大成本(金钱与时间);

  3. 技术挑战(创意是否有技术瓶颈,难度有多大);

  4. 产品盈利模式;

  5. 核心团队组建;

  6. 法律问题等。


产品定位

通过前面的调研,你应该已经对自己想要进入的领域有了初步了解。接下来就是找到突破口,找到自己的产品定位。前辈们已经总结了很多好的方法,我在这推荐刘津、李月的《破解成蝶:用户体验设计师的成长之路》一书中对产品定位的描述与方法,并选择性摘录如下(有部分改动)。

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.005.jpeg

产品定位是产品设计的方向,也是需求文档和设计产出的判断标准。另外,产品定位也会使团队成员形成统一的目标和对产品的认识,使团队更有凝聚力,使得沟通效率、工作效率大大提升。

产品定位包括两方面:产品定义和用户需求。

产品定义主要由产品经理从产品角度考虑,用户需求则主要由设计师从用户角度考虑。最终的产品定位应该是综合考虑两者关系的结果。

产品定义部分包括适用人群、主要功能和产品定义。产品定义就是用一句话来概括你的产品。如果你发现很难用一句话描述清楚自己的产品,那么很可能是因为你的产品定位不够清晰、方向不够明确。

用户需求部分则包含目标用户、使用场景和用户需求。其中目标用户是在适用人群细分的基础上得到的,它也在一定程度上影响了使用场景和用户目标。


商业计划

你需要在创意阶段就考虑到如何盈利,并不单单是为了制作「商业计划书」吸引融资,更是为了实打实地找到自己产品可持续发展的路。


设计阶段

设计调研

在创意阶段完成后,设计的工作就可以展开了。

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.007.jpeg

设计调研部分主要是通过各种研究,更进一步地清晰和明确产品定位的内容,为后续的设计提供基础。对于人机交互、用户体验设计领域,最常用的有用户访谈(Interviews)、问卷调查(Surveys)、焦点小组(Focus groups)、用户画像(Personas)、体验地图(Journey maps)等等。

本文先做完整的产品开发流程介绍,在后面的系列文章中再完整地介绍它们。


功能结构设计

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.008.jpeg

我在这用了「功能结构设计」一词,其实就是包含「产品功能文档」、「信息结构图」等用来梳理产品功能和信息相关的工作。而且不只是用户端,可能也会在这时就对应梳理后台的功能。

功能结构对一款软件而言至关重要,宛如人的骨骼支撑人体。完成对功能结构的设计,可以明确产品有哪些功能、建立初步的交互逻辑、帮助制定开发计划等好处。它是个承上启下的重要一步。


制定开发计划

这里的开发计划是指具体的时间及工作规划,属于项目管理的工作。

我个人建议在功能结构确定后,就需要和技术同事们沟通产品的功能和目标。因为在沟通后,他们可以快速讨论一些技术方案或难点,并在之后展开调研工作。比起传统等到出了视觉稿后再给开发看设计方案,要高效、灵活得太多。

但这还只是初期的会议,接下来随着设计的进展,可能还会有大大小小的商讨会展开。

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.009.jpeg

开发计划内必须包含的有:产品名、版本号、开发日期、上线日期、需求表、修订日,如果产品团队人数多,还需要写明各负责人、具体时间规划(甘特图)等。并且在项目开启时,有人负责实时跟进,确保能够顺利上线。


原型设计

有了功能结构和技术同事们的前期支持,接下来就该绘制原型了。

原型笼统地会分为低保真原型(Low-fidelity prototype)诸如草图、纸面原型(Paper prototye)、线框图(Wireframe)等,以及高保真原型(Hi-fidelity prototype)。在 GUI 设计中,我直接将高保真原型放在了「视觉设计」的步骤,因此这里的原型主要指各种低保真的原型。

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.010.jpeg

不论产品的类型如何,所有的低保真原型都具备以下几个优点:

  • 在早期检测和修复主要问题

  • 构建起来容易、成本低

  • 让人更有迭代的动力和意愿

  • 得出的反馈侧重于高层次的概念而不是执行

  • 易于携带,展开测试活动


原型测试

我们制作原型最重要的一个作用当然就是进行原型测试。通过测试可以发现问题,引出更好的方案。我也将在后续的文章通过更大篇幅为大家介绍如何进行原型测试。


视觉设计

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.012.jpeg

在经过一系列原型制作及项目会议后,就可以动手进行视觉设计,包括品牌、高保真视觉稿等,也要开始规范文案的书写。也就是《用户体验要素》一书中的表现层。


设计评审

一般在整个设计阶段都会进行大大小小的会议或讨论。它可能是设计师与设计师之间的,也可能是设计与其他部门人员之间的。但适时举行大的设计评审会议,可以告诉大家我们做了什么,为什么这么做,然后获得反馈,这些都是至关重要的。


开发阶段

技术调研

和设计阶段一样,在某个产品或功能正式开发之前也需要进行技术会议(尤其是上百号人共同开发的大项目)。工程师们最主要讨论的是针对功能的技术实现,前期的调研和沟通是为了确保后期开发能更流畅。


产品开发

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.015.jpeg

互联网产品技术岗众多,而与我们设计师联系最为紧密的可能就是各类前端了:Web、Android 和 iOS 等。

在产品开发阶段,设计师们的主要职责是协助工程师输出设计文件,并且确保和技术人员达成共识,顺利实现设计稿。


开发自测

当功能完成开发后,工程师往往会进行功能及技术的自测。小团队会由开发者自己进行测试,大团队则会建立测试用例,并有专职的测试工程师。


产品(设计)测试

而当开发完成技术测试后,产品设计团队人员也应该紧跟着进行产品测试,尤其是对功能、设计实现情况、产品体验细节进行新一轮的测试。


综合测试

当整个产品开发团队完成测试后,可以将产品分发给其他同事,进行更广泛的内部测试(体验)。

需要注意的是,所有设计及综合测试阶段的问题都应该集中在一起(通常是开发协作软件),并且反馈给负责的工程师。问题可以统一交给一个人来提交,也可以由问题发现者直接发布到 bug 管理工具上,制定统一的规则即可。


Bug 修复

当 bug 反馈后,工程师会根据提交的「重要程度」挨个修复,并且给出完成或延后等处理标记。bug 上传者则需适时跟进 bug 修复情况。

不管是开发者还是设计师或其他问题提交者,大家抱有对产品负责的态度是最为重要的。因此请认真对待每一个 bug,做出必要说明别偷懒。


运营阶段

产品上线

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.020.jpeg

产品终于顺利开发完成可以上线了。我将产品上线放在运营阶段,是因为「上线」这一过程也是直接面向用户们的,因此由处于一线上的运营完成再适合不过(产品设计人员和技术人员可能需要提供一定的指导和帮助)。

网站的话,部署到事先准备好的服务器就算上线了。iOS 则准备好各种材料提交到 App Store 等待审核。Android 的话则发布到国内各大有影响力的安卓市场(也可以使用相关工具一键发布)。

另外值得一提的是,建议大家将发版本日安排在周三或周四,可以预留一至两个工作日来观察、解决突发问题,避免周末加班。


市场营销

在巨大的互联网海洋中,不知名的小团队新上线一个产品宛如沧海一粟,激不起浪花。怎么办?接下来就是伟大的市场营销来创造奇迹的时候了。

营销并不是说产品上线之后才展开,而是这个时候才爆发。中国的市场营销界鱼龙混杂,并且大多数都是杂鱼。造成这个局面的情况很复杂,但最为突出的大概是因为技术门槛低,一个人的营销能力通常很难评判。

但我一直认为做商业(Business)或说市场营销(Marketing)是个非常专业的领域,在咱们国家商学院缺乏的情况下,这方面人才通常都是要么天赋异禀,自学成才,要不就是留学归来。

而如果你是名创业者,产品将是你的左膀,营销就是你的右臂了。所以请重视市场营销。


产品运营

UI 设计进阶 1-2:从创意到上线,互联网产品是如何开发出来的.022.jpeg

运营的工作内容主要可以分为三块,内容运营、用户运营及产品运营。

内容运营中的「内容」就是经过编辑的信息。写一篇文章是内容,发一个视频是内容,发一段音频也是内容。这些内容可以自己制作,也可以通过发起活动让用户来制作,或者是叫一些专家来制作分享内容也行。简而言之就是负责满足产品需要的内容。

用户运营主要指对现有用户的管理及相关数据监控。目的是为了促使用户持续的使用产品,其中包括开源、节流(减少流失)、维持(促进活跃及提高留存)、刺激(转化付费)等。

产品运营则主要协同产品团队负责为产品迭代更新、产品功能开发做用户反馈工作。

另有活动运营一说,主要就是负责市场营销,负责策划活动、外宣、拉新。

如果你想成为一名运营人员,上述这些工作可能都是你需要了解的。


总结

再次强调,重点在于四个大阶段,流程则无绝对,每个公司、团队可能都有自己的流程和规范。

在经历了这四个大阶段后,一个创意终于作为一款产品以 1.0.0 的版本号发布了。不过往往正式发布时经常是 1.0.1(笑)。而在这之后才是真正互联网产品的开始……


免费获取完整 PPT,请关注公众号 uicircle,回复「零到一」即可。

本系列合集uicircle.club/a/128


如果你想提升设计能力,亦或充实自己的周末,欢迎加入我们的会员社区 👉点这报名


参考阅读


成为会员

UIcircle Member

Local Groups

UIcircle 会员

目前仅需 59 元即可加入我们

成为会员后,您可以

  • 加入所在城市的微信群
  • 免费参与各种线上活动、线下聚会
  • 其他会员福利,如周边礼物、软件折扣等

如有疑问,可以先 了解我们

加入我们