2020 정보처리기사 필기 : 1과목 : 2장

2장 : 화면 설계

---

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

• 사용자와 시스템 간의 장치, 또는 소프트웨어
• 사용자의 만족도에 가장 큰 영향을 미친다.
• 변경이 가장 많이 발생한다.
• 분야
  • 물리적 제어 분야
  • 표현 및 구성 분야
  • 기능 분야

• 구분
  • CLI
  • GUI
  • NUI

• 기본 원칙
  • 직관성
  • 유효성
  • 학습성
  • 유연성

• 설계 시 고려사항
  • 사용자 중심
  • 일관성
  • 단순성
  • 결과 예측 가능
  • 가시성
  • 표준화
  • 접근성
  • 명확성
  • 오류 발생 해결

---

2.     소프트웨어 아키텍쳐 ★★★

• 개발할 소프트웨어의 기본 틀을 만드는 것
• 밑그림을 그리는 과정
• 전반적인 구조를 설계한다.
• 아키텍쳐의 결정은, 비기능 요구사항과 큰 관련이 있다. 
• 초기에 작성되기 때문에, 개발 및 유지 보수 작업에 영향을 준다. 
• 물리적이 아닌, 논리적인 구성을 정의하는 것이다.

---

3.     네비게이션 (Navigation)

• 사용자가 사이트에서 원하는 정보를 빠르게 찾을 수 있도록 안내하는 것
• 사용자 중심이다.
• 이미지 맵 : 그림에 하이퍼링크를 연결
• 사이트 맵 : 트리 구조 형태

---

4.     UI 설계 도구 ★★★

• 와이어프레임 (예 : 손그림, 파워포인트, 키노트, 스케치 등)
• 목업 (예 : 파워 목업, 발사믹 목업 등)
• 스토리보드 (예 : 파워포인트, 키노트, 스케치 등)
• 프로토타입 (예 : HTML/CSS, Axure, 네이버 프로토나우, 카카오 오븐 등)
• 유스케이스

---

5.     품질 요구사항

• 국제 표준
  • ISO/IEO 9126
  • ISO/IEC 25010 (호환성과 보안성이 더 강화됨)

• 종류
  • 기능성
  • 신뢰성
  • 사용성
  • 효율성
  • 유지 보수성
  • 이식성

---

6.     UI 프로토타입 ★★★

• 동적인 형태의 모형이다. 
• 테스트가 가능하다.
• 최대한 간단하게 만들어야 한다.
• 핵심 기능만 제공한다.
• 실제 사용자를 대상으로 테스트하는 것이 좋다. 
• 아키텍처가 확정된 이후, 실제 분석 작업이 완료되기 이전에 진행한다. 
• 종류
  • 페이퍼 프로토타입 (Paper Prototype)
  • 디지털 프로토타입 (Digital Prototype)

---

7.     UI 상세 설계 ★★★

• 모든 화면에 대한 자세한 설계를 진행하는 단계
• 반드시 시나리오를 작성해야 한다.
• tree 구조 또는 flow chart 표기법으로 작성한다. 
• 시스템의 기능이 아닌, 사용자의 테스크에 초점을 맞추어 작성한다.
• 예외 처리 방식, 인터랙션 흐름, 기능 구조 등을 포함한다. 

 

 

** 인터랙션 디자이너 : UI 시나리오 문서를 작성하는 사람

---

8.     HCI (Human Computer Interaction or Interface)

• 사람이 시스템을 보다 편리하고 안전하게 사용할 수 있도록 연구하고 개발하는 학문 

---

9.     UX (User eXperience)

• 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험