1. UI 설계서
사용자의 요구사항을 바탕으로 UI설계를 구체화하여 작성하는 문서
* UI 설계서 작성 순서
UI설계서 표지 작성 -> UI 설계서 개정 이력 작성 -> UI 요구사항 정의서 작성 -> 시스템 구조 작성 -> 사이트 맵 작성
-> 프로세스 정의서 작성 -> 화면 설계
* 사이트 맵 : 화면 정보를 한 눈에 파악하기 위한 시각적인 콘텐츠 모형, 테이블 형태
2. UI 흐름 설계
업무 진행 과정이나 수행 절차에 따른 흐름을 파악하여 화면과 폼을 설계하는 단계
* UI 흐름 설계 순서
기능 작성 -> 입력 요소 확인 -> 유스케이스 설계 -> 기능 및 양식 확인
3. UI 상세 설계
UI 설계서를 바탕으로 실제 설계 및 구현을 위해 모든 화면에 대해 자세하게 설계를 진행하는 단계
* UI 상세 설계 순서
요구사항 확인 -> UI 설계서 표지 및 개정 이력 작성 -> UI 구조 설계 -> 메뉴 구조 설계 -> 화면 설계
4. UI 시나리오 문서
사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터렉션의 흐름, 다양한 상황에서의 예외 처리 등을 정리한 문서
* UI 시나리오 문서의 요건
| 완전성(Complete) | 누락되지 않도록 최대한 상세하게 기술해야 함 |
| 일관성(Consistent) | 서비스 목표, 시스템 및 사용자의 요구사항, UI 스타일 등 일관성을 유지해야함 |
| 이해성(Understandable) | 누구나 쉽게 이해할 수 있도록 설명함 |
| 가독성(Readable) | 표준화된 템플릿 등을 활용하여 문서를 쉽게 읽을 수 있도록 해야 함 |
| 수정 용이성(Modifiable) | 시나리오 수정이나 개선이 쉬워야 함 |
| 추적 용이성(Traceable) | 변경 사항은 쉽게 추적할 수 있어야 함 |
출처 : 정보처리기사 실기 2024 기본서 / 저자 : 길벗알앤디(김정준, 강윤석, 김용갑, 김우경) / 출판사 : 길벗