화면 설계 – UI 요구사항 확인
UI
- 사용자와 사물 또는 시스템, 컴퓨터 프로그램 등 사이에서 의사소통을 할 수 있도록 만들어진 매개체
HCI
- 인간과 컴퓨터간의 상호작용에 관한 연구
- 인간과 컴퓨터가 쉽고 편하게 상호작용 할 수 있도록 작동시스템을 디자인하고 평가하는 과정을 다루는 학문
UI 수단
- 입력 : 사용자가 시스템 조작
- 출력 : 시스템이 사용자가 이용한 것에 대한 결과 표시
UI 종류
- GUI : 그래픽과 텍스트로 이루어져 있으며 객체지향 인터페이스와 응용 프로그램 지향 인터페이스가 공존
- WUI : 인터넷과 웹 브라우저를 통해 웹 페이지를 열람하고 조작하는 인터페이스
- CLI : 사용자가 컴퓨터 자판 등을 이용해 명령 문자열을 입력하여 조작하는 인터페이스
- TUI : CLI처럼 문자열을 입력하나 GUI처럼 화면 단위(화면 전체)로 출력됨
UI의 세 분야
- 정보 제공과 기능 전달을 위한 물리적 제어 분야
- 콘텐츠의 상세적 표현과 전체적 구성에 관한 분야
- 사용자의 편의성에 맞춰 쉽고 간편하게 사용 가능하게 하는 기능적 분야
UI 설계 원칙
- 직관성 : 누구나 쉽게 이해하고 사용할 수 있어야 한다
- 유효성 : 사용자의 목적을 정확하게 달성하여야 한다
- 학습성 : 누구나 쉽게 배우고 익힐 수 있어야 한다
- 유연성 : 사용자의 요구사항을 최대한 수용하며, 오류를 최소화하여야 한다
UI 표준
- 조직의 브랜드나 정체성과 일치되는 디자인 철학과 원칙이 기술되어 UI표준이 정리되고 공통으로 사용하는 UI/GUI 요소 및 배치규칙 등이 정의됨
웹 스타일 가이드 (by 한국인터넷진흥원) - 스타일 가이드는 사용자 인터페이스를 만들 때 각종 규칙들의 기준이 되는 집합
- 웹사이트 개발의 형식적인 표준을 제시하고 있는 지침서
레이아웃
- 디자인 광고 편집에서 각 구성요소를 공간에 효과적으로 배열하는 일 또는 그 기술
- **캡쳐 1
UI 지침
- 웹/모바일 서비스 구축 시 효율적인 정보 전달이 가능하게 하기위하여 UI 설계에서 지켜야 할 세부사항을 규정하는 것
UX
- 사용자가 어떤 시스템, 제품, 서비스를 직 간접적으로 이용하면서 느끼고 생각하게 되는 지각과 반응 등 총체적 경험
정보소외계층의 접근성
- 서비스 구축 시 장애인 고령자 등이 서비스에 쉽게 접근하고 이용할 수 있도록 지침 준수
스토리보드
- 디자이너와 개발자가 최종적응로 참고하는 설계 산출 문서
- 서비스 구축을 위한 대부분의 정보 수록(정책, 프로세스 및 콘텐츠 구성, 와이어프레임, 기능 정의, DB연동 등)
와이어프레임
- 이해관계자들과의 의사소통 또는 서비스의 간략한 흐름을 위해 화면 단위의 레이아웃을 설계하는 작업
스토리보드 작성절차
- 메뉴 구성도 만들기 : 전체적인 메뉴 구성도 (용어 정의도 포함)
- 스타일 확정 : 레이아웃이나 글자 모양, 크기, 색상, 그래픽에서의 일관성 유지
- 설계하기 : 화면에 보여지는 시각적인 디자인 콘셉트
UI 요구사항
- 단순 기능 중심(UI)에서 사용자 요구 중심(UX)으로 변화
- 시스템 위주 UI가 아닌 사용자별 요구 중심으로 변화
품질모델 ISO/IEC 9126 (필기자료집 참고)
- 기능성 : 요구된 기능이 제공되는가? 적합성/정확성/상호운용성/보안성/호환성 (적정상보호)
- 신뢰성 : 믿을만한 소프트웨어인가? 성숙성/고장허용성/회복성 (성고회)
- 사용성 : 사용하기 쉬운 소프트웨어인가? 이해성/학습성/운용성/친밀성 (이학운)
- 효율성 : 얼마나 효율적인 소프트웨어인가? 시간효율성/자원효율성
- 유지보수성 : 수정이 용이한 소프트웨어인가? 분석성/변경성/안전성/시험성 (분변안시)
- 이식성 : 환경 전환이 용이한가? 적용성/설치성/대체성 (적설대)
화면 설계 – UI 설계
UI흐름 및 상세설계 : UI설계 -> 흐름설계 -> 상세설계
UI 사용성 평가 실험
- GOMS : 매우 분석적인 평가 방법 / 비용이 많이 들지만 정확도가 높음
- Heuristic : 전문가 집단에서 UI에 대해 의견을 내게하여 평가 하는 방법 / 비용이 적게 들지만 정확하지 않을 수 있음
비기능적 요구사항
- 시스템 환경적 요구 기능 / 시스템 성능 요구 / 시스템 제약사항 요구
감성공학
- 기본 철학이 인간 중심의 설계로 인체의 특징과 감정을 제품설계에 최대한 반영 시키는 기술
- 인간이 가지고 있는 소망으로서의 이미지나 감성을 구체적인 제품설계로 실현해내는 공학적 접근방버
- 인간의 감성을 과학적으로 해석 후 이에 적합한 제품, 환경 시스템 설계, 개발을 최종 목적으로 하는 과학
감성공학 관련 기술
- 생체 측정 기술, 인간의 감각 센서 및 감성 처리 기술, 감성 디자인 기술, 마이크로 가공 기술, AR/VR
감성공학의 접근 방법(목적 및 필요 기술에 따라) by 나가마치 미츠오
- 감성공학 1류: 인간의 감성을 형용사로 표현할 수 있다고 보고 인간의 감성 이미지를 측정, 제품의 디자인 요소와 연계
- 감성공학 2류: 개인의 개별적 특성과 생활박싱으로부터 개인이 가진 이미지를 구체화, 감성의 심리적 특성 강조, 문화적 감성의 일부 반영
- 감성공학 3류: 공학적인 방버븡로 인간의 감각을 측저어 후 수학적 모델을 구축하여 활용, 제품의 물리적 특성과 인간의 감각이 객관화된 지표 사이의 연관성을 분석해 제품 설계에 응용, 감성의 생리적 특성 중심