[정보처리기사 - 실기] VI. 화면 설계 - UI 설계

UI 흐름 설계 ⭐⭐

UI 흐름 설계

업무의 흐름이나 업무 수행과 관련된 일련의 클릭에 의한 화면의 위치와 흐름을 흐름도 형식으로 표현하는 활동

UI 설계서 구성

UI 설계서 구성

UI 설계 원리

1. 실행 차를 줄이기 위한 UI 설계 원리
   1. 사용 의도 파악
   2. 행위 순서 규정
   3. 행위의 순서대로 실행
2. 평가 차를 줄이기 위한 UI 설계 원리
   1. 수행한 키 조작 결과를 사용자가 빠르게 자각하도록 유도
   2. 키 조작으로 변화된 시스템의 상태를 사용자가 쉽게 인지하도록 유도
   3. 사용자가 가진 원래 의도와 시스템 결과 간의 유사 정도를 사용자가 쉽게 파악하도록 유도

유스케이스 설계

1. UI 요구사항을 바탕으로 액터별 시나리오 구상
2. UI 요구사항을 바탕으로 액터 세분화
3. UI 유스케이스 설계

상세 설계 ⭐

UI 상세 설계 프로세스

1. UI 요구사항 최종 확인
2. UI 구조 설계
3. 사용자 기반 메뉴 구조 설계
4. 화면 설계
5. 하위 시스템 단위의 내외부 상세 화면과 폼 설계

UI 설계 도구 ⭐

화면 설계 도구

화면 설계 도구