UI 설계서란?
사용자의 요구사항을 바탕으로 UI 설계를 구체화하여 작성하는 문서
기획자, 개발자, 디자이너 등과의 원활한 의사소통을 위해 작성하는 것으로, 실제 사용할 UI 화면을 설계하기 전에 사용자의 요구사항을 가시화하고 검증하기 위해 작성하는 것이다.
UI 설계서는 UI 설계서 표지, UI 설계서 개정 이력, UI 요구사항 정의서, 시스템 구조, 사이트 맵, 프로세스 정의서, 화면 설계 순으로 작성한다.
UI 설계서 표지 작성
다른 문서와 혼동되지 않도록 프로젝트명 또는 시스템명을 포함시켜 작성한다.
UI 설계서 개정 이력 작성
UI 설계서가 수정될 때마다 어떤 부분이 어떻게 수정되었는지를 정리해 놓는다.
처음 작성 시 첫 번째 항목을 '초안 작성', 버전(Version)을 1.0으로 설정하고 변경사항이 있을 때마다 변경 내용을 적고 버전을 0.1씩 높인다.
UI 요구사항 정의서 작성
사용자의 요구사항을 정리하고, 요구사항의 UI 적용 여부를 요구사항별로 표시한다.
시스템 구조 작성
UI 요구사항과 UI 프로토타입에 기초하여 전체 시스템의 구조를 설계한 것으로 사용자의 요구사항이 어떻게 시스템에 적용되는지 알 수 있다.
사이트 맵(Site Map) 작성
시스템 구조를 바탕으로 사이트에 표시할 콘텐츠를 한 눈에 알아 볼 수 있도록 메뉴별로 구분하여 설계한다.
프로세스(Process) 정의서 작성
사용자 관점에서 사용자가 요구하는 프로세스들을 작업 진행 순서에 맞춰 정리한다.
화면 설계
UI 프로토타입과 UI 프로세스를 참고하여 필요한 화면을 페이지별로 설계한다.
화면을 구분하기 위해 화면별 고유 ID를 부여하고, 대표적인 화면들에 포함될 정보, 인터페이스 요소, 레이아웃 등을 스토리보드 형태로 작성한다.
* 스토리보드는 여기를 참고