标准的原型应该包含
简要说明与信息结构
1.变更日志
2.版本说明
以版本号为单位,适合快速迭代,周期固定的项目。
3.信息结构
需求文档的信息结构体现产品逻辑,原型稿中的信息结构是综合考虑产品逻辑结构和用户习惯得到的结果。
任务流程与界面流程
任务流程:偏向业务限制、后台逻辑
页面流程:更清晰,具体,可以看到具体的页面,看到用户如何通过操作,从一个界面跳转到另一个界面。
线框图&交互说明
线框图代表静态部分,交互说明代表动态部分。
秘诀:静态+动态 正常+特殊
交互说明主要包含以下几种类型
1.限制:范围值、极限值
范围值:数据的取值范围。例如:下拉菜单、筛选按钮、滑块。
极限值:数据的显示限制。包含最多应显示多少字数、超过时如何显示、是否折行。
2.状态:默认状态、常见状态、特殊状态
默认状态:默认显示的文字、数据、状态
常见状态:针对某一模块一般会出现的几种状态
特殊状态:非正常情况下样式、文案、说明
3.操作:
常见操作:普通、聚焦、悬停、点击后
特殊操作:尝试简化各种逻辑判断
误操作:尽量避免/系统帮助用户改正
手势操作:tap\flick\drag\pinch open\pinch close\touch and hold\double tap\swipe\shake
4.反馈&提示:toast\弹窗
5.跳转方式
6.动画
交互说明要点
1.尽量使用真实、符合逻辑的数据
2.状态描述-排序方式/极限显示情况/字数限制
3.用表格罗列各种状态/用流程图代替文字说明
4.if else case 来组织文字说明
5.重复出现的模块单独拎出来