程序流程图绘制过程中注意点,绘制程序流程图步骤

首页 > 体育 > 作者:YD1662024-02-08 06:51:41

流程图应用于许多领域,在互联网产品设计中,无论是产品经理、交互设计师,或者开发人员,都经常接触到各种类型的流程图。流程图不应该考验阅读者的理解能力,因此如何绘制清晰简洁的流程图,值得深入思考。本文将结合案例,说明互联网产品设计中,交互设计师绘制相关流程图需要注意的事项。

程序流程图绘制过程中注意点,绘制程序流程图步骤(1)

一、流程图的定义、优势及作用、基本构成元素

1. 什么是流程图?

ISO(国际标准化组织)对于流程图的定义,读起来有些晦涩难懂。通俗而言:流程图是通过使用箭头和不同形状的框,将流程中的关键操作路径呈现出来。

2. 流程图的优势及作用

流程图是对流程路径的一种可视化表达,易于理解,便于准确判断步骤之间的逻辑关系。规范的绘制思路和方法,可减少上下游不必要的沟通。

流程图对于记录复杂的操作任务流程很有帮助,在交互稿或交互文档中呈现流程图,有以下作用:

  1. 帮助交互设计师理清需求的关键任务路径。
  2. 便于产品上下游人员快速了解核心操作流。
  3. 有助于交互设计师对照复查页面流,避免缺漏或错误页面。

3. 流程图的基本构成元素

程序流程图绘制过程中注意点,绘制程序流程图步骤(2)

二、互联网产品设计中的流程图,大致可以分为三种类型

程序流程图绘制过程中注意点,绘制程序流程图步骤(3)

1. 业务流程图

表达产品业务逻辑的流转路径,不涉及具体操作与执行细节。通常使用“泳道图”来呈现多角色的配合,一般产品经理使用的较多。

2. 任务流程图

表达产品功能逻辑的流转路径,指完成某个具体任务的操作流程。这个相比业务流程图,已经落实到界面设计的流程中了。通常产品经理和交互设计师使用的较多。

3. 页面流程图

表达页面元素及页面之间的逻辑跳转关系。流程中流经的每个矩形框均对应一个页面,通常交互设计师使用的较多。

我把页面流程图细分为两种:

(1)流程图路径的每个矩形框均对应一个页面

下图1以Keep首页寻找训练课程的流程举例说明:

程序流程图绘制过程中注意点,绘制程序流程图步骤(4)

首页 1234下一页

栏目热文

文档排行

本站推荐

Copyright © 2018 - 2021 www.yd166.com., All Rights Reserved.