标准的产品设计工作流程

标准的产品设计工作流程每个产品团团队都会会有自己己的工作作流程，无无论这个个工作流流程是否否最高效、是是否体现现最大价价值，但但是我认认为只要要这个流流程能够够为实现现工作目目标提供供过程的的保障就就可以算算是好的的流程。对于流程本本身而言言，可以以因团队队不同或或工作任任务不同同而有差差异。一一个成熟熟度的产产品团队队可以在在保证工工作质量量的前提提下轻松松适应任任务的变变化，也也就是说说能够依依据不同同的工作作要求调调整对应应工作的的流程。也也只有这这种团队队才能正正真体现现最大的的价值，称称得上是是一个敏敏捷的、能能快速响响应变化化的团队队。那么，我们们先来看看看以前前做产品品设计时时的团队队工作流流程。我我总结为为是一个个相对nnormmal的的流程。大大多时候候，一个个PM，一一个美工工，一两两个写HHtmll的工程程师就足足够了。如下图所示示：工作流程包包括： 当产产品经理理做好了了产品的的需求分分析和功功能实现现批次计计划后，开开始计划划产品迭迭代过程程。 PMM做好产产品的线线框设计计，交给给前端工工程师（FFronnt-EEnd）； 前端端工程师师开始依依照产品品经理的的线框做做HTMML开发发，同时时要肩负负一些交交互设计计工作，比比如，导导航，搜搜索，查查询，弹弹出页面面或层设设计，mmenuu等； 同时时，美工工开始依依照线框框，做页页面的视视觉设计计，比如如，色彩彩，按钮钮，loogo，iiconn等； 当HHTMLL和美工工设计都都ok了了，就可可以交给给Javvaerr、PHPPer等等做前后后台整合合了； 然后后是产品品的一系系列测试试，包括括可用性性测试，功功能性测测试，性性能压力力测试，产产品集成成测试，发发布测试试等。然而，随着着产品精精细化设设计的要要求，特特别是wweb22.0的的一些标标准逐步步引入到到产品设设计范畴畴。以注注重用户户体验，注注重以人人与系统统的交互互为设计计重点，崇崇尚简约约和适度度的设计计理念被被提出来来，并逐逐渐引领领了产品品设计的的主流思思想。在新的产品品设计过过程中，为为了体现现webb2.00的UEE设计元元素，实实现产品品设计的的工作精精细化，我我们逐步步优化了了新的产产品标准准工作流流程，并并定义了了产品工工作流程程的标准准输出成成果。如下图所示示：新的产品设设计团队队标准工工作流程程被划分分为两个个领域：1、 产品品功能设设计领域域；2、 产品品视觉交交互设计计领域；这种划分的的意义在在于把产产品不再再仅仅看看作一个个由代码码构成的的系统，而而更是一一组由用用户行为为构成的的服务集集合。从从系统角角度来看看设计更更看重的的是功能能，而从从服务角角度来看看设计更更看重的的是体验验，所以以，我们们在产品品设计的的过程中中，一条条线去关关注产品品的功能能设计，一一条线去去关注产产品的体体验设计计。只有两个领领域都做做到了精精致，做做到了极极致，一一个产品品才称得得上是好好产品，才才有机会会帮助投投资人获获得盈利利的可能能。产品功能设设计领域域包括以以下一些些环节： 制定定工作计计划 用户户需求调调研 产品品功能分分析 信息息架构设设计 原型型制作 内部部评审 出资资方评审审产品视觉交交互设计计领域包包括的环环节是： 交互互呈现调调研 视觉觉风格调调研 视觉觉设计 视觉觉内部评评审 资方方评审 裁图图及前端端实现从UE的五五层要素素设计思思路来看看，用户户需求调调研过程程是对应应的Sttrattegyy和Sccopee层；产产品功能能分析过过程对应应了Sttruccturre层；交互呈呈现调研研、原型型制作对对应了SSkelletoon层；视觉风风格调研研和设计计对应了了Surrfacce层。信信息架构构设计则则对应了了Strructturee层的信信息架构构和Skkeleetonn层的信信息设计计。下面对每一一个流程程进行简简要的介介绍和描描述：l1制制定工作作计划主要参与角角色是PPM-产产品经理理；主要要的标准准成果物物是工工作计划划。第一步非常常重要，可可以理解解为是产产品路线线图上最最为关键键的一个个阶段计计划。熟熟话说万万事开头头难，好好的开头头是确保保成功的的第一步步。一个个成功的的产品在在其生命命历程上上，会包包括：创意阶段-设设计阶段段-实现阶阶段-运行行阶段-更更新升级级-消亡这里制定的的工作计计划是设设计阶段段的工作作计划，这这个阶段段计划的的目标是是把产品品的创意意变成可可实现的的产品设设计语言言，确保保产品的的创意和和目标得得以在实实现过程程中完美美体现出出来。同样，在计计划的过过程中，PPM也要要考虑工工作任务务的特性性，结合合工作流流程做出出适应和和改变。我在制定工工作计划划时使用用的工具具一般是是MS的的Proojecct或者者Exccel，计计划内容容要明确确至少四四大要素素：1、 任务务：要完完成的任任务最好好能做合合理的细细分，可可以参考考WBSS的定义义。2、 时间间：任务务开始和和结束时时间；3、 资源源：投入入到任务务的资源源，要责责任到人人；4、 产出出：标准准的产出出物是什什么，这这是检验验其工作作成果的的最好载载体。l2用用户需求求调研主要参与角角色是PPM-产产品经理理；主要要的标准准成果物物是调调研问卷卷和调调研分析析报告。对于有特定定目标用用户的研研发型产产品，往往往都需需要PMM在产品品设计之之初对用用户做详详尽的调调研，调调研的内内容包括括： 总体体性调研研产品价值目目标，用用户的业业务目标标，用户户的组织织架构，与与产品相相关的流流程，规规章制度度，出资资人对于于产品认认定的成成功标准准等。 功能能和非功功能性调调研产品用户角角色，产产品功能能需求，用用户对于于产品功功能的需需求优先先级，产产品内容容需求，产产品约束束，运营营需要，性性能要求求，其他他特性等等。在进行调研研的时候候，调研研问卷是是必不可可少的一一份文档档。在准准备调研研问卷时时，PMM可以通通过问卷卷明确调调研的方方向和把把控范围围；被调调研者可可以了解解调研重重点，并并准确的的给予响响应，明明确提供供有价值值的信息息范围（深深度和广广度等）。需求调研完完成后，PPM要及及时完成成调研分分析报告告，并与与用户进进行确认认。调研分析报报告是将将调研过过程中形形成结论论的内容容按照一一定的逻逻辑格式式规整成成文后，方方便用户户进行逐逐条确认认。调研分析报报告一般般着重体体现五点点内容：1、 产品品的战略略目标和和价值体体现2、 产品品的核心心业务形形态3、 产品品的功能能分布和和描述4、 产品品的非功功能需求求（不包包含交互互和视觉觉部分内内容，这这部分将将单独调调研）5、 产品品的内容容需求（作作为信息息架构设设计的基基础）如果调研报报告能将将上述的的五方面面内容说说清楚了了、说准准确了，我我们会认认为调研研工作是是成功的的。l3产产品功能能分析主要参与角角色是PPM-产产品经理理；主要要的标准准成果物物是产产品需求求文档，有个洋名字为PRD。产品需求文文档是对对产品的的需求分分析后，以以设计语语言进行行描述，将将作为开开发阶段段的主要要输入物物之一。如果是通用用型产品品，在PPRD的的分析过过程中还还可以借借鉴MRRD。在在这类项项目中，PPRD在在产品项项目中是是一个承承上启下下的作用用，对上上是基于于MRDD内容的的深化和和落地，对对下是要要把MRRD中的的内容设设计语言言化和技技术化，向向研发人人员说明明产品的的功能特特性和性性能指标标。在这里，我我们抛开开市场元元素，只只从产品品本身的的功能特特性来看看，我们们约束PPRD要要体现以以下的一一些内容容： 产品品生命周周期模型型 实现现进度安安排规划划 产品品技术路路线 对产产品feeatuure详详细描述述 feeatuure优优先级 产品品relleasse计划划 用例例（usse ccasees）设设计 产品品部署设设计 产品品性能设设计至于产品的的需求分分析方法法，可以以参考我我前面的的文章探探讨APPP的分分析过程程。l4信信息架构构设计主要参与角角色是PPM-产产品经理理或IAA-信息息架构师师；主要要的标准准成果物物是信信息架构构设计。产品的信息息架构设设计文档档主要包包括： 信息息架构策策略 信息息架构蓝蓝图 内容容映射 内容容模型 原型型（着重重体现四四大体系系：导航航，搜索索，标签签和组织织）具体可以参参考我前前面的文文章信信息架构构的设计计思路。这里需要说说明的是是：特别别对于互互联网产产品而言言，信息息架构不不是一个个简单的的工作，不不能把它它作为产产品需求求设计的的一个附附属任务务来完成成，而是是要将其其作为一一个独立立的工作作任务，安安排有经经验的专专家来负负责把控控。因为为，我见见过很多多因没有有重视产产品的信信息架构构设计，而而到后来来不得不不推翻重重做的产产品，这这种劳命伤财财的过程程希望不不要再发发生了。l5原原型制作作主要参与角角色是PPM-产产品经理理和UEE交互设设计师；主要的的标准成成果物是是低保真原原型和和高保保真原型型。很多产品经经理都是是十项全全能，画画线框，画画原型，做做分析，做做设计.但但是真正正检验一一个产品品经理的的业务能能力和设设计素养养的就是是他做的的prootottypee。为什么这么么说？因为，软件件行业的的产品经经理，往往往身上上都背负负着产品品创新和和设计的的重任，这这种能力力最好的的体现方方式就是是通过原原型来展展现，一一个有想想法并能能将想法法快速展展现出来来的PMM，具备备成为一一个合格格PM的的基础。在不同的团团队，PPM的工工作略有有不同。有有的产品品经理只只画线框框，然后后把线框框交给UUE，由由UE完完成prrotootyppe的制制作，因因为在UUE的工工作中还还包括了了交互的的设计。有的产品经经理则需需要一把把抓，从从功能设设计到交交互设计计全部搞搞定，当当然这样样的产品品经理虽虽然累，但但综合能能力将会会更为突突出一些些。再来说说线线框和pprottotyype的的区别： 线框框是静态态的；pprottotyype可可以是有有交互能能力的； 线框框是思路路；prrotootyppe是思思路的具具体实现现； 线框框包括静静态页面面和说明明；prrotootyppe是页页面和行行为展现现； 线框框更多体体现框架架、组织织、结构构、功能能划分及及布局等等；prrotootyppe更多多体现：逻辑，细细节，元元素，整整体，色色彩，交交互，内内容等。Protootyppe又分分为低保保真和高高保真两两种： 低保保真原型型反应页页面的框框架逻辑辑，导航航逻辑，交交互逻辑辑，标签签逻辑，内内容组织织逻辑等等。 而高高保真原原型在低低保真原原型的基基础上，还还加入了了信息内内容，视视觉元素素，交互互细节等等。两种原型的的用法也也略有不不同：一般在产品品团队中中，内部部更看重重的是低低保证原原型。因因为，在在设计之之初，最最怕的是是偏离设设计方向向而浪费费资源，所所以通过过低保真真原型可可以快速速的发现现问题，通通过不断断的迭代代设计完完善产品品框架和和主体构构造。一般在与外外部进行行产品工工作成果果说明和和演示时时，用高高保真原原型更好好。因为为，spponssor或或用户更更喜欢关关注产品品的实际际模样，因因为他们们骨子里里是代表表未来实实际使用用者的利利益，如如果他们们觉得色色彩不好好，交互互细节有有问题，那那么他们们会坚持持要求团团队做出出响应，直直至他们们满意为为止，既既然如此此，我们们最好将将这个过过程安排排的越早早越好，至至少不要要因为他他们的意意见而导导致后期期的开发发工作重重复。l6内内部评审审主要参与角角色是PProdductt Owwnerr；主要要的过程程产物是是评审审报告。在一个以自自有产品品销售为为主的企企业里面面，产品品的研发发和销售售往往是是两个体体系。我我们将产产品的研研发负责责人称为为PM，而而将销售售的负责责人称为为Prooducct OOwneer。PO熟悉客客户，知知道客户户为何需需要这个个产品，也也知道市市场的很很多方方方面面，所所以，他他们参与与产品的的内部评评审是非非常有必必要的。在内部评审审过程中中，我们们要做好好评审报报告的记记录。对对于评审审过程，我我认为有有以下几几点要特特别记录录：1、 一致致认同的的问题。在在会上就就要给予予明确的的响应措措施，谁谁负责响响应，多多长时间间响应，谁谁来检查查等；2、 不能能落实的的问题。在在会上要要形成跟跟进方案案，谁来来跟进，找找谁获取取资源，争争取什么么时候获获得结论论等；3、 形成成的结论论。会议议上形成成了什么么结论，后后续有何何安排等等，都需需要详细细记录。4、 这份份会议纪纪要将发发送给谁谁，抄送送给谁。有时候，产产品团队队和销售售团队不不总是一一团和气气，一碰面总总容易擦擦出火来来。这是是因为，一一旦争论论到产品品的细节节，产品品团队总总认为销销售方面面不懂产产品，不不懂技术术；而反反过来，销销售团队队又会责责备产品品团队不不懂用户户，不懂懂需求，自自以为是是。说实话，这这种情况况不太好好处理，但但一个有有经验的的产品经经理如果果会审时时度势，做做出明智智的决定定，也许许可以化化解一些些矛盾。比如，亲自去再摸摸一次需需求，而而不是一一味的火火拼，甚甚至找到到老板来来协调；做出两套方方案，待待与用户户参与的的评审时时，确定定最终的的需求；如果明知自自己是对对的，则则冷处理理，将类类似的问问题全部部挂起，并并尽快整整理一份份书面澄澄清函，由由PO提提交用户户逐一回回复。l7出出资方评评审主要参与角角色是SSponnsorr，Prroduuct Ownner，PPM等；主要的的过程产产物是评审报告。内部研发型型产品的的spoonsoor一般般是分管管产品研研发的副副总或CCTO，有有时候CCEO，销销售副总总也会作作为干系系人列席席；交付付型产品品的spponssor一一般是用用户方的的业务负负责人。在这种级别别的评审审会议，PPM要非非常的细细心准备备好每个个细节，熟熟话说：台下十十年功，台台上三分分钟。如如果不能能通过会会议让ssponnsorr认为出出资是值值得的，那那么团队队的日子子将非常常难过，对对整个tteamm的信心心将是沉沉重的打打击。所以，在准准备过程程中，我我认为有有以下一一些要点点是特别别要注意意的：1、要有PP3组合合。PPPT+PProttotyype+Plaan。 Pppt着重重介绍产产品的主主要设计计细节，核核心技术术方向，产产品亮点点，有必必要还需需要包括括用户调调研的数数据分析析成果，外外部的可可靠来源源数据依依据等。 Prrotootyppe主要要展现产产品的外外观模样样，主要要展现的的是功能能性，交交互性，以以及视觉觉性。 Pllan主主要展现现，截至至目前阶阶段产品品研发的的过程到到了哪个个环节，一一共花费费了投资资人多少少钱，成成本是否否在可控控范围内内，后续续还要投投入多少少资源等等等。2、要有问问题应答答表。 PMM要准备备好spponssor可可能会问问道的一一些问题题，并做做好准确确、真实实的答复复准备，以以随时响响应spponssor的的提问。 如果果PM不不能cooverr所有的的方面，就就一定要要做好分分工，不不同的人人准备回回答不同同的问题题。3、要准备备现场的的一些记记录工作作。 安排排特定人人做现场场的录音音或记录录工作。会议中，一一般会形形成一些些重要结结论，比比如：目目前的工工作是否否正常，是是否可以以继续到到下一个个阶段；是否需需要做出出修改和和调整；是否要要停止下下来，等等待其他他条件满满足后再再继续。不管怎样，PPM要做做好各种种应对的的准备，随随时与各各方面做做好沟通通和传递递。l8交交互呈现现调研主要参与角角色是视视觉设计计师和交交互设计计师；标标准成果果物是交互呈现调研报告。在交互呈现现调研过过程，主主要是明明确用户户群体的的特性，包包括了解解其使用用习惯，特特殊偏好好，在用用产品操操作过程程的友好好或缺陷陷之处等等等。在调研过程程中，我我们常常常将会用用到一些些可重用用的资源源来作为调调研的辅辅助，比比如：1、 框架架体系；2、 设计计模式；3、 组件件；这些可以被被用来作作为调研研的资源源，为我我们快速速的理解解用户的的实际需需要有很很大的帮帮助。因因为在调调研过程程中，有有很多时时候用户户会告诉诉你，他他们看过过的某某某网站，某某某产品品的某些些表现形形式很好好，可以以借鉴。但但是，哪哪些表现现元素是是真正可可以被借借鉴的，哪哪些是不不适合被被借鉴的的，都没没有明确确下来，包包括如何何借鉴，如如何和用用户的实实际需求求结合起起来，都都只是一一些非常常空洞和和概念的的想法而而已。所以，我们们会用到到一些被被我们沉沉淀和积积累的资资源来作作为调研研过程中中的案例例标准来来展现和和承载探探讨。框架架体系框架体系指指产品依依据展现现业务的的不同而而设计的的有着内内在联系系的各种种页面展展现框架架集合。举举个例子子，一个个购物网网站有注注册框架架，支付付框架，购购物流程程框架，商品展现框架。同时，为了支撑购物的良好体验，一般还会有商品的论坛框架，评价框架，搜索框架，比较框架等等。那么，如果果是个着着重于信信息的管管理产品品呢，则则有信息息发布框框架，信信息聚合合展示框框架，信信息搜索索框架，栏栏目展现现框架，详详细信息息页框架架等等。如果我们能能过将这这些框架架示例按按照一定定的逻辑辑组织和和整理起起来，在在调研过过程中，依依据用户户的不同同需求，有有针对的的展现相相类似的的框架示示例，那那么就可可以方便便直观的的基于示示例进行行探讨，明明确用户户的意图图，形成成调研结结论。设计计模式设计模式是是一种常常见问题题的常用用解决方方案。比如，用户户忘记了了密码怎怎么办，那那么我们们可以提提供一个个密码找找回模式式，这个个模式是是通过输输入注册册的邮箱箱地址后后，我们们将用户户的密码码发到该该邮箱。相相应的，还还有登录录模式，各各种搜索索模式，分分页模式式，日期期输入模模式，图图片切换换模式，评评论模式式，留言言模式有很多企业业都建立立了自己己的模式式资源库库，也就就是将各各种设计计模式的的文档经经过整理理后，分分类保存存，在网网上或企企业内部部进行公公开。比如，雅虎虎的设计计模式库库：htttp:/m/yppattternns/。组件件组件是页面面最通用用的组成成元素，比比如，文文本，链链接，按按钮，复复选框，图图片等。一一般模式式可以在在不同产产品中通通用，然然而组件件却往往往只适用用于特定定的产品品，因为为，组件件是确定定了展现现形式的的成品，可可以直接接被使用用。组件资源库库和模式式资源库库一样，可可以采用用很多方方式来管管理和收收集，比比如wiiki的的方式。也也有很多多公共的的资源提提供网站站，比如如，htttp:/wwww.webbdessignn.orrg/，上面就就有很多多最新的的组件资资源l9视视觉风格格调研主要参与角角色是视视觉设计计师和交交互设计计师；标标准成果果物是视觉风格调研报告。视觉风格调调研工作作在交互互呈现调调研的基基础上，调调研产品品的实际际用户群群体的熟熟知的文文化理念念，以及及现有在在用产品品的生命命原色，产产品隐喻喻，所在在地方的的政治约约束，社社会元素素等众多多因素，为为后期设设计适合合本产品品的特有有视觉风风格提供供依据。调研过程中中要关注注的一些些要点包包括： 企业业CI 企业业内部的的视觉设设计规范范 现有有系统的的视觉设设计 企业业文化 用户户群体特特性 操作作使用环环境 操作作使用习习惯有时候，用用户会要要求你去去改变现现有产品品的视觉觉设计，那那么还需需要调研研清楚，他他们为什什么要改改变，原原来的视视觉有什什么不足足之处。l100视觉设设计主要参与角角色是视视觉设计计师；标标准成果果物是页面效果图，视觉设计规范初稿。在视觉调研研完成后后，VII进入设设计阶段段。在设设计之初初，PMM、UEE首先要要与VII确定工工作内容容和计划划。比如， 哪些些页面要要做效果果，这些些页面的的确定稿稿分别在在何时会会提供给给VI。 哪些些组件会会被使用用到，有有多少种种组件需需要做效效果，这这些组件件何时会会确定提提供给VVI。除了页面的的效果图图，还要要形成视视觉设计计规范的的初稿，在在这份规规范中，要要形成视视觉设计计的各种种标准。比比如， 页面面栅格系系统 视线线流 框架架布局的的大小 各个个元素的的大小，色色彩，对对齐 各种种留白 交互互deffaltt样式，鼠鼠标划过过样式，点点击样式式 文字字规范，字字体，大大小 图片片样式，大大小，格格式，显显示处理理等在这个阶段段VI的的成果只只能称为为视觉设设计规范范的初稿稿，这是是因为只只有在得得到spponssor评评审确认认后，设设计的标标准才能能最终确确定下来来，成为为后续工工作的基基线和准准则。l133裁图及及前端实实现主要参与角角色是前前端工程程师，FF.E；标准成成果物是是静态态页面，视视觉设计计规范。前端工程师师的最主主要工作作分为两两个部分分：1、 切图图。2、 编写写页面JJS和CCSS等等实现脚脚本。下面是一个个前端工工程师交交给PMM的成果果目录结结构：后续工作将将交给PPHPeer，Javvaerr完成前前后台的的渲染。到此，整个个产品设设计工作作将完成成阶段性性任务，后后续则是是产品开开发工程程师实现现代码，产产品测试试工程师师完成测测试和集集成，最最终发布布；产品品进入运运营阶段段。本文参考了了：WebAAnattomyy:Innterracttionn Deesiggn FFrammewoorkss thhat Worrk BByRRobeert Hoeekmaan,jjr. Jaaredd Sppooll