[정보처리기사 필기] 화면설계

1. 사용자 인터페이스(User Interface : UI)

📘 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치 및 SW

• 특징
  - 결과의 오류를 줄인다
  - 정보제공자와 공급자 간의 매개 역할을 수행
• UI 구분
  - CLI : 출력이 text
  - GUI : 출력이 Graphic
  - NUI : 명령이 행동이나 또는 말인것
• 기본원칙
  - 직관성 : 누구나 쉽게 이해하고 사용할 수 있어야 함.
  - 유효성 : 사용자의 목적을 정확하고 완벽히 달성해야 함
  - 학습성 : 누구나 쉽게 배우고 익힐 수 있어야 함
  - 유연성 : 요구사항을 최대한 수용하고 실수를 최소화하여야 함
• 설계지침 : 사용자 중심, 일관성, 단순성, 결과 예측 가능, 가시성, 표준화, 접근성, 명확성, 오류 발생 해결
• UI 설계 도구
  - Wireframe : 기획단계 초기 제작, 뼈대를 설계
  - Mockup : 정적 형태 모형
  - StoryBoard : 상위) 제목, 작성자 우측) 디스크립션 좌측) UI 화면
  - UseCase

2. UI 표준 및 지침

📘 표준 ? UI에 공통적으로 적용될 내용

📘 지침 ? UI 개발과정에서 지켜야 할 공통의 조건

• 스타일 가이드 작성
  구동 환경 정의 → 레이아웃 정의 → 내비게이션 정의 → 기능 정의 → 구성요소 정의
• 웹의 3요소
  - 웹 표준
  - 웹 접근성
  - 웹 호환성

3. UI 요구사항 확인

• 순서
  

  

  UI 요구사항 확인 순서

4. UI 프로토타입 제작 및 검토

📘 프로토타입? 요구사항을 기반으로 실제 동작하는 것처럼 만든 동적인 형태의 모형

• 장단점
  

  장점	개발 시간을 줄일 수 있다 사용자를 설득하고 이해시키기 쉽다
  단점	작업시간이 증가된다

• 종류 : 페이퍼 프로토타입 / 디지털 프로토타입
• 제작 단계
  요구사항 분석 → 프로토타입 작성 → 사용자가 확인 → 제안 수용 및 수정
  - 마지막 3,4단계 반복

5. UI 흐름 설계

UI 흐름설계 설명

6. UI 상세 설계

요구사항 확인 → UI 설계서 표지 · 개정 이력 작성 → UI 구조설계 → 메뉴 구조 설계 → 화면 설계

 

---

🤗🤗 2020 개정 후 정보처리 기사 6장 화면 설계 요약본입니다  🤗🤗