在产品规划项目进程中,需求确立后,就需要根据相关的讨论进行原型的交互设计了。本文讲的是本系列文章的第四阶段——原型设计。

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

  1. 需求探讨;
  2. 用户调研;
  3. 需求汇总、沟通、评审;
  4. 原型设计;
  5. 项目跟进;
  6. 测试上线;
  7. 后续迭代。

相关的背景:在产品规划项目进程中,需求确立后,就需要根据相关的讨论进行原型的交互设计了,PM通过自己擅长的原型工具进行输出为程序员能够理解的简单直观的UE图。

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

几种流程图、导图、原型及PRD的列举:

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

(1)Visio泳道型流程图:简单明了的理解相关的功能流程,每个步骤的上下衔接,判断所到达的目的点,言简意赅。

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

(2)思维导图展现形式:展示出全网站的各个栏目功能板块,让大家了解到整理框架结构流程,再通过具体的文档说明细化到每一个功能点。

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

(3)UI流传图形式:通过连线及文字说明的形式,展示每个按钮及功能所触发的事件。

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

(4)原型线性文字说明展示,并且做了一定的交互,可通过点击不同的按钮跳转至相关页面及弹窗,并且每个功能点会有相关的备注说明,可以代替PRD输出说明。(具体的细化点可以单个拎出来作为重点说明)

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

(5)PRD详细文档形式的说明:根据每个页面的各个功能点详细说明,并且附带相关的UI及UE图,再加上相关项目管理工具(石墨、Tapd、Teambition、禅道等项目管控工具)的使用来达到完整管控项目的节奏。

以下链接为刚刚入行做的简易原型:http://www.woshipm.com/rp/739909.html

项目存在的问题列举:

  1. 设计属于模块化,细节仍需改进,相关的流程逻辑需要完善;(设计原型及相关交互说明时总会缺失一些细节说明,我们只能尽量减少一些大的错误,小的问题还需要在实时跟进中去解决)
  2. 需求方反馈需更明确,原型的演示交互效果需完善。(如果有条件情况下,可让需求方根据输出的原型细节进行确定无误后再进行开发)

相关解决方案:

  1. 多学习总结,逐渐完善原型交互设计,向高保真迈进,并且细化流程,保证通顺及质量;
  2. 多接触一些好用的原型设计软件,根据不同需求进行相关选择,例如:Axure、sketch、墨刀、mockplus、xiaopiu等。
  3. 可在原型上写相关的文档信息,简化型的PRD,不同按钮功能在旁边标识具体描述or连接线标识or项目符号标识or着重加粗标识or书写备注标识。
  4. 可附带BRD、MRD、PRD文档(相关事例可参见下图简易目录)。

“采坑,填坑”,项目的那些事儿(第四阶段:原型设计)

总之有了好的文档输出仅仅是一个辅助作用,重点还在于与需求方及程序员的沟通及项目管控方面,我们可以根据不同的程序所接受的原型输出模式来进行输出!