1-2-7장. UI 설계서 작성 - B

UI 설계서 작성 개요

UI 설계서는 사용자의 요구사항을 바탕으로 UI 설계를 구체화하여 작성하는 문서로 상세 설계 전에 대표적인 화면들을 설계한다. 또한 디자이너, 기획자, 개발자 간의 원활한 의사소통을 위해 작성한다.

 

UI 설계서 작성 순서

1. UI 설계서 표지 작성

UI 설계서 표지는 다른 문서와 혼동되지 않도록 프로젝트명 또는 시스템 명을 포함시켜 작성한다.

 

2. UI 설계서 개정 이력 작성

UI 설계서 개정 이력은 UI 설계서가 수정될 때마다 어떤 부분이 어떻게 수정되었는지를 정리해 놓은 문서이다. 처음 작성 시 첫 번째 항목을 '초안 작성', 버전을 1.0으로 설정한다. UI 설계서에 변경사항이 있을 때마다 변경 내용을 적고 버전을 0.1씩 높인다.

 

3. UI 요구사항 정의서 작성

UI 요구사항 정의서는 사용자의 요구사항을 확인하고 정리한 문서로, 사용자 요구사항의 UI 적용 여부를 요구사항별로 표시한다.

 

4. 시스템 구조 작성

시스템 구조는 UI 요구사항과 UI 프로토타입에 기초하여 전체 시스템의 구조를 설계한 것으로 사용자의 요구사항이 어떻게 시스템에 적용되는지 알 수 있다.

 

5. 사이트맵 작성

사이트 맵은 시스템 구조를 바탕으로 사이트에 표시할 콘텐츠를 한눈에 알아볼 수 있도록 메뉴별로 구분하여 설계한 것이다. 사이트 맵을 작성한 후 사이트 맵의 상세 내용을 표 형태로 작성한다.

 

6. 프로세스 정의서 작성

프로세스 정의서는 사용자 관점에서 사용자가 요구하는 프로세스들을 작업 진행 순서에 맞춰 정리한 것으로 UI의 전체적인 흐름을 파악할 수 있다.

 

7. 화면 설계

화면 설계는 UI 프로토타입과 UI 프로세스를 참고하여 필요한 화면을 페이지별로 설계한 것이다. 화면을 구분하기 위해 화면별 고유 ID를 부여하고 별도 표지를 작성한다. 대표적인 화면들에 대해 포함될 정보들과 표현된 와이어프레임을 대략적으로 스케치한다. 주요 흐름을 스토리보드 형태로 작성한다.