一份标准的交互原型应该包含什么内容【二】

二.任务流程与页面流程

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

                                                                      交互流程图示例.png


2.页面流程图:比任务流程图更清晰、具体。通过页面流程图,不仅可以看到具体的页面,还可以看到用户如何通过操作,从一个页面跳转到另一个页面的完整过程。任务流程图是页面流程图的基础和依据。

                                                                     页面流程图示例.png

三.线框图&交互说明

原型既包含静态的页面样式,也包含动态的操作效果。线框图代表静态的部分,而交互说明则代表动态的部分。交互说明是原型中不可缺少的内容。逻辑严密、内容详细的交互说明会让原形看起来更专业。例如,文字过多怎么显示?操作瞬间会出现什么提示?点击了页面上某部分内容,会出现什么反馈?跳转到哪个页面?……这些都需要设计,并且需要详细的说明。

                                                                   交互说明示例.png

有的设计师喜欢用动态效果来代替交互说明,其实这种方式是不太可取的,以来,做动态效果比较浪费时间;二来,浏览原型的人需要逐一操作才能看见效果,一旦有某个地方没有操作到,就可能会遗漏。文字说明可以让团队成员清晰、快速地看到全部的动态说明,更一目了然。但有些动态效果用文字或静态图片不直观,因此建议采用交互说明与动态效果相配合的方式。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,094评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,622评论 4 61
  • 刘发强14020199044 嵌牛导读 随着微电子技术和RISC的迅猛发展,嵌入式处理器性能的迅速提高且功耗、体积...
    弱弱的壮汉阅读 1,616评论 0 0
  • 很多人宣称是读书爱好者,买了很多书,书架上摆得满满当当的。 很多书连拆开包装都没有,只是摆在书架上,听到别人推荐什...
    许CC阅读 1,670评论 4 3
  • 不安躁动的灵魂 不甘堕落的野心 不与诉说的思绪 不为人知的冰沁 浮想着消失不见 在哪里 近乎疯狂的寻找 找不到 歇...
    八月落棋阅读 1,396评论 0 1

友情链接更多精彩内容