[정보처리기사] 6. 화면 설계

A - 237. UI(User Interface)/UX(User eXperience)

• UI
  • UI는 사용자와 시스템 간의 상호작용이 원활하게 이뤄지도록 도와주는 장치나 소프트웨어를 의미
  • 세 가지 분야
    • 정보제공과 전달을 위한 물리적 제어에 관한 분야
    • 콘텐츠의 상세적인 표현과 전체적인 구성에 관한 분야
    • 모든 사용자가 편리하고 간편하게 사용하도록 하는 기능에 대한 분야
• UX
  • 사용자가 시스템이나 서비스를 이용하면서 느끼는 경험
  • UI가 사용성, 접근성, 편의성을 중시한다면 UX는 사용자가 느끼는 만족, 감정을 중시

 

A - 238. UI의 구분

• CLI(Command Line Interface) : 명령과 출력이 텍스트 형태로 이뤄지는 인터페이스
• GUI(Graphic User Interface) : 아이콘이나 메뉴를 마우스로 선택하여 작업을 수행하는 그래픽 환경의 인터페이스
• NUI(Natural User Interface) : 마우스나 키보드 사용없이 사용자의 움직임을 기기로 조작하는 인터페이스

 

A - 239. UI의 기본 원칙

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

 

240. UI 표준 / 지침

• UI 표준 : 전체 시스템에 포함된 모든 UI에 공통적으로 적용될 내용으로, 화면 구성이나, 화면 이동 등이 포함
• UI 지침 : UI 요구사항, 구현 시 제약사항 등 UI 과정에서 꼭 지켜야 할 공통의 조건
• UI 스타일 가이드 작성 순서 : 구레네기구
  • 1. 구동 환경 정의
  • 2. 레이아웃 정의
  • 3. 네비게이션 정의
  • 4. 기능 정의
  • 5. 구성요소 정의

 

B - 241. UI 설계 도구 / 와이어프레임

• 페이지에 대략 개략적인 레이아웃, 뼈대를 설계하는 도구
• 기획 단계의 초기에 제작
• 진행 상태 공유를 위해 사용

 

B - 242. UI 설계 도구 / 목업

• 와이어 프레임보다 좀 더 실제 화면과 유사하게 만든 정적인 형태의 모형
• 시각적으로 구성요소만 배치하는 것으로 실제로 구현되진 않음

 

B - 243. UI 설계 도구 / 스토리보드

• 와이어프레임에 콘텐츠에 대한 설명이나, 페이지 이동 흐름을 설명한 문서
• 디자이너, 개발자가 최종적으로 참고하는 작업 지침서
• 서비스 구축을 위한 모든 정보가 담김

 

B - 244. UI 설계 도구 / 프로토타입

• 실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형
• 사용자의 요구사항을 개발자가 맞게 해석했는지 검증하기 위해 사용
• 프로토타입 종류 : 페이퍼 프로토타입, 디지털 프로토타입
  • 페이퍼 프로토타입 : 스케치, 그림, 글을 이용하여 손으로 직접 작성하는 아날로그적인 방법
  • 디지털 프로토타입 : 파워포인트, 아크로뱃, 등 프로그램을 사용하여 작성하는 방법

 

245. UI 설계 도구 / 유스케이스

• 사용자의 요구사항을 기능 단위로 표현하는 것
• 사용자가 원하는 목표를 달성하기 위해 수행할 내용을 기술
• 일반적으로 다이어그램 형식으로 묘사

 

246. UI 요구사항 확인

• 새로 개발할 시스템에 적용할 UI 관련 요구사항을 조사해서 작성하는 단계
• UI 요구사항 확인 순서
  • 1. 목표 정의 : 인터뷰를 토대로 사용자들의 의견이 수렴된 비즈니스 요구사항 정의
  • 2. 활동사항 정의 : 조사항 요구사항을 토대로 앞으로 할 활동 사항 정의
  • 3. UI 요구사항 작성 : 개발 목적에 맞게 사용자 중심으로 작성
• UI 요구사항 작성 순서
  • 1. 요구사항 요소 확인 : 파악된 요구사항 요소의 종류와 각각의 표현 방식 등을 검토
  • 2. 정황 시나리오 작성 : 목표달성을 위해 수행하는 방법을 순차적으로 묘사
  • 3. 요구사항 작성 : 정황 시나리오를 토대로 요구사항 작성

 

247. 요구사항 요소

• 데이터 요구 
• 기능 요구  
• 제품/서비스의 품질
• 제약사항

 

A - 248. 품질 요구사항

• ISO/IEC : 9126 소프트웨어의 품질 특성과 평가를 위한 국제 표준
• ISO/IEC 25010 : ISO/IEC 9126에 호환성과 보안성을 강화하여 개정한 소프트웨어 제품에 대한 국제표준
• ISO/IEC 12119 : 패키지 소프트웨어의 일반적인 제품 품질 요구사항 및 테스트를 위한 국제 표준
• ISO/IEC 14598 : 소프트웨어 품질의 측정과 평가에 필요 절차를 규정한 표준

 

A - 249. ISO/IEC 9126의 소프트웨어 품질 특성 - 기신사효유이

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

 

250. UI 시나리오 문서

• UI 시나리오 문서의 요건(완일이 가수추)
  • 완전성 : 누락되지 않도록 최대한 상세하게 기술해야 함.
  • 일관성 : 모두 일관성을 유지해야 함.
  • 이해성 : 누구나 쉽게 이해할 수 있도록 설명
  • 가독성
  • 수정 용이성
  • 추적 용이성

 

251. HCI

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

 

252. 감성공학

• 사용자의 감성에 알맞도록 설계 제작하는 기술

 

---

 

237. 

 

UX, UI

 

238. 

CLI, GUI

 

NUI

 

239.

ㅁ

유효성

 

240.

 

a c b e d

 

241.

 

와이어프레임

 

 

242.

 

목업

 

243.

스토리보드

 

244.

 

실제 구현된 것처럼 테스트가 가능한 동적인 형태의 모형

 

245.

유스케이스

 

 

 

246.

사용자

 

247.

ㅂㅅㄴㄷ

 

248.

ISO/IEC 12119

 

249.

상호 운용성, 보안성

 

 

250.

UI 시나리오 문서

 

251.

HCI

 

252.

 

감성공학