[ 정보처리기사 ] 04. 2020 정보처리기사 3회차 실기 대비 - 화면설계 ( UI 요구사항 확인 )

화면 설계 - UI 요구사항 확인

UI

• 사용자와 사물 또는 시스템, 컴퓨터 프로그램 등 사이에서 의사소통을 할 수 있도록 만들어진 매개체

HCI

• 인간과 컴퓨터간의 상호작용에 관한 연구
• 인간과 컴퓨터가 쉽고 편하게 상호작용할 수 있도록 작동시스템을 디자인하고 평가하는 과정을 다루는 학무

UI수단

• 입력 : 사용자가 시스템 조작
• 출력 : 시스템이 사용자가 이용한 것에 대한 결과 표시

UI 종류

• GUI : 그래픽과 텍스트로 이루어져 있으며 객체지향 인터페이스와 응요프로그램 지향 인터페이스가 공존
• WUI : 인터넷과 웹 브라우저를 통해 웹 페이지를 열람하고 조작하는 인터페이스
• CLI : 사용자가 컴퓨터 자판 등을 이용해 명령 문자열을 입력하여 조작하는 인터페이스
• TUI : CLI처럼 문자열을 입력하나 GUI처럼 화면 단위(화면 전체)로 출력됨

UI의 세 분야

• 정보 제공과 기능 전달을 위한 물리적 제어 분야
• 콘텐츠의 상세적 표현과 전체적 구성에 관한 분야
• 사용자의 편의성에 맞춰 쉽고 간편하게 사용 가능하게 하는 기능적 분야

UI 설계 원칙

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

UI 표준

• 조직의 브랜드나 정체성과 일치되는 디자인 철학과 원칙이 기술되어 UI표준이 정리되고 공통으로 사용하는 UI/GUI 요소 및 배치규칙 등이 정의됨

웹 스타일 가이드(by 한국인터넷진흥원)

• 스타일 가이드는 사용자 인터페이스를 만들 때 각종 규칙들의 기준이 되는 집합
• 웹사이트 개발의 형식적인 표준을 제시하고 있는 지침서

레이아웃

• 디자인 광고 편집에서 각 구성요소를 공간에 효과적을 배열하는 일 또는 그 기술

UI 지침

• 웹/모바일 서비스 구축 시 효율적인 정보 전달이 가능하게 하기 위하여 UI설계에서 지켜야할 세부사항을 규정하는 것

UX

• 사용자가 어떤 시스템, 제품, 서비스를 직 간접적으로 이용하면서 느끼고 생각하게 되는 지각과 반응 등 총체적 경험

정보소외계층의 접근성

• 서비스 구축 시 장애인 고령자 등이 서비스에 쉽게 접근하고 이용할 수 있도록 지침 준수

스토리보드

• 디자이너와 개발자가 최종적으로 참고하는 설계 산출 문서
• 서비스 구축을 위한 대부분의 정보 수록(정책, 프로세스 및 콘텐츠 구성, 와이어프레임, 기능 정의, DB연동 등)

와이어프레임

• 이해관계자들과의 의사소통 또는 서비스의 간략한 흐름을 위해 화면 단위의 레이아웃을 설계하는 작업

스토리보드 작성절차

• 메뉴 구성도 만들기 : 전체적인 메뉴 구성도 ( 용어 정의도 포함)
• 스타일 확정 : 레이아웃이나 글자 모양, 크기, 색상, 그래픽에서의 일관성 유지
• 설계하기 : 화면에 보여지는 시각적인 디자인 컨셉

UI 요구사항

• 단순 기능 중심(UI)에서 사용자 요구 중심(UX)로 변화
• 시스템 위주 UI가 아닌 사용자별 요구 중심으로 변화

품질모델 ISO/IEC 9126

• 기능성 : 요구된 기능이 제공되는가? 적합성/정확성/상호운용성/보안성/호환성 (적정상 보호)
• 신뢰성 : 믿을만한 소프트웨어인가? 성숙성/고장허용성/회복성 (성고회)
• 사용성 : 사용하기 쉬운 소프트웨어인가? 이해성/학습성/안전성/ 친밀성 (이학운)
• 효율성 : 얼마나 효율적인 소프트웨어인가? 시간효율성/자원효율성
• 유지보수성 : 수정이 용이한 소프트웨어인가? 분석성/변경성/안전성/시험섣 (분변안시)
• 이식성 : 환경 전환이 용이한가? 적용성/설치성/대체성 (적설대)

화면설계

• UI설계

UI흐름 및 상세설계

• UI설계 > 흐름설계 > 상세설계

UI 사용성 평가 실험

• GOMS : 매우 분석적인 평가 방법 / 비용이 많이 들지만 정확도가 높음
• Heuristic : 전문가 집단에서 UI에 대해 의견을 내게하여 평가 하는 방법 / 비용이 적게 들지만 정확하지 않을 수 있음

비기능적 요구사항

• 시스템 환경적 요구기능 / 시스템 성능 요구 / 시스템 제약사항 요구

감성공학

• 기본철학이 인간 중심의 설계로 인체의 특징과 감정을 제품설계에 최대한 반영시키는 기술
• 인간이 가지고 있는 소망으로서의 이미지나 감성을 구체적인 제품설계로 실현해내는 공학적 접근방법

감성공학 관련기술

• 생체 측정 기술, 인간의 감각 센서 및 감성 처리 기술, 감성 디자인 기술, 마이크로 가공 기술, AR/VR

감성공학의 접근 방법(목적 및 필요 기술에 따라) by 나가마치 미츠오

• 감성공학 1류 : 인간의 감성을 형용사로 표현할 수 있다고 보고 인간의 감성 이미지를 측정, 제품의 디자인 요소와 연계
• 감성공학 2류 : 개인의 개별적 특성과 생활방식으로부터 개인이 가진 이미지를 구체화, 감성의 심리적 특성 강조, 문화적 감성의 일부 반영
• 감성공학 3류 : 공학적인 방법으로 인간의 감각을 측정 후 수학적 모델을 구축하여 활용, 제품의 물리적 특성과 인간의 감각이 객관화된 지표 사이의 연관성을 분석해 제품 설계에 응용, 감성의 생리적 특성 중심