[정보처리기사] 실기 대비 요약 정리 - 화면 설계

UI / UX

• UI(USER INTERFACE, 사용자 인터페이스)
  • 사용자와 시스템 간의 상호작용이 이뤄지도록 도와주는 장치나 소프트웨어
• UX(USER EXPERIENCE, 사용자 경험)
  • 사용자가 시스템이나 서비스를 이용하면서 느끼고 생각하게 되는 총체적인 경험

UI의 구분

• CLI(COMMAND LINE INTERFACE) : 명령과 출력이 텍스트 형태로 이뤄지는 인터페이스
• GUI(GRAPHIC USER INTERFACE) : 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 인터페이스
• NUI(NATURAL USER INTERFACE) : 사용자의 자연스러운 움직ㅇ미으로 기기를 조작하는 인터페이스

UI의 기본원칙

• 직관성 : 누구나 쉽게 이해하고 사용할 수 있어야함
• 유효성 : 사용자의 목적을 정확하고 완벽하게 달성해야함
• 학습성 : 누구나 쉽게 배우고 익힐 수 있어야함
• 유연성 : 사용자의 요구사항을 최대한 수용하고 실수를 최소화 해야함

UI 표준 및 지침

• UI 표준 : 전체 시스템에 포함된 모든 UI에 공통적으로 적용될 내용, 화면 구성, 화면 이동 포함
• UI 지침 : UI 요구 사항, 구현시 제약사항 등 UI 개발과정에서 꼭 지켜야할 공통 조건
• UI 스타일 가이드
  • 개발자나 디자이너들이 UI를 작성할 때 기준이 되는 규칙
  • 가이드 작성 순서 : 구동환경정의 -> 레이아웃 정의 -> 네비게이션 정의 -> 기능 정의 -> 구성요소 정의

UI 설계 도구 - 와이어프레임

• 페이지에 대한 개략적인 레이아웃이나 뼈대를 설계하는 도구
• 기획 단계 초기에 제작, 손그림, 파워포인트, 키노트, 스케치, 일러스트, 포토샵 등

UI 설계 도구 - 목업

• 실제화면과 유사하게 만든 정적인 형태의 모형
• 목업 툴 : 파워 목업, 발사믹 목업

UI 설계 도구 - 스토리보드

• 와이어프레임에 콘텐츠에 대한 설명, 페이지간 이동 흐름등을 추가한 문서
• 개발자와 디자이너가 최종적으로 참고하는 작업 지침

UI 설계 도구 - 프로토타입

• 와이어프레임에 인터랙션을 적용함으로써 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형
• 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위한 것

UI 설계 도구 - 유스케이스

• 사용자의 요구사항을 기능 단위로 표현하는 것
• 일반적으로 다이어그램 형식으로 묘사

UI 요구사항 확인

UI 요구사항 확인은 새로 개발할 시스템에 적용할 UI 관련 요구사항을 조사해서 작성하는 단계이다.

• UI 요구사항 확인 순서
  • 목표 정의
  • 활동사항 정의
  • UI 요구사항 작성
• UI 요구사항 작성 순서
  • 요구사항 요소 확인
  • 정황 시나리오 작성
  • 요구 사항 작성

요구사항 요소

• 데이터 요구 : 사용자가 요구하는 모델과 객체들의 주요 특성을 기반으로 데이터 객체 정리
• 기능 요구 : 사용자의 목적 달성을 위해 무엇을 실행해야하는지를 동사형으로 설명
• 제품/서비스의 품질 : 데이터 및 기능요구 외에 제품의 품질, 서비스, 여기에 감성적인 품질등 고려
• 제약사항 : 제품 완료 데드라인, 전체 개발 및 제작에 필요한 비용, 시스템 준수에 필요한 규제 포함

품질 요구사항

• 소프트웨어에 대한 요구사항이 사용자의 입장에서 얼마나 충족하는가를 나타내는 소프트웨어 특성의 총체
• 소프트웨어 품질 관련 표준
  • ISO/IEC : 9126 소프트웨어를 위한 국제 표준
  • ISO/IEC 25010 : 9126 호환성, 보안성 강화하여 개정한 국제표준
  • ISO/IEC 12119 : 패키지 소프트웨어에 대한 국제표준
  • ISO/IEC 14598 : 소프트웨어 품질 측정 평가에 필요 절차를 규정한 표준

ISO/IEC 9126의 소프트웨어 품질 특성

• 기능성(FUNCTIONALITY)
  소프트웨어가 사용자의 요구사항을 정확하게 만족하는 기능을 제공하는지 여부
• 신뢰성
  주어진 시간동안 주어진 기능을 오류없이 수행할 수 있는 정도
• 사용성
  사용자와 컴퓨터 사이에 발생하는 어떠한 행위에 대하여, 사용자가 정확하게 이해하고 사용하며 향후 다시 사용하고 싶은 정도
• 효율성
  사용자가 원하는 기능을 얼마나 빠르게 처리하는지 정도
• 유지보수성
  환경의 변화 혹은 새로운 요구사항 발생시 소프트웨어 개선, 확장 가능성 정도
• 이식성
  소프트웨어가 얼마나 다른환경에서도 쉽게 적용될 수 있는지 정도

UI 시나리오 문서

사용자 인터페이스의 기능구조, 대표화면, 화면간 인터랙션의 흐름, 다양한 상황에서의 처리 등을 정리한 문서

• UI 시나리오 문서의 요건
  • 완전성 : 누락되지 않도록 최대한 상세하게 기술
  • 일관성 : 서비스 목표, 시스템 및 사용자의 요구사항, UI 스타일 등이 일관성을 유지해야함
  • 이해성 : 누구나 쉽게 이해할 수 있도록
  • 가독성 : 표준화된 템플릿을 활용하여 문서를 쉽게 읽을 수 있도록
  • 수정 용이성 : 시나리오의 수정이나 개선이 쉬워야함
  • 추적 용이성 : 변경사항은 언제, 어떤 부분이 왜발생했는지 추적할 수 잇어야함

HCI(HUMAN COMPUTER INTERACTION OR INTERFACE)

• 사람이 시스템을 보다 편리하고 안전하게 사용할수 있도록 연구하고 개발하는 학문
• 최종목표는 최적의 사용자 경험, UX

감성공학

제품이나 작업환경을 사용자의 감성에 알맞도록 설계 및 제작하는 기술