[1과목-2장-016] UI 설계서 작성

사용자 요구사항을 바탕으로 UI 설계를 구체화하여 작성하는 문서. 상세 설계 전에 대표적 화면들을 설계

 

- 기획자, 개발자, 디자이너 등과의 원활한 의사소통을 위해 작성

 

** UI 화면설계 와 구별 !!!

- UI  화면 설계:  실제로 사용할 UI를 설계

 

 

* 작성 순서

1. UI 설계서 표지 작성

: 다른 문서와 혼동되지 않도록 프로젝트명 or 시스템명을 포함시켜 작성

 

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

: UI 설계서가 수정될 때마다 어떤 부분이 어떻게 수정되었는지를 정리해 놓은 문서

- 초기 작성) 첫 항목: '초안 작성', 버전 1.0로 설정

- 변경 내용 적고 버전 0.1씩 올림

 

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

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

 

4. 시스템 구조 작성

: UI 요구사항과 UI 프로토타입에 기초하여 전체 시스템의 구조를 설계한 것.

사용자의 요구사항이 어떻게 시스템에 적용되는 지 알 수 있음

 

5. 사이트 맵(Site Map) 작성

: 시스템 구조를 바탕으로 사이트에 표시할 콘텐츠를 한 눈에 알아 볼 수 있도록 메뉴별로 구분하여 설계한 것

- 작성 후, 사이트 맵의 상세 내용을 표 형태로 작성

 

6.  프로세스 정의서 작성

: 사용자 관점에서 사용자가 요구하는 프로세스들을 작업 진행 순서에 맞춰 정리한 것

UI 전체적 흐름을 파악 가능

 

7. 화면 설계

: UI 프로토타입과 UI 프로세스를 참고하여 필요 화면을 페이지별로 설계한 것

- 화면별 고유ID를 부여, 별도 표지를 작성

1) 대표적 화면들 > 와이어프레임을 대략적으로 스케치

2) 주요 흐름 > 스토리보드 형태로 작성.

디스크립션 >> 디자인, 설계 시 필요 사항을 기록

 

** UI 화면 설계의 기본 구성 요소

1. 윈도우

2. 메뉴

3. 아이콘

4. 포인터