2-1 화면 설계
1. UI 요구사항 확인
UI(User Interface)
사용자와 시스템 사이의 의사소통을 도와주는 물리적, 가상의 매체이다.
기기나, 소프트웨어에서 사람이 접하게 되는 화면.
UI의 유형
- NUI(Natural User Interface) ⇒ 직관적 사용자 반응 기반, 사용자 경험 기반
- OUI(Organic User Interface) ⇒ 유기적 상호작용 기반 (입력장치가 곧 출력장치)
- CLI(Command Line Interface) ⇒ 정적 텍스트 기반
- GUI(Graphical User Interface ⇒ 그래픽 반응 기반
UI 설계 원칙
- 유효성(Efficiency) ⇒ 정확하고 완벽하게 목표가 달성되도록 제작 (쉬운 오류처리)
- 직관성(Intuitiveness) ⇒ 누구나 쉽게 이해하고 사용할 수 있도록 제작 (쉬운 사용성, 쉬운 검색, 일관성)
- 유연성(Flexibility) ⇒ 사용자의 인터랙션(의사소통)을 포용하고 실수를 방지하도록 제작 (오류 예방)
- 학습성(Learnability) ⇒ 초보자도 쉽게 배우고 사용할 수 있게 제작 (쉽게 학습, 접근, 기억)
UI 시스템이 가져야 할 필요 기능
- 사용자의 입력을 검증한다.
- 에러 처리와 에러 메시지 처리
- Help(도움)와 프롬프트 제공
UI 표준
UI 표준의 구성요소
- 전체적인 UX 원칙
- 정책 및 철학
- UI 스타일 가이드
- UI 패턴 모델 정의
- UI 표준 수립을 위한 조직 구성
UI 스타일 가이드 구성요소
- UI 구동 환경 및 레이아웃, 내비게이션 정의
- 기능 및 구성요소 정의
UI 패턴 모델 정의
- CRUD를 기반으로 데이터 입출력 패턴 모델 정의
- 서버 메시지 및 예외처리 정의
UI 개발 목표 및 범위 정의 단계
3C분석, SWOT 분석, 이슈 분석
UI 사용자 요구사항 도출 단계
페르소나 정의, 콘셉트 모델 정의(브레인스토밍), 사용자 요구사항 정의, 요구사항 매트릭스 작성, 정황 시나리오 제작,
UI컨셉션(대표 화면 와이어 프레임 스케치)
2. UI 설계
UI 설계 프로세스
문제 정의 ⇒ 사용자 모델 정의 ⇒ 작업 분석 ⇒ 컴퓨터 오브젝트 및 기능 정의 ⇒ 사용자 인터페이스 정의 ⇒ 디자인 평가
UI 흐름 설계 프로세스
화면에 표현할 기능 작성 ⇒ 입력 요소 확인 ⇒ 유스케이스 설계 ⇒ 기능 및 양식 확인
UI흐름 설계의 기능적 요구사항
- 검색 기능 및 사용자 편의를 위한 기능
- 정보 등록, 조회, 수정, 삭제 등
- 이벤트 발생 시 수행 기능
UI흐름 설계의 비기능적 요구사항
- 처리속도, 보안성 등의 시스템 성능
UI 화면 설계에 필요한 항목
1. 스토리보드(storyboard)
UI 화면 설계를 위한 정책이나 프로세스 및 콘텐츠 구성, 와이어 프레임, 기능 정의, DB 연동 등 서비스 구축을 위한 모든 정보가 수록된 문서이다. 디자이너와 개발자가 최종적으로 참고하는 문서이다.
2. 와이어프레임(wireframe)
화면 구성을 협의하거나 서비스의 간략한 흐름을 공유하기 위해 화면 단위의 레이아웃을 설계한다.
3. 프로토타입(prototype)
정적인 화면으로 설계된 와이어프레임이나 스토리보드에 동적 효과를 주어 실제 구현된 것처럼 시뮬레이션할 수 있는 모형
3. 감성공학(Sensibility Egonomics)
인간의 감성을 정량적으로 측정하고, 과학적으로 분석해 구체적인 제품을 설계하는 공학적 접근 방법.
세부분야가 가진 목적 및 기술에 따라 3분류의 접근방법으로 나뉜다.
감성공학의 접근 방법
1류 접근방법
- 의미 미분법
- 인간의 감성을 표현하는 어휘를 이용하여 제품 이미지를 조사하고 제품 디자인 요소와 연계시키는 접근 방법
2류 접근방법
- 문학적 감성 일부 반영
- 개인의 연령, 성별 등의 개별 특성으로부터 개인이 가진 이미지를 구체화하는 방법
3류 접근방법
- 감성적 어휘 대신 공학적인 방법으로 인간의 감각을 측정, 수학적 모델을 구축해 활용하는 방법
- 물리적 특성에 대한 객관적 지표를 이용한다.