제6장 화면 설계

제1절 UI 요구사항 확인

(1)UI(사용자 인터페이스)의 개념

UI 기본원칙
- 직관성(Intuitiveness):누구나 쉽게 이해하고 사용할 수 있도록 제작
- 유효성(Efficiency):정확하고 완벽하게 사용자의 목표가 달성될 수 있도록 제작
- 학습성(Learnability):초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 제작
- 유연성(Flexibility):사용자의 인터랙션을 최대한 포용하고, 실수를 방지할 수 있도록 제작

(1)스토리보드(Storyboard)

디자이너/개발자가 참고하는 최종적인 산출문서로써 정책,비즈니스,프로세스,콘텐츠,구성,와이어프레임, 기능 정의, 데이터베이스 연동 등 서비스 구축을 위한 모든 정보가 담겨있는 문서이다. 현업에서 해당문서를 바탕으로 커뮤니케이션을 진행한다. 스토리보드의 툴로는 파워포인트, 키노트, 스케치 등이 있다.

(2)와이어프레임(Wireframe)

와이어프레임은 화면 단위의 레이아웃을 설계하는 작업이다. 의사소통 관계자들과 레이아웃을 협의하거나 서비스의 간략한 흘므을 공유하기 위해 사용하며, UI,UX 설계에 집중되어 있다. 와이어프레임 도구는 손그림, 파워포인트, 스케치, 일러스트 그리고 포토샵이 있다.

(3)프로토타입(Prototype) 견본, 시제품

프로토타입은 실제 서비스와 흡사한 모형을 만드는 작업이다. 정적인 화면으로 설계된 와이어프레임 또는 스토리보드에 인터랙션(동적효과)를 적용함으로써, 실제 구현된 것처럼 시뮬레이션 할 수 있으며 단시간에 구현이 가능하기 때문에 사용자 경험에 대한 테스터를 진행해 볼 수 있다. 이를 통해 설계 단계의 리스크를 사전에 예방할 수 있다.

(4)와이어프레임/스토리보드/프로토타입 관계도와이어프레임/스토리보드/프로토타입 관계도

(1) 감성공학의 정의

인간의 감성을 과학적으로 측정하고 평가한 것에 공학적 기술력을 결합시켜 새로운 제품을 만들어 인간에게 더욱 편리하고 안락할 수 있게 도모하려는 기술이다.

(2)감성공학 기술 활용 분야

인간공학*인지공학 등 인간 특성을 파악하려는 연구에 기본을 둔 생체 측정 기술이다.
인간 특성에 적합하도록 사용자 인터페이스를 실현하기 위한 기술로서 센서 공학퍼지 뉴럴 네트워크 기술신경말 기술 등 인간의 오감 센서 및 감성 처리 기술이다.
사용성 평가 기술*가상현실 기술 등으로서 인간에 대한 적합성을 판단하고 새로운 감성을 창출하기 위한 기술이다.

(3)나가마치 미츠오 감성공학 접근 방법

감성공학 1류: 인간의 감성 이미지를 측정하는 방법이며, 이를 통해 제품에 대한 이미지를 조사 분석하여 제품의 디자인 요소와 연계시킨다.
감성공학 2류:개별적 특성과 생활 방식으로부터 개인이 갖고 잇는 이미지를 구체화하는 방법이다. 감성의 심리적 특성을 강조한 접근 방법이라 할 수 있으며, 감성의 개인성에 중점을 둔 '문화적 감성'의 일부를 반영하기도 한다.
감성공학 3류:공학적인 방법으로 접근하여 인간의 감각을 측정하고, 이를 바탕으로 수학적 모델을 구축하여 활용한다. 대상이 되는 제품의 물리적 특성과 인간의 감각이 객관화된 지표 사이의 연관성을 분석하여 제품 설계에 응요할 수 있으며, 측정 시 감성의 생리적 특성을 중시한다.

(1)일반문서 도구

(2)화면 설계 툴

(3)프로토타이핑 툴

네이버 프로토나우(protoNow)

(4)ui 디자인 툴

(5)디자인 산출물로 작업하는 프로토타이핑 툴