产品交互文档
2017-01-09 13:51:14 0 举报
AI智能生成
产品交互文档是一份详细的设计指南,用于描述产品的功能、操作流程和界面布局。它包含了用户在使用产品时可能遇到的各种情况和对应的解决方案,以及产品团队在设计和开发过程中需要遵循的原则和规范。通过阅读产品交互文档,开发人员可以更好地理解产品需求,设计师可以更准确地实现设计意图,测试人员可以更全面地进行测试,最终提高产品的质量和用户体验。同时,产品交互文档也是团队成员之间沟通的重要工具,有助于确保项目的顺利进行。
作者其他创作
大纲/内容
流程图
流程图的6大要素
参与者
谁在这个流程中?可以是系统,可以是个打印机,更多的指什么角色——一般是有某种工种的人。比如客服同时有小A和小B两人,但是若他们的工作性质完全一样,那么在流程图里只需要写一个客服角色就可以了。
活动
做了什么事,比如点餐,结帐等活动
次序
这些事情发生的前后顺序如何,哪个任务是其他任务的前置条件?比如客人不结帐,就不会产生送他优惠卡的活动。
输入
每项活动开始取决于什么样的输入物或数据,比如做饭的师傅开始做菜时,需要拿到具体的点菜单
输出
每项活动结束后,会输入什么样的文档或数据传递给下一方,比如师傅做好菜后,如何让负责传菜的人知道菜已经做好?
标准化
功能流程图(功能逻辑图)
学习参考:http://www.woshipm.com/pmd/663549.html
学习参考:http://www.woshipm.com/rp/398610.html
http://51prd.com/demo.html
why
撰写目的
向团队成员传达准确传达信息
便于项目存档
给谁看
领导看——便于决策
UI设计师
UE
开发
前端
测试
产品
撰写原则
逻辑清楚——金字塔原理
描述准确
what&how
what
文档封面
项目名称、版本号、时间、产品经理、内容
设计背景
产品定位
目标用户
竞争策略
差异化
控制成本型
具体设计内容
设计目标-让读者了解此次设计的基本情况
子主题
流程图
业务流程图
用途:业务各方分别是如何协作运行的
样式:泳道图每个泳道是业务的一方
学习参考:http://www.woshipm.com/pmd/577578.html
任务流程图
用途:用户完成某一特定任务的操作流程,比如微信聊天,京东购物,滴滴是打车,一般产品只有一个主干任务,其他都是分支任务,每一个任务用一个流程图表示
原则:1、只展现用户的操作,不展现后台的判断;2、只展现正常流程,不展现异常流程;
页面流程图
用途:让人了解页面之间在正常流程下的页面跳转关系,一般只要把主要功能点连接展示出来
主要包括:页面、行动点、连接
原型图
信息架构
每个页面的内容和排布
页面之间如何跳转
需求描述文档
撰写要点
功能点
使用描述
触发条件
结果描述
其他注意事项
多情况需分情况描述,穷尽各种异常情况
how
撰写之前需要弄清楚3个问题
了解项目背景
为什么要做
用户有什么需求没有得到满足
现在产品存在哪些问题需要改进
用户为什么要使用这个产品
给谁做
目标用户是谁:基本特征和行为特征
做什么
产品涉及到功能有哪些
产品涉及到其他人员有哪些
能为用户带来哪些价值
怎么做
用户如何使用该功能——功能使用场景
功能怎么实现
排期
理清楚2个基本逻辑
产品商业逻辑:
做现金流还是流量
产品中各业方如何协作:业务流程图
确定业务目标和设计目标
业务目标:用什么策略给目标用户带来什么价值,以实现什么变现方式
设计目标:用什么设计策略给目标用户带来什么价值,助力实现什么变现方式
交互规范说明
单位:单位需要统一
金额
时间格式
文案说明
操作交互说明
库存没有提示
用户协议
网络异常处理
断网情况说明
整页提示
品牌形象的插画
呀!网络出现故障
刷新按钮
小贴士
预设图和占位符的提示
toast/dialog提示
临时框
警告视图
需要授权、调用接口、升级提示、删除提示必须要用户做出选择
组成部分:标题、正文、按钮
模态列表
手机发送短信的页面、用户须知页面,不是通过返回的二级页面,而是可以通过关闭回到主任务的页面
定义:区别二级页面,主任务暂停,处理完临时框,回到主任务
toast
背景色块、提示语
一般显示1-1.5秒,告知用户已经获取到信息
操作列表
分享、发布、阅读音乐工具包
组成部分:按钮包
0 条评论
下一页