《破茧成蝶》读书笔记⑥:标准的原型长啥样
十、什么是原型
原型是设计方案的表达:包含静态的页面样式(线框图)、也包含动态的操作效果(交互说明)
为什么要学习原型制作:原型是项目开发的标准和依据,会影响各方工作效率
低保真原型&高保真原型:前者可以是纸面原型(草图)或者是软件绘制的线框图;后者相当于高级模型、主要用于展示
十一、标准的原型包含的内容
11.1简要说明与信息结构
变更日志:每次更改的内容,以天为单位,包括变更内容、变更原因、备注
版本说明:以版本号为单位,适合快速迭代且迭代周期比较固定的项目
信息结构:产品内容、组织架构、页面层级……综合考虑产品逻辑结构和用户习惯得到的结果
11.2任务流程与页面流程
任务流程:用户使用产品时,每一步操作会遇到什么结果、系统会如何反馈
页面流程:从一个页面跳转到另一个页面的完整过程
11.3交互说明
交互说明是在静态页面上(线框图)表达出来,文字过多如何显示、操作瞬间会出现什么提示、点击页面某部分内容有什么反馈……
交互说明类型①限制:包含范围值、极限值等
交互说明类型②范围值:指数据的取值范围(ex. 界面上出现了下拉菜单、筛选按钮、滑块等控件,必须标注清楚它们的选择范围)
交互说明类型③极限值:数据的显示极限(ex. 最多显示字数、超过时如何显示、是否折行…)
交互说明类型④状态:包含默认状态(默认显示的文字、数据、选项等)、常见状态(模块自身常用状态)、特殊状态(非正常情况下的样式、文案、说明等)
交互说明类型⑤操作:包含常见操作(正常操作时得到的反馈状态)、特色操作(极端情况下的操作)、误操作(尽量避免用户犯错的机会)、手势操作(点击、双击、长按、捏、伸…)、反馈(用户操作后得到的反馈动作,比如操作后的文字提示、点击链接后的页面跳转、用户操作后的反馈动画)
以上内容为《破茧成蝶》(作者:刘津、李月)的第7章读书笔记及摘要,本人加入一定量自己的理解;因水平有限,欢迎大家交流指正,谢谢~