[자격증] 정보처리기사 필기 : 제1과목 소프트웨어 설계 (화면 설계)

 정보

• 업무명     : 정보처리기사 필기 : 제1과목 소프트웨어 설계 (화면 설계)

• 작성자     : 이상호

• 작성일     : 2021-03-01

• 설   명      :

• 수정이력 :

 

 

 내용

[사용자 인터페이스(UI)]

• 사용자 인터페이스

• 사용자 인터페이스의 특징

• 사용자 인터페이스의 구분

  • CLI

  • GUI

  • NUI

 

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

  • 직관성

  • 유효성

  • 학습성

  • 유연성

 

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

  • 사용자 중심, 일관성, 단순성

  • 결과예측 가능, 가시성, 표준화

  • 접근성, 명확성, 오류 발생 해결

 

[UI(User Interface) 표준]

• 웹 스타일 가이드 구성(사례)

  • 스타일 가이드 : 각종 규칙들의 기준이 되는 집합

  • Introduction

  • Basic Rules : 폰트, 컬러 등

  • Layout

  • Elements

 

• 정책

  • 웹 스타일 가이드 운영 정책

  • 조직의 IDENTITY 유지 정책

 

• 기본 환경

  • 용량규정

  • 메인화면 전체 페이지 및 이미지 사이즈

  • 서브 화면 전체 페이지 및 이미지 사이즈

  • 공통아이콘 이미지 사이즈

 

[UI]

• 한국형 웹 콘텐츠 접근성 지침

  • 인식의 용이성 : 대체 텍스트, 멀티미디어 대체수단, 명료성

  • 운용의 용이성 : 키보드 접근성, 충분한 시간 제공, 광과민성 발작 예방, 쉬운 내비게이션

  • 이해의 용이성 : 가독성, 예측 가능성, 콘텐츠의 논리성, 입력 도움

  • 견고성 : 문법 준수, 접근성

 

• 전자정부 웹 표준 준수 지침

  • 내용의 문법 준수

  • 내용과 표현의 분리

  • 동작의 기술 중립성 보장

  • 플러그인의 호환성

  • 콘텐츠의 보편적 표현

  • 운영체제에 독립적인 콘텐츠 제공

  • 부가 기능의 호환성 확보

  • 다양한 프로그램 제공

 

[UI 지침]

• 사용자 경험(UX)의 고려사항

  • 사용 대상, 환경, 목적, 빈도

 

• 핵심 기능의 고려사항

  • 메뉴 구조를 단순화하고 간결한 정보 제공

 

• 호환성 확장성의 고려사항

  • 3개 이상의 브라우저에서 동등한 서비스를 제공

 

• 정보 소외계층의 접근성

  • 장애인·고령자 등의 정보 접근 및 이용 편의 증진을 위한 지침

 

• 일관성

• 이미지

• 기타 설계 지침

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

 

• 스토리보드의 개념

  • 디자이너와 개발자가 최종적으로 참고하는 설계 산출 문서

  • UI 화면설계 구분

    • 개념

    • 도구

 

• 스토리보드 작성 절차

  • 1단계 : 메뉴 구성도 만들기

  • 2단계 : 스타일 확정

  • 3단계 : 설계하기

 

[UI 설계도구]

• UI 설계 도구

  • 와이어프레임

  • 목업

  • 스토리보드

  • 프로토타입

  • 유스케이스

 

[UI 요구사항 확인]

• UI 요구사항 확인

  • 목표 정의 – 활동 사항 정의 – UI 요구사항 작성

  • 목표 정의

  • 활동 사항 정의

  • UI 요구사항 작성

 

• 요구사항 요소 확인

  • 데이터 요구

  • 기능요구

  • 제품/서비스 품질

  • 제약 사항

     

• 정황 시나리오 작성

• 요구사항 작성

 

[품질 요구사항]

• 품질 요구사항

  • ISO/IEC 9126 : 기능성, 신뢰성, 효율성, 유지보수성, 이식성

  • ISO/IEC 25010의 품질특성 : 기능성, 사용성, 이식성, 유지보수성, 기능 적합성, 실행  효율성, 호환성, 보안성

 

• 기능성

  • 적절성/정합성, 정밀성/정확성, 상호 운용성, 보안성, 호환성

     

• 신뢰성

  • 성숙성, 고장 허용성, 회복성

     

• 사용성

  • 이해성, 학습성, 운용성, 친밀성

     

• 효율성

  • 시간 효율성, 자원 효율성

 

• 유지보수성

  • 분석성, 변경성, 안정성, 시험성

     

• 이식성

  • 적용성, 설치성, 대체성, 공존성

 

[UI 프로토타입]

• 개요

• 장점

• 단점

• 종류

  • 페이퍼 프로토타입

  • 디지털 프로토타입

• 계획시 고려사항

• 작성시 고려사항

• 제작단계

  • 1단계

  • 2단계

  • 3단계

  • 4단계

 

[UI 설계서 작성]

• UI 설계서

• UI 설계서 표지작성

• UI 설계서 개정 이력 작성

• UI 요구사항 정의서 작성

• 시스템 구조 작성

• 사이트 맵 작성

• 프로세스 정의서 작성

• 화면 설계

 

[유용성 평가]

• UI 유용성 평가

 

• 실행차를 줄이기 위한 UI설계 원리 검토

  • 사용 의도 파악

  • 행위 순서 규정

  • 행위의 순서대로 실행

 

• 평가차를 줄이기 위한 UI설계 원리 검토

  • 수행한 키 조작의 결과를 사용자가 빠르게 지각하도록 유도

  • 키 조작으로 변화된 시스템이 상태를 사용자가 쉽게 인지하도록 유도

 

[UI상세 설계]

• UI 시나리오 문서 개요

• UI 시나리오 문서 작성 원칙

• UI 시나리오 문서 작성을 위한 일반 규칙

  • 주요 키의 위치와 기능

  • 공통 UI요소

  • 기본 스크린 레이아웃

  • 기본 인터랙션 규칙

  • 공통 단위 태스크 흐름

  • 케이스 문서

 

• UI 시나리오 문서의 요건

  • 완전성

  • 일관성

  • 이해성

  • 가독성

  • 수정 용이성

  • 추적 용이성

• UI 시나리오 문서로 인한 기대 효과

 

[감성공학]

• 감성공학의 개념

  • 인체의 특징과 감정을 제품설계에 최대한 반영시키는 기술

     

• 감성공학 관련 기술

  • 생체 측정 기술

  • 인간의 오감 센서 및 감성 처리 기술

  • 감성 디자인 기술

  • 새로운 감성을 창출하기 위한 기술

 

• 감성공학의 접근 방법

  • 감성공학 1류 : 인간의 감성 이미지를 측정하는 방법

  • 감성공학 2류 : 개인이 갖고 있는 이미지를 구체화하는 방법

  • 감성공학 3류 : 인간의 감각을 측정하고, 수학적 모델을 구축하여 활용

 

[HCI/UX]

• HCI

  • 과학과 인무학의 사이의 인터페이스

 

• UX

  • 주관성

  • 정황성

  • 총체성

 

[연습문제]

• 사용자 인터페이스를 설계할 때 주의해야 할 사항으로 가장 적합하지 않은  것은?

  • ① 사용자가 콘텐츠를 쉽게 찾을 수 있도록 단순하고 간결하게 구성한다.
    

  • ② 콘텐츠의 연결이 일관성이 있고 논리적이어야 한다.
    

  • ③ 세부콘텐츠를 먼저 배치한 후에 중요한 콘텐츠를 배치한다.
    

  • ④ 텍스트와 그래픽 요소를 적절히 조화시킨다.

 

• 다음 중 전자정부 웹 표준의 준수 지침에 대한 설명으로 틀린것은 ?
  

  • ① 웹페이지의 모든 문서는 적절한 인코딩 방식을 지정해야 한다.
    

  • ② 웹 서비스에 사용된 스크립트는 비표준 문법의 확장도 고려해야 한다.
    

  • ③ 모든 웹 문서는 반드시 문서 타입을 명시해야 한다.
    

  • ④ 콘텐츠의 구조를 파악하여 구조적인 페이지를 작성한다.
    

 

• UI(User Interface)의 종류 중 그래픽과 텍스트로 이루어져 있으며 객체지  향 인터페이스와 응용 프로그램지향 인터페이스가 공존하는 것은?
  

  • ① 그래픽 사용자 인터페이스(GUI)
    

  • ② 웹 기반 인터페이스(웹 사용자 인터페이스, WUI)
    

  • ③ 명령 줄 인터페이스(CLI)
    

  • ④ 텍스트 사용자 인터페이스(TUI)
    

 

• 다음 중 정황시나리오에 대한 내용으로 틀린것은?
  

  • ① 정황 시나리오는 육하원칙에 따라 간결하고 명확하게 작성해야 한다.
    

  • ② 정황 시나리오를 작성한 후에는 경험이 풍부한 사람에게 검토를 의뢰 하는 것이 좋다.
    

  • ③ 정황 시나리오는 개발할 프로그램 관점에서 기능 위주로 작성해야 한다.
    

  • ④ 정황 시나리오는 요구사항 정의에 사용되는 시나리오 초안이다.

 

• ISO 9126에서 정의한 소프트웨어가 갖추어야 할 품질의 특성 중 정확하고  일관된 결과를 오류없이 수행할 수 있는 정도를 나타내는 척도는 ?
  

  • ① 효율성
    

  • ② 사용 용이성
    

  • ③ 신뢰성
    

  • ④ 이식성

 

• 다음 내용이 설명하는 것은 무엇인가?
  

• 사이트에 표시할 콘텐츠를 한눈에 알아 볼 수 있도록 메뉴별로 구분하여 설계한 것이다.
  

  • ① 스토리보드
    

  • ② 사이트맵
    

  • ③ 내비게이션
    

  • ④ 레이아웃
    

 

• 다음 설명에 가장 근접한 것은 무엇인가?
  

• 사람과 컴퓨터 시스템 간의 상호작용을 연구하고 설계하는 것으로 사람이 컴퓨터를 편리  하게 사용할 수 있도록 한다.
  

  • ① UX
    

  • ② UI
    

  • ③ HCI
    

  • ④ IA

 

 참고 문헌

[논문]

• 없음

[보고서]

• 없음

[URL]

• 없음

 

 문의사항

[기상학/프로그래밍 언어]

• sangho.lee.1990@gmail.com

[해양학/천문학/빅데이터]

• saimang0804@gmail.com