정보처리기사 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 요구사항, 제약사항)
웹의 3요소 : 웹 표준, 웹 접근성, 웹 호환성
한국형 웹 콘텐츠 접근성 지침(KMCAG)
- 장애인과 비장애인이 동등하게 접근할 수 있는 웹 콘텐츠 제작 방법 제시
전자정부 웹 표준 준수 지침
- 정부기관 홈페이지 구축 시 반영해야 할 최소한의 규약 정의
012 UI 설계 도구 Ⓐ
UI 설계 도구
-
와이어프레임(Wireframe)
- 기획 단계의 초기에 제작, 뼈대
- 도구 : 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵
-
목업(Mockup)
- 와이어프레임보다 좀 더 실제와 유사
- 도구 : 파워 목업, 발사믹 목업
-
스토리보드(Story Board)
- 와이어프레임에 콘텐츠에 대한 설명, 흐름 추가
- 구체적인 작업 지침서
- 도구 : 파워포인트, 키노트, 스케치, Axure
-
프로토타입(Prototype)
- 와이어프레임이나 스토리보드에 상호작용 적용
- 도구 : 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)
감성 공학
- 사용자의 감성에 맞게 제품을 설계 및 제작함
REFERENCE
2020 시나공 정보처리기사 필기 : NCS 기반 전면 개편[개정판]