“采坑，填坑”，产品原型设计细说交互原型

“采坑，填坑”，产品原型设计（细说交互原型）

A、相关的背景：

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

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

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

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

• 进入APP首页后，如需“登录”操作，可点击“我的”进入登录相关页
• 进入“登录页”后，可选择“手机号，验证码”进行登录（手机登录成功后直接回到首页）也可选择“QQ”“微信”“微博账号”进行登录
• 选择某一“三方登录”后，会进入相关的授权页面进行账号“授权登录”,例如：QQ登录会调取相关的QQ登录，选择要登陆的“QQ账号”进行登录
• 若该三方账号之前没有绑定过“手机号”，需要绑定手机号操作（输入要绑定的手机号及验证码进行绑定）
• “绑定成功”后默认回到“首页”，此时点击“我的”会展示相关用户数据信息

（3）UI流传图形式：通过连线及文字说明的形式，展示每个按钮及功能所触发的事件。

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

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

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

完整PRD形式也可以用word文档，Axure等软件进行展示；例如图例：

PRD简易目录

Axure版PRD

C、项目存在的问题列举：

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

D、相关解决方案：

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

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

">