本文内容由【Frankyjayhahaha】原创,YOUGE 整理发表
“是先走流程,还是直接开花?“
这虽然是个段子,却跟本文要讲的内容息息相关。作为设计师,在互联网产品设计过程中,难免要画流程图 (Workflow),然而,也许你真的在走一个“流程”,并没有理解画 workflow 的意义。笔者在这里整理了一些画交互 workflow 的意义、原则与规范,与大家一起分享。
1. 什么是 workflow
首先我们需要知道 workflow 的定义是什么。“用图示的方式反映出特定主体为了满足特定需求而进行的有特定逻辑关系的一系列操作过程。”这是最普遍的回答,用简洁的话讲就是“用图示来表示某一系列操作过程”。
目前最常见的两种画流程的图分别是产品设计流程图与 UML 图。
产品设计流程图又分为三大类,分别是业务流程图、任务流程图与页面流程图。
业务流程图 (Business Flow) 一般涉及多个主体,用泳道图的形式表示多方为了完成某项任务而进行的协作,强调的是多主体与联系,一般产品经理用的较多,如:
任务流程图 (Task Flow),顾名思义,是指完成某个具体任务的操作流程,强调的是主干与分支的关系,整体与局部的关系,产品经理与交互设计师用的比较多,如:
页面流程图 (Page Flow) 则是由抽象的任务流程图转化成的具象的页面跳转的图,由页面、行动点与连接线等元素构成,在交互设计中也用得较多,如: