美文网首页
《破茧成蝶》交互原型设计基本内容

《破茧成蝶》交互原型设计基本内容

作者: 黑子Y | 来源:发表于2019-05-02 16:12 被阅读0次

基本概念 原型是设计方案的表达:它是产品功能与内容的示意图,既包含静态的页面样式(线框图),也包含动态的操作效果(交互说明)。原型按照精细程度,可分为低保真原型和高保真原型。

低保真原型:与最终产品不太相似的原型,它可以是纸面原型(草图),也可以是用软件绘制的线框图。

高保真原型:高保真原型在外观、操作上与最终产品基本一致。高保真模型相当于一个高级模型,更适合做展示用,并不等同于真实的产品。


标准的原型应该包含什么内容——

1) 简要的说明与信息结构:

变更日志:对于比较大型、周期较长的项目,往往是做一部分评审一部分,评审后定期更新,因此,在整个项目周期过程中,需要填写更新日志,方便项目成员查看每次更改的内容

变更日志一般包含日期、变更内容、变更原因、备注等内容。

版本说明:针对不同的产品,如果是更新迭代比较快的产品,还可以添加版本说明,针对每次迭代更新的版本列出版本说明,能够让项目成员针对每次的更改一目了然。

信息结构:产品内容包含什么,它们是如何组织的,页面层级是如何分布,这些都可以在信息结构中体现。产品原型中的信息结构不同于需求文档,产品需求信息结构更多体现产品的逻辑结构。

2)任务流程与页面流程

任务流程:是指用户使用产品时,,它每一步的操作会遇到什么结果,系统如何反馈等。

页面流程:比任务流程更清新,具体。通过页面流程图,不仅可以看到具体的页面,还可以看到用户如何操作,从一个页面跳转到另一个页面的完整的过程。

3)线框图&交互说明

交互说明包含的类型:

1)限制:包含的范围、极限值等。

范围值主要指数据的取值范围,比如下拉菜单、筛选按钮、滑块等,必须标注选择范围。

极限值主要是数据的显示比例,比如最多应显示多少数字,超时如何显示等。


2)状态:包含默认状态、常见状态、特殊状态等

默认状态主要指默认显示的文字、数据、选项等。如输入框默认提示文字

常见状态主要指针对某一个模块,经常遇到的状态。如签到模块登录已签到、未登录签到等。

特殊状态一般指非正常情况的样式、文案、说明等。如加载失败显示


3)操作:包含常见操作、特殊操作、误操作、手势操作等。

常见操作主要指正常操作时得到的反馈状态。如翻页控件,聚焦、鼠标悬停、点击后的不用状态。

特殊操作主要指一些极端情况下的操作。如用户在极端情况下的操作,勾选列表时超过默认选项等。、

误操作主要指用户操作错误时的情况。

手势操作主要指用户使用移动产品时的操作方法。常见的有点击、双击、长按、捏、伸、滑动,等待。


4)反馈:用户操作后得到的反馈动作,包含提示、跳转、动画等。

提示主要指操作后,系统反馈给用户的文字说明。

跳转主要指点击某个链接后,页面跳转到哪里。手机应用,有时需要表面页面跳转时的转场方式。同时需要注明界面的不同位置以不同的手势操作时,会跳转到哪里。

动画主要指用户操作后,系统通过动画的方式反馈给用户。


交互说明注意事项:

1)尽量使用真实、符合逻辑的数据内容

2)不遗漏特殊状态的描述

3)避免过长的说明

4)避免流水账式的说明(流程图代表文字说明、用表格罗列各种状态、组织文字说明、制作一定的动态效果)

5)原型有更改,需要及时更新交互说明

写交互说明时除静态页面外,还需要考虑各种动态情况;除正常情况外,还需要考虑特殊和错误的情况。

相关文章

网友评论

      本文标题:《破茧成蝶》交互原型设计基本内容

      本文链接:https://www.haomeiwen.com/subject/yevnnqtx.html