UI 설계서 작성 (1과목)

UI 설계서의 개요

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

---

UI 설계서 표지 작성

• 프로젝트명, 시스템명을 포함시켜 작성한다.

UI 설계서 개정 이력 작성

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

UI 요구사항 정의서 작성

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

시스템 구조 작성

• 전체 시스템의 구조를 설계한 것으로 사용자의 요구사항이 어떻게 시스템에 적용되는지 알 수 있다.

사이트 맵(Site Map) 작성

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

프로세스 정의서 작성

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

화면 설계

• 필요한 화면을 페이지별로 설계한 것이다.
• 화면을 구분하기 위해 화면별 고유 ID를 부여하고 별도 표지를 작성한다.

---

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

• 윈도우 : 키보드나 마우스 등을 통해 데이터 입력 및 결과를 보여주는 화면상의 표시 영역
• 메뉴 : 화면에서 수행할 기능들을 일정한 형태로 모아놓은 인터페이스, 사용자로 하여금 기능 선택을 수월하게 한다.
• 아이콘 : 수행하고자 하는 동작, 동작의 대상 등을 조그마한 그림 형태로 표현한 인터페이스
• 포인터 : 입력이 이뤄지는 지점을 알려주는 화면상의 커서