1. 사용자 인터페이스(UI)의 정의와 이해
사용자 인터페이스(UI, User Interface)란?
- 사용자 인터페이스(UI)는 사람들이 컴퓨터, 시스템, 기기, 도구 등 그 사이에서 일어나는 상호작용(Interaction)을 매개하는 것이다.
- 사람(사용자)과 사물 또는 시스템, 기계, 컴퓨터 등, 그 사이에서 의사소통을 할 수 있도록 일시적 또는 영구적인 접근을 목적으로 만들어진 물리적, 가상적 매개체를 뜻한다.
- 사용자 인터페이스는 디스플레이 화면, 키보드, 마우스, 문자, 아이콘, 도움말 등 사용자들과 상호 작용을 하도록 설계된 모든 정보관련 고안품을 포함하여, 응용프로그램이나 웹사이트 등이 상호작용을 초래하거나 그것에 반응하는 방법 등을 의미한다.
2) 사용자 인터페이스(UI)의 목적
a)사용성(usability)은 사용자인터페이스의 주된 목적
좋은 사용자 인터페이스는 심리학과 생리학에 기반하여, 사용자가 필요로하는 요소를 쉽게 찾고 사용하며 그 요소들로부터 명확하게 의도한 결과를 쉽게 얻어 낼 수 있어야 한다.
사용자 인터페이스는 상호작용 수단과 방식을 제공
-입력(I): 사용자가 시스템을 조작할 수 있게 한다.
-출력(O): 시스템이 사용자가 이용한 것에 대한 결과를 표시한다.
3) 사용자 인터페이스(UI)의 구분(종류)
a)상호작용 수단과 방식에 따른 사용자인터페이스의 구분
- CUI(Character based UI): 문자 방식의 명령어 입력 사용자 인터페이스
- GUI(Graphic UI): 그래픽 환경 기반의 마우스 입력 사용자 인터페이스
- NUI(Natural UI): 사용자의 말과 행동 기반 제스쳐 입력 인터페이스
2. 모바일 UI 디자인의 기본 설계 원칙
1) 사용자 인터페이스 기본 원칙
a)직관성(Intuitiveness)
Findability / Ease of use / consistency
앱의 구조를 큰 노력 없이도 쉽게 이해하고, 쉽게 사용하게 해주는가
b)유효성(Efficiency)
Feedback / Effectiveness
얼마나 정확하고 완벽하게 사용자의 목표가 달성될 수 있는지
c)학습성(Learnability)
Easy of learning / Accessibility / Memorability
초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 해주는지
d)유연성(Flexibility)
Forgiveness / Error Prevention / Error Detectability / Error-averse
사용자의 인터랙션을 얼마나 포용하고, 실수로부터 방지해주는지
2) 사용자 인터페이스 설계 지침-10원칙(한국HCI연구회)
a)가시성의 원칙(Visibility)
- 앱의 주요기능(feature)을 노출시켜 최대한 조작이 쉽게 되도록 한다.
b)조작결과 예측의 원칙(Natural Mapping)
- 사용자가 앱을 조작하여 작동시킨 결과를 조작 부위만 보고도 미리 예측가능하게 설계해야 한다.
c)일관성의 원칙(Consistency)
- 앱의 조작방식에 일관성을 제공함으로써 사용자가 쉽게 기억하고 빠르게 적응할 수 있게 한다.
d)단순성의 원칙(Simplicity)
- 앱의 기능구조를 단순화 시켜 조작에 요구되는 노력을 최소화하여 인지적 부담을 줄이게 한다.
e)지식배분의 원칙(Knowledge in World & Head)
- 앱의 기능 조작에 요구되는 지식은 사용자의 지식과 기억구조에 적합하도록 하여 학습하기 쉽고 기억하기 쉽게 상호보완적으로 분배한다.
f)조작오류의 원칙(Design for Error)
- 발생된 오류는 쉽게 발견될 수 있도록 하고,오류의 수정 또한 최대한 쉽게 이루어져야 한다.
g)제한사항 선택사용의 원칙(Constrainsts)
- 앱의 조작 상의 제한사항을 이용하여 가능한 선택의 여지를 줄여 조작방법이 명확하도록 한다.
h)표준화의 원칙(Standardization)
- 앱의 기능 구조와 디자인을 표준화하여 한번 학습한 이후 효과적으로 사용할 수 있도록 한다.
i)행동유도성의 원칙(Affordance)
- 사용자에게 앱의 기능을 어떻게 조작하면 될 것인가에 관한 단서(clue)를 제공함으로써 조작의 가능성을 높인다.
j)접근성의 원칙(Accessibility)
- 사용자의 성별, 연령, 인종 등에 따른 다양한 계층의 사용자를 수용할 수 있도록 고려해야 한다.
3. 좋은 UI의 특징 및 관련 원칙들
1) 화면의 구성 관련
a)조직성+일관성
-조직성은 사용자가 일관성 있는 개념적 구조를 제공
-일관성은 사용자가 예측할 수 있는 UI를 반영하여 용이성을 향상
b)간결성+명료성
-간결성이란 커뮤니케이션을 위해 꼭 필요한 요소만을 디자인
-사용자에게 한 번에 너무 많은 기능을 제공하지 않음
-디자인된 모든 요소들의 의미가 모호하지 않고 명료해야 함
2) 감성 및 인지적 품질 관련
a)가독성+시인성
-너무 많은 버튼이 디스플레이 되거나 너무 복잡한 아이콘은 사용자에게 부담을 줄 수 있음
-UI를 바로 보고, 그 의미를 혼동 없이 쉽게 읽고 정확하게 이해할 수 있어야 함
b)접근성+관용성: 다양한 사용자 고려
-불특정 다수의 사용자도 시스템 UI에 접근할 수 있도록 함
-동시에 다양한 사용자의 문화적, 언어적 차별이 없이 사용자 요구를 반영해야 함
3) 사용성 관련
a)메타포+피드백
-현실세계의 대상물들(도구)을 메타포로서 인터페이스에 옮겨 놓은 아이콘들은 직관적 사용성에 효과적으로 작용한다.
-메타포의 활용은 문화적, 언어적 장벽들을 자연스럽게 극복하게 해준다.
-피드백은 사용 결과와 반응의 대화를 이끌어낸다.
-작업을 수행 할 때 반응(피드백)은 가능한 한 즉각적으로 제공하여 시각적 혹은 청각적 신호로 제공해야 한다.
-사용자에게 시스템이 무슨 일이 일어나고 있는지를 피드백을 통해 계속 알려주어야 한다.