디자이너, 개발자들이 모여서 하나의 프로젝트를 시작했습니다.
진행하다 보니 디자인이 나와도 이 화면에서 다음 화면이 무엇인지, 어떻게 이 애플리케이션을 사용하는 건지 얘기할 때마다 내용이 조금씩 달라지고 기억도 나지 않았습니다.

이에 일차적으로 화면이 어떤 흐름으로 흘러가는지 정리가 필요할 것 같아 검색을 해보았더니 화면 흐름도가 있었습니다.

화면흐름도란?

영어로는 flow chart라고 많이 나와 있었습니다. 화면과 기능 단위로 유저의 사용 흐름을 도식화한 문서입니다. 유저가 어떻게 이 애플리케이션을 사용하는지를 알 수 있고, 개발자가 DB설계 및 프로그램 로직 설계할 때 기획자와의 소통의 도구로 사용됩니다. 비 개발자와 소통하기에도 좋습니다. 이미지화 되기 때문입니다.

화면흐름도 다이어그램 표

도형	의미	화면흐름도
네모	처리, 명령	페이지
평행사변형	입력	프로세스
마름모	판단	분기
원기둥	데이터 저장소	데이터 저장소
배경색	시작과 끝	시작과 끝
화살표	흐름	흐름

IA와의 관계

Information Architecture는 정보 구조를 설계하는 문서로 사이트맵, 메뉴 구조도라고 볼 수 있습니다. 표 형식으로 작성되어 스케쥴링 까지 연결될 수 있지만 자유로운 화면의 연결은 표현이 되지 않습니다. 화면 흐름도와 IA 둘 중에 하나만 사용하는 경우도 있다고 하지만 서로 상호 보완적인 의미를 가지고 있습니다.