본문 바로가기
카테고리 없음

UI/UX디자인) 피그마 플로우 차트 작성법

by 나디00 2024. 2. 4.

플로우 차트란?

플로우 차트란 사용자에게 서비스의 동선을 알려주는 순서도로 사용의 단계들을 한눈에 파악할 수 있도록 시각적으로 구조화한 자료이다.

정해진 다이어그램 기호에 맞춰서 데이터의 입력, 출력 등을 표현하여 복잡한 프로세스를 이해하기 쉽게한다. 또한 플로우 차트를 통해 개발자나 팀원들이 구조를 빠르게 파악할 수 있으며, 프로젝트 과정에서 발생하는 문제를 미리 파악하고 점검할 수 있다.   

플로우 차트 표준 기호

 

플로우 차트 사용의 장점

1. 명확성과 이해 : 순서도로 사용자의 흐름을 시각적이고 명확하게 표현하여 UX디자인의 의도를 더 쉽게 이해할 수 있다.

2. 문제 식별 : 전체적인 흐름을 이해하면서 구조의 문제점을 식별할 수 있다.

3. 사용자 중심 디자인 : 서비스에서 사용자의 경험을 중점을 두기 때문에 사용자 중심 디자인을 할 수 있다.

4. 원활한 커뮤니케이션 : 디자이너, 개발자 등 팀원들과 공통 언어 자료가 되기 때문에 협업을 원활하게 할 수 있다.

5. 효율적인 계획 : 세부적인 UI 디자인을 하기 전에 사용자 흐름을 효율적으로 계획하고 반복할 수 있다.

 

플로우 차트 다이어그램

출처 : https://devdesigner.tistory.com/64

 

피그마에서 플로우 차트 만드는 방법

 

1.플러그인에서 'flow chart'검색후 run을 클릭하여 실행시켜 줍니다.

 

 

 

2. 도형을 클릭한 후 글씨를 작성하고 화살표를 선택하여 플로우를 작성합니다.

 

3. 결정 다이어그램에서  yes/no의 방향을 따라 출력값을 작성합니다.

 

4. 완성!!@