본문 바로가기
IT 관련/주제별 사이트 모음

즐겨찾기 / 플로우 차트 기호, 플로우 차트 만들 수 있는 사이트 모음

by 손가는대로 2024. 5. 16.
반응형

1. 플로우 차트란?

플로우차트란 사용자가 문제(Problem)에서 해결책(Solution)으로 도달하기까지의 과정(Process)을

한눈에 파악할 수 있도록 도와주는 시각적인 자료입니다.

 

2. 플로우 차트가 필요한 이유

- 모든 이해관계자들이 전체 구조를 파악하는 시간 단축

- 프로세스 상에 발생할 수 있는 문제(오류,누락)를 미리 파악

- UX 점검 사용자 측면에서 단계를 줄이거나 조절 여부 확인

 

2. 플로우 차트 표준 기호

자주 사용되는 플로우 차트 표준 기호 입니다.

기호 이름 설명
시작/끝
(Start / End) 
Flow Chart의 시작과 끝을 표시
처리 프로세스
(Process) 
모든 처리 과정을 표시. 기호 내에 처리 내용을 입력함
화면 구분하는 용도로도 사용
판단 / 결정
(Decision)
조건에 따라 분기되는 Case를 표시
DB 데이터
(Database)
서버 DB에 쌓이는 유저 개인 데이터들을 표시
입출력/데이터
(Input/Data)
모든 종류의 입력과 출력을 표시
출력/문서
(Document)
액션이후 표시되는 문구를 나타낼 때 많이 사용
화살표
(Flow Arrow)
기호간의 연결관계를 나타냄

 

 

3. 플로우 차트 만드는 사이트 모음

smartdraw

 

SmartDraw is a Unified Visual App | Diagramming, Whiteboarding, and Data Visualization

Unleash your team's productivity by combining enterprise-class diagramming, whiteboarding, and data while saving 10x over Visio and Lucidchart!

www.smartdraw.com

draw.io 

 

Flowchart Maker & Online Diagram Software

Flowchart Maker and Online Diagram Software draw.io is free online diagram software. You can use it as a flowchart maker, network diagram software, to create UML online, as an ER diagram tool, to design database schema, to build BPMN online, as a circuit d

app.diagrams.net

whimsical

 

 

Whimsical - The iterative workspace for product teams

Align on your next build faster with Whimsical docs, flowcharts, wireframes, & mind maps. Generate AI diagrams and access templates from product leaders.

whimsical.com

figma

 

 

Figma: The Collaborative Interface Design Tool

Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.

www.figma.com

 

반응형