“采坑,填坑”,产品原型设计(细说交互原型)

qinzhiqiang 07-15 17:19 671次浏览

“采坑,填坑”,产品原型设计(细说交互原型)

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文档(相关事例可参见下图简易目录)。
“采坑,填坑”,产品原型设计(细说第四阶段,交互原型)

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