流程图FC(Flow Chart)

一业务流程图TFD(Transaction Flow Diagram)

业务流程图注重的是整个产品的业务逻辑,从整体战略出发,结合各个岗位或参与者在较大层面上定义。常常用泳道图表示。

二操作流程图

操作流程图是现在用户的角度上一步一步实现任务目标,是每一次输入输出的体现,如一次点击,一次输入文字,注重操作细节逻辑。

三页面流程图(Page Flow Diagram)

页面流程图是交互设计师的主演输出,一个矩形代表一个页面,矩形之间存在操作,如点击发送按钮。矩形内可以标明该页面的主要功能。

页面流程图简要:

页面=操作+内容,操作是需要用户触发的,包含链接、按钮、表单等等。用户通过这些操作,看到同一个页面上不同的内容,或者跳转到其他的页面。

页面流程图目标:表现用户的不同的操作指令下不同页面流转关系。

页面流程图元素:页面、操作或状态、链接线

页面也有分类:请注意有些操作可能不会带你去一个实际的页面,而是有可能发个短信、发个邮件等,这些也需要被表现出来。

文/李思考(简书作者)

原文链接:http://www.jianshu.com/p/3ccb332c6531

只体现系统判断,用户本身的判断不需要体现出来


页面流程图中的每个页面都不必追求精细——你的目标是规划行为路径,而不是单页面交互设计,所以完全无需考虑页面内容、布局。所以你会更加聚焦于用户目标和任务的完成。不必过早陷入细节。


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

相关阅读更多精彩内容

  • 本文会包含几块内容 · 什么是流程图?流程图和其他图表(如线框图,概念图,架构图,用例图)有什么不同?· 为什么需...
    戰敭阅读 14,695评论 15 221
  • UML建模(二)--流程图 本文会包含几块内容: 什么是流程图?流程图和其他图表(如线框图,概念图,架构图,用例图...
    liumw1203阅读 39,336评论 2 50
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,148评论 25 709
  • 火车到了临汾站后上来一些长相酷似高中生的大学生,一个小姑娘坐在了我边上的空座位后,不时的扭头看,就在我疑惑她到底在...
    人格分裂患者阅读 2,880评论 0 1
  • 无独有偶,在黄山老街,也有这么一群人在做这样的事情。 程队长是一个年轻的小伙子,瘦瘦的,很精神,带领老街政府专职消...
    Marktoo阅读 1,450评论 0 0

友情链接更多精彩内容