앱 기획 화면흐름도(플로우차트, Screen Flow Chart)
앱 기획 화면흐름도 (Screen Flow Chart)
기획을 위해서 필요한 화면 흐름도, Screen Flow Chart 라고도 하는데요
오히려 영어가 더 이해하기 쉬울수도 있는.. 문서에 대해서 간단히 정리해둡니다
* 화면흐름도란? =플로우 차트 , FLOW CHART
화면흐름도는 화면과 기능단위로 해당 웹/앱등 서비스에 사용 동선의 흐름을 도식화 해둔 문서라고 볼 수 있습니다. 미리 정의된 기호와 선등을 활용하여 프로그램 논리, 기능 흐름들을 처리과정에 따라 표현한 도표인데요.
순서대로 따라가면 사용자가 어떤 프로세스로 이용하는지를 볼 수 있는 문서라고 볼 수 있습니다. 이러한 플로우차트는 도식화로 작성하여 이해를 높일 수 있습니다. 화살표로 화면이동을 쉽게 표현할 수 있다고 합니다.
프로그램 개발작업을 위해서는 DB 설계 내용이 나오고 프로그램 로직설계내용이 있어야 하는데 그려진 플로차트의 흐름표를 통해서 내용을 이해하고 준수하면서 프로그램 작업을 진행할 수 있도록 해주어야 합니다.
실제로 개발자와 기획자는 서로간에 소통이 안되는 경우가 많이 있기 떄문인데요
이런것들이 정리되어 있지 않다면 커뮤니케이션이 잘 되지 않아서 문제가 발생할 수 있는 가능성이 높아집니다.
이러한 플로우 차트는 스토리보드(Wire Frame)을 제작하는데 가장 중요한 작업 지침서라고 할 수 있는데요. 생략할 수 있는 경우도 있지만, 팀간 소통이 제대로 되지 않는다면 이런 것들이 잘 만들어질 필요가 있습니다
* IA (information Architecture)
플로우차트와 더불어서 만들기도 하고 아니기도 하고 둘중의 하나만 만들기도 한다는 것 바로 IA 라고 불리우는 것인데요
IA 는 정보 구조 설계하는 문서로, 웹의 사이트맵, 메뉴 구조도라고 이해할 수 있습니다. 인포메이션 체계 내의 네비게이션, 레이블링, 조직화를 하면서 컨텐츠에 직관적으로 접근하고 업무처리가 용이하게 정보 공간을 설계하는것으로 제품에 뼈대를 만드는 작업입니다.
IA 문서는 플로우차트와는 다르게 각 파트별로 진행상황을 공유할 수 있고, 프로젝트 일정을 동시에 관리할 수 있다는 장점이 있는데요
트리구조로 만드는 부분이기 떄문에 플로우차트와는 상당히 방식에 차이가 있지만 플로우차트와 마찬가지로 화면설계서(Wireframe) = 스토리보드를 작성하는데 있어서 꼭 필요한 부분이라고 볼 수 있습니다.
이외에 알아두어야 할 용어들은
유저 시나리오 (User Scenario)
요구사항 명세서 (Requirements specification)
화면설계서(Wireframe)
기능명세서(Functional specification)
블로그 읽어볼만한 글
0 댓글