[정보처리기사] 개정 후 2020 시나공 필기 요약 정리 - 1과목 2장. 화면 설계



:bulb: 정보처리기사 1과목 소프트웨어 설계

2장. 화면 설계

010 사용자 인터페이스 Ⓐ

사용자 인터페이스 종류

  • CLI(Command Line Interface)
  • GUI(Graphical User Interface)
  • NUI(Natural User Interface) : 사용자의 말이나 행동으로 기기 조작

사용자 인터페이스 기본 원칙

  • 직관성
  • 유효성 : 사용자의 목적을 정확하고 완벽하게 달성
  • 학습성 : 누구나 쉽게 배우고 익힘
  • 유연성 : 요구사항 수용, 실수 최소화

사용자 인터페이스 설계 지침

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

011 UI 표준 및 지침 Ⓑ

UI 표준, UI 지침

  • UI 표준 : UI에 공통적으로 적용될 내용, (ex. 화면 구성, 화면 이동)
  • UI 지침 : UI 개발 과정에서 지켜야할 공통 조건 (ex. UI 요구사항, 제약사항)

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

한국형 웹 콘텐츠 접근성 지침(KMCAG)

  • 장애인과 비장애인이 동등하게 접근할 수 있는 웹 콘텐츠 제작 방법 제시

전자정부 웹 표준 준수 지침

  • 정부기관 홈페이지 구축 시 반영해야 할 최소한의 규약 정의

012 UI 설계 도구 Ⓐ

UI 설계 도구

  • 와이어프레임(Wireframe)
    • 기획 단계의 초기에 제작, 뼈대
    • :hammer:도구 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵
  • 목업(Mockup)
    • 와이어프레임보다 좀 더 실제와 유사
    • :hammer: 도구 : 파워 목업, 발사믹 목업
  • 스토리보드(Story Board)
    • 와이어프레임에 콘텐츠에 대한 설명, 흐름 추가
    • 구체적인 작업 지침서
    • :hammer:도구 : 파워포인트, 키노트, 스케치, Axure
  • 프로토타입(Prototype)
    • 와이어프레임이나 스토리보드에 상호작용 적용
    • :hammer:도구 : HTML/CSS, Axure, Flinto, 네이버 프로토나우, 카카오 오븐
  • 유스케이스(Use Case)
    • 사용자 측면에서의 요구사항
    • 유스케이스 다이어그램 -> 유스케이스 명세서

013 UI 요구사항 확인 Ⓑ

UI 요구사항 확인 순서

  • 목표 정의 : 인터뷰 진행 후 요구사항 이해
  • 활동 사항 정의 : 조사한 요구사항을 토대로 활동 사항 정의
  • UI 요구사항 작성
    • 요구사항 요소 확인 : 데이터 요구, 기능 요구, 품질, 제약 사항 검토
    • 정황 시나리오 작성 : 사용자의 수행 방법을 순차적으로 묘사
    • 요구사항 작성

014 품질 요구사항 Ⓑ

ISO/IEC 9126

  • 소프트웨어의 품질 특성과 평가를 위한 표준 지침
  • 기능성(Functionality) : 사용자의 요구사항을 정확하게 만족하는지
    • Suitability, Accuracy, Interoperability, Security, Compliance
  • 신뢰성(Reliability) : 기능을 정확하고 오류 없이 수행하는 지
    • Maturity, Fault Tolerance, Recoverability
  • 사용성(Usability) : 사용자가 정확하게 이해하고 사용하는 지
    • Understandability, Learnability, Operability, Attractiveness
  • 효율성(Efficiency) : 얼마나 빨리 처리하는 지
    • Time Behavior, Resource Behavioral
  • 유지 보수성(Maintainability) : 개선, 확장할 수 있는지
    • Analyzability, Changeability, Stability, Testability
  • 이식성(Portability) : 다른 환경에도 적용 가능한 지
    • Adaptability, Installability, Replaceability, Co-exitence

015 UI 프로토타입 제작 및 검트 Ⓐ

프로토타이핑 종류

  • 페이퍼 프로토타입
  • 디지털 프로토타입

프로토타입 제작 단계

  • 1단계 : 요구사항 분석
  • 2단계 : 핵심 기능을 중심으로 프로토타입 작성
  • 3단계 : 프로토타입 확인
  • 4단계 : 프토토타입 수정 및 보완

016 UI 설계서 작성 Ⓑ

UI 설계서

  • UI 설계서 표지 -> UI 설계서 개정 이력 -> UI 요구사항 정의서 -> 시스템 구조 -> 사이트 맵 -> 프로세스 정의서 -> 화면 설계

017 유용성 평가 Ⓒ

유용성(Usability)

  • 사용자가 시스템을 통해 원하는 목표를 얼마나 효과적으로 달성할 수 있는가에 대한 척도

018 UI 상세 설계 Ⓑ

UI 상세 설계

  • UI 설계서를 바탕으로 모든 화면에 대한 자세한 설계 진행
  • UI 시나리오 문서 : 사용자 인터페이스의 기능 구조, 대표 화면, 화면 간 인터랙션의 흐름, 예외 처리

019 HCI / UX / 감성공학 ⒶⒷⒸ

HCI(Human Computer Interaction)

  • 사람과 컴퓨터의 상호작용을 연구해 사람이 컴퓨터를 편리하게 사용하도록 함

UX(User Experience)

  • 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험
  • 특징 : 주관성(Subjectivity), 정황성(Contextuality), 총체성(Holistic)

감성 공학

  • 사용자의 감성에 맞게 제품을 설계 및 제작함



:bookmark: REFERENCE
2020 시나공 정보처리기사 필기 : NCS 기반 전면 개편[개정판]