[정보처리기사 실기 요약] 화면 설계

1. UI 원칙 : 직관성, 유효성, 학습성, 유연성 

2. UI 설계 지침 : 사용자 중심, 일관성, 단순성, 결과 예측 가능, 가시성, 표준화, 접근성, 명확성, 오류 발생 해결

3. UI 설계 도구 

• 와이어 프레임 : 뼈대
• 목업(Mock up) : 좀 더 실제와 같지만 테스트 불가능(정적 모델)
• 스토리 보드 : 와이어 프레임에 흐름이나 설명 추가
• 프로토타입 : 테스트 가능(동적 모델)
• 유스 케이스 : 요구사항 기록

4. 웹의 3요소 : 웹 표준, 웹 접근성, 웹 호환성

5. UI 스타일 가이드 작성 순서 : 구동 환경 정의 > 레이아웃 정의 > 네비게이션 정의 > 기능 정의 > 구성 요소 정의

6. 정황 시나리오를 기반으로 요구사항을 작성

7. 프로토 타입 장단점

• 장점 : 사용자 설득과 이해시키기 쉽고, 사전에 오류 발견이 가능함
• 단점 : 반복적 개선 및 보완 작업으로 작업시간 증가 및 불필요한 자원 소모, 중요 작업이 생략될 수 있음

8.  UI 흐름 설계 순서 : 기능 작성 > 입력 요소 확인 > 유스케이스 설계 > 기능 및 양식 확인

9.  UI 상세 설계 순서 : 요구 사항 확인 > UI 설계서 표지 및 개정 이력 작성 > UI 구조 설계 > 메뉴 구조 설계 > 화면 설계

10. Site map Detail : 한눈에 파악하기 위한 시각적 컨텐츠 모형