基本概念 原型是设计方案的表达:它是产品功能与内容的示意图,既包含静态的页面样式(线框图),也包含动态的操作效果(交互说明)。原型按照精细程度,可分为低保真原型和高保真原型。
低保真原型:与最终产品不太相似的原型,它可以是纸面原型(草图),也可以是用软件绘制的线框图。
高保真原型:高保真原型在外观、操作上与最终产品基本一致。高保真模型相当于一个高级模型,更适合做展示用,并不等同于真实的产品。
标准的原型应该包含什么内容——
1) 简要的说明与信息结构:
变更日志:对于比较大型、周期较长的项目,往往是做一部分评审一部分,评审后定期更新,因此,在整个项目周期过程中,需要填写更新日志,方便项目成员查看每次更改的内容。
变更日志一般包含日期、变更内容、变更原因、备注等内容。
版本说明:针对不同的产品,如果是更新迭代比较快的产品,还可以添加版本说明,针对每次迭代更新的版本列出版本说明,能够让项目成员针对每次的更改一目了然。
信息结构:产品内容包含什么,它们是如何组织的,页面层级是如何分布,这些都可以在信息结构中体现。产品原型中的信息结构不同于需求文档,产品需求信息结构更多体现产品的逻辑结构。
2)任务流程与页面流程
任务流程:是指用户使用产品时,,它每一步的操作会遇到什么结果,系统如何反馈等。
页面流程:比任务流程更清新,具体。通过页面流程图,不仅可以看到具体的页面,还可以看到用户如何操作,从一个页面跳转到另一个页面的完整的过程。
3)线框图&交互说明
交互说明包含的类型:
1)限制:包含的范围、极限值等。
范围值主要指数据的取值范围,比如下拉菜单、筛选按钮、滑块等,必须标注选择范围。
极限值主要是数据的显示比例,比如最多应显示多少数字,超时如何显示等。
2)状态:包含默认状态、常见状态、特殊状态等
默认状态主要指默认显示的文字、数据、选项等。如输入框默认提示文字
常见状态主要指针对某一个模块,经常遇到的状态。如签到模块登录已签到、未登录签到等。
特殊状态一般指非正常情况的样式、文案、说明等。如加载失败显示
3)操作:包含常见操作、特殊操作、误操作、手势操作等。
常见操作主要指正常操作时得到的反馈状态。如翻页控件,聚焦、鼠标悬停、点击后的不用状态。
特殊操作主要指一些极端情况下的操作。如用户在极端情况下的操作,勾选列表时超过默认选项等。、
误操作主要指用户操作错误时的情况。
手势操作主要指用户使用移动产品时的操作方法。常见的有点击、双击、长按、捏、伸、滑动,等待。
4)反馈:用户操作后得到的反馈动作,包含提示、跳转、动画等。
提示主要指操作后,系统反馈给用户的文字说明。
跳转主要指点击某个链接后,页面跳转到哪里。手机应用,有时需要表面页面跳转时的转场方式。同时需要注明界面的不同位置以不同的手势操作时,会跳转到哪里。
动画主要指用户操作后,系统通过动画的方式反馈给用户。
交互说明注意事项:
1)尽量使用真实、符合逻辑的数据内容
2)不遗漏特殊状态的描述
3)避免过长的说明
4)避免流水账式的说明(流程图代表文字说明、用表格罗列各种状态、组织文字说明、制作一定的动态效果)
5)原型有更改,需要及时更新交互说明
写交互说明时除静态页面外,还需要考虑各种动态情况;除正常情况外,还需要考虑特殊和错误的情况。