플로우 차트 의미와 종류

플로우 차트란?

"흐름도", "순서도"로 불리는 플로우 차트(Flow Chart), 플로우 차트란 무엇이며 언제 사용하는 걸까요?
플로우 차트란? 업무를 처리하는 과정을 기호나 도형으로 표현한 것입니다. 알고리즘을 표현하기 위한 가장 기본적인 표현형식입니다.
국제표준기구(ISO : International Standars Organization)에서는 순서도에 사용되는 기호를 통일했습니다.
통일된, 약속된 기호나 도형을 연결하여 순서대로 표현하며 기획이나 설계 단계에서 업무 단계의 흐름을 표현하거나 서버의 구조 또는 사용자의 여정을 표현하는 등 다양하게 활용되고 있습니다.

플로우 차트를 사용하는 이유는?

플로우 차트를 사용하는 이유는 세부 기획을 들어가기 전 빠르고 명확하게 프로세스를 확인할 수 있습니다.
또 복잡한 구조를 그림으로 표현하기 때문에 다른 사람이 보더라도 쉽게 이해할 수 있습니다.
그리고 놓칠 수 있는 여러 케이스를 누락 없이 챙길 수 있습니다.

각 기호별 의미

플로우 차트는 약속된 기호를 사용합니다. 각 기호별로 뜻하는 의미가 있으며 범용적으로 사용되고 있어 기호를 지켜주는 것이 좋습니다.
각 기호의 의미를 살펴보겠습니다.

그 외에도 약속된 많은 기호가 있지만 위 도식을 가장 많이 사용합니다. 위 그림을 살펴보시면
둥근 사각형은 각 프로세스의 시작과 끝을 표현합니다. 처음 프로세스를 시작할 때나 끝날 때를 표시하는 기호입니다.
직각 사각형은 일련의 동작이나 처리를 표시하는 기호입니다.
평행사변형은 데이터의 입/출력을 표시할 때 사용됩니다.
물결 모양의 도형은 서류나 문서의 인쇄 및 출력을 표현할 때 사용됩니다.
마름모는 유저나 시스템의 조건에 따른 판단 및 분기점을 나타낼 때 표현합니다.
원은 기존의 흐름에 결합되었을 때 사용합니다. 표시에 따라 다른 흐름으로 나뉘어질때 표시되기도 합니다.
화살표는 흐름의 방향을 표시하며 위에서 아래로 혹은 좌측에서 우측으로 순서를 표현하는 것이 가장 좋습니다.

입출력? 분기점? 단어들이 어렵죠? 아래 예시를 통해 계속 보여드리겠습니다. 예시를 보시면 조금 더 이해하기 쉽습니다.
그전에 플로우 차트의 종류에 대해 먼저 설명을 드린 후 예시와 함께 보여드리겠습니다. 플로우 차트는 여러 가지 종류가 있습니다.

 

 

반응형

 

플로우 차트 종류?

플로우 차트에는 여러 가지가 있지만 대표적으론 유저 플로우 차트 / 태스크 플로우 차트 / 시스템 플로우 차트 / IA가 있습니다.
각 종류별로 예시를 들어보겠습니다.
아래는 플로우 차트 이해를 돕기 위한 예시입니다.(회원가입 / 로그인 부분을 예시로 들었습니다.)

유저 플로우 차트
유저 플로우 차트란 유저 행동 흐름을 도식화하여 표현한 것입니다. 단일 유저의 행동 여정을 표현하기도 하지만 서로 다른 유저가 서로 다른 태스크를 수행할 때도 표현이 가능합니다.

서로 다른 유저별 플로우 차트

태스크 플로우 차트
주요 태스크의 프로세스를 표현합니다. 복잡한 플로우를 설계하기 전 단일 플로우 차트로 뼈대를 설계합니다.

태스크 플로우

시스템 플로우 차트
흐름에 따라 데이터를 어떻게 처리하는지 확인할 수 있는 플로우 차트입니다.

자료의 입출력 흐름에 중점을 맞춰 설명합니다.

메뉴구조도
정보나 시스템의 복잡한 구조를 한눈에 볼 수 있도록 도식화한 그림이라고 보시면 됩니다.

그 외에도 다양한 플로우 차트가 있으며 목적에 따라 사용하시면 됩니다.

---

아래는 참고 자료입니다.
https://medium.com/erika-harano/ux-task-flows-versus-user-flows-as-demonstrated-by-pancakes-896e78a98026

UX task flows versus user flows, as demonstrated by pancakes

https://ko.wikipedia.org/wiki/%EC%88%9C%EC%84%9C%EB%8F%84

순서도 - 위키백과, 우리 모두의 백과사전

http://www.haangul.com/bbs/board.php?bo_table=flow_chart&wr_id=2

한글닷컴 > 플로우차트 배우기 > 플로우차트(Flow Chart) 작성법 배우기 1 - 단말, 처리, 비교/판단 기