[1과목 소프트웨어 설계] 화면설계 - 019. UI 상세 설계

1. UI 시나리오 문서

• 사용자 인터페이스 기능 구조, 대표 화면, 화면 간 인터랙션의 흐름, 예외처리 등 문서로 정리한 것
• 순차적으로 묘사
• UI 설계자 or 인터랙션 디자이너가 UI 시나리오 문서 작성

 

2. UI 시나리오 문서 작성 원칙

• UI의 기능과 작동 방식을 한 눈에 이해할 수 있도록 구체적
• 계층(Tree)구조 또는 플로우차트(Flowchart) 표기법으로 작성
• 인터랙션 흐름을 정의, 화면산의 인터랙션 순서(Sequence), 분기(Branch), 조건(Condition), 루프(Loop) 등 명시
• 예외 상황의 다양한 케이스 정의
• UI 일반 규칙을 지키면서 기능별 상세 기능 시나리오 정의

 

3. UI 시나리오 문서 작성을 위한 일반 규칙

• 주요 키의 위치와 기능
• 공통 UI 요소
• 기본 스크린 레이아웃
• 기본 인터랙션 규칙
• 공통 단위 태스크 흐름
• 케이스 문서

 

4. ⭐ UI 시나리오 문서 요건

1) 완전성 (Complete)

• 최대한 상세하게 기술
• 사용자 태스크에 초점을 맞춰 기술

2) 일관성 (Consistent)

3) 이해성 (Understandable)

• 누구나 쉽게 이해
• 불분명하거나 추상적인 표현 X

4) 가독성 (Readable)

• 표준화된 템플릿으로 문서를 읽기 쉽게
• 문서 인덱스에 대한 규칙이나 목차 제공
• 단락, 들여쓰기 기준 마련

5) 수정 용이성 (Modifiable)

6) 추적 용이성 (Traceable)

 

5. UI 시나리오 문서로 인한 기대 효과

• 요구사항이나 의사소통에 대한 오류 감소
• 개발과정의 재작업 감소, 혼선이 최소화
• 불필요한 기능 최소화
• 소프트웨어 개발 비용 절감
• 개발 속도 향상

 

 

📖 Reference

2023 시나공 정보처리기사 필기 : 네이버 도서