ChatDiagram
도구/사용자 흐름도 제작기

사용자 흐름도 제작기

웹사이트나 앱에서 사용자가 거치는 경로를 정리하세요. 화면, 작업, 결정과 결과를 설명하면 사용자 흐름도로 만들어 드립니다.

플로차트Enter 키로 전송

무료 계정, 카드 등록 불필요 · SVG, PNG 또는 PDF로 내보내기

작동 방식 살펴보기

사용자 흐름도 예시

하나의 도구로 네 가지 요청을 처리했습니다. 아래 다이어그램은 모두 실제 생성 결과입니다.

입력할 내용
모바일 뱅킹 비밀번호 재설정 사용자 여정을 위에서 아래로 표현해 주세요. 앱 열기, 비밀번호를 잊으셨나요 선택, 고객 ID 입력, 일회용 비밀번호 수신 순서로 진행합니다. 일회용 비밀번호가 유효하지 않으면 은행 고객 지원 및 계정 복구 검토로 연결합니다. 유효하면 새 비밀번호를 만들고, Face ID 또는 지문 등록은 선택 사항으로 제공한 뒤 로그인합니다. 보안 알림을 보내고 계정 접근을 복구합니다.
다음으로 시도해 보세요일회용 비밀번호를 보내기 전에 기기 인식 확인을 추가해 주세요.일회용 비밀번호를 세 번 잘못 입력하면 계정을 잠그도록 실패 경로를 변경해 주세요.
플로차트: 모바일 뱅킹 비밀번호 재설정
플로차트 · Sugiyama layered DAG + orthogonal routing · schematex-flowchart
완성된 다이어그램

사용자 흐름도란?

사용자 흐름도는 제품에서 사용자가 목표에 도달하기까지 거치는 경로를 보여 줍니다. 화면이나 작업을 선택지, 오류, 반복 경로 및 완료 결과와 연결합니다.

디자인 및 제품 팀은 사용자 흐름도를 활용해 제품을 개발하기 전에 각 경로가 이해하기 쉬운지 확인합니다. 이 다이어그램을 통해 막다른 경로, 누락된 상태, 예상치 못한 분기점을 쉽게 논의할 수 있습니다.

Standard
Sugiyama layered DAG + orthogonal routing
Engine
schematex-flowchart
Editable
Double-click text, drag nodes
Export
SVG · PNG · PDF
플로차트: 사용자 흐름도란?
누가 사용하나요

사용자 흐름도를 활용하는 사람

플로차트: 제품 디자이너제품 디자이너

와이어프레임이나 프로토타입을 확정하기 전에 탐색 경로와 화면 상태를 확인합니다.

플로차트: UX 연구원UX 연구원

사용성 테스트를 계획하고 참가자가 막힐 수 있는 지점을 기록할 때 작업 경로를 활용합니다.

플로차트: 프로덕트 매니저프로덕트 매니저

기능을 정의할 때 결제 선택지, 오류 및 결과를 한눈에 파악할 수 있도록 공유합니다.

작동 방식

세 단계로 사용자 흐름도 만드는 법

01

설명하기

한 문단이면 시작할 수 있습니다.

“모바일 뱅킹 비밀번호 재설정 사용자 여정을 위에서 아래로 표현해 주세요. 앱 열기, 비밀번호를 잊으셨나요 선택, 고객 ID 입력, 일회용 비밀번호 수신 순서로 진행합니다. 일회용 비밀번호가 유효하지 않으면 은행 고객 지원 및 계정 복구 검토로 연결합니다. 유효하면 새 비밀번호를 만들고, Face ID 또는 지문 등록은 선택 사항으로 제공한 뒤 로그인합니다. 보안 알림을 보내고 계정 접근을 복구합니다.”
02

다이어그램 확인하기

알맞은 엔진으로 그립니다.

플로차트: 모바일 뱅킹 비밀번호 재설정
03

수정 요청하기

수정할 때마다 버전이 저장됩니다.

일회용 비밀번호를 보내기 전에 기기 인식 확인을 추가해 주세요.
V2 · DRAWN FROM V1, NOTHING RETYPED
자주 묻는 질문

자주 묻는 질문

사용자 흐름도란 무엇인가요?

사용자가 웹사이트나 앱에서 작업을 완료하기까지 따르는 단계와 결정 과정을 나타낸 다이어그램입니다. 화면, 작업, 오류 및 최종 상태를 포함할 수 있습니다.

사용자 흐름도에는 무엇을 포함해야 하나요?

시작 지점, 중요한 화면이나 작업, 결정 지점, 대체 경로, 오류, 사용자가 도달하려는 결과를 포함하세요.

사용자 흐름도와 사용자 여정 지도의 차이는 무엇인가요?

사용자 흐름도는 제품 내 탐색과 결정에 초점을 둡니다. 사용자 여정 지도는 범위가 더 넓으며 제품 외부의 목표, 감정, 접점도 다루는 경우가 많습니다.

사용자 흐름도는 언제 만들어야 하나요?

새로운 작업을 설계하거나 복잡한 경로를 변경할 때, 사용성 조사를 준비할 때 또는 개발팀 및 이해관계자에게 탐색 구조를 설명할 때 만드세요.

관련 도구

같은 작업에 유용한 다른 다이어그램

지금 첫 사용자 흐름도를 만들어 보세요.

사용자의 목표, 작업, 결정 및 결과를 설명해 주세요.

편집기 열기