3. 사용자 인터페이스의 개념과 이해

1. 사용자인터페이스(UI, User Interface)란? 

  - 사용자 인터페이스(UI)는 사람들이 컴퓨터, 시스템, 기기, 도구 등 그 사이에서 일어나는 상호작용(Interaction)을 매개하는 것

  - 사람(사용자)과 사물 또는 시스템, 기계, 컴퓨터 등 그 사이에서 의사소통을 할 수 있도록 일시적 또는 영구적인 접근을 목적으로

     만들어진 물리적, 가상적 매개체

  - 사용자인터페이스는 디스플레이 화면, 키보드, 마우스, 문자, 아이콘, 도움말 등 사용자들과 상호 작용을 하도록 설계된

    모든 정보관련 고안품을 포함하여, 응용프로그램이나 웹사이트 등이 상호 작용을 초래하거나 그것에 반응하는 방법 등을 의미

 

---

 

2. 사용자 인터페이스(UI)의 목적 

 

  1) 좋은 사용성(usability)은 사용자인터페이스의 주된 목적

    - 좋은 사용자인터페이스는 심리학과 생리학에 기반하여 사용자가 필요로 하는 요소를 쉽게 찾고 사용하며

       그 요소로부터 명확하게 의도한 결과를 쉽게 얻어 낼 수 있어야 함

 

  2) 사용자 인터페이스는 상호작용 수단과 방식을 제공

    - 입력(I): 사용자가 시스템을 조작

    - 출력(O): 시스템이 사용자가 이용한 것에 대한 결과를 표시

 

---

 

3. 사용자 인터페이스(UI)의 구분(종류) 

  - CUI (Character based UI): 문자방식의 명령어 입력 사용자 인터페이스 

  - GUI (Graphic UI): 그래픽 환경 기반의 마우스 입력 사용자 인터페이스 

   - NUI (Natural UI): 사용자의 말과 행동 기반 제스쳐 입력 인터페이스

 

---

4. 사용자인터페이스 기본 원칙 

 

  1) 직관성 (Intuitiveness) 

    - 앱의 구조를 큰 노력 없이도 쉽게 이해하고, 쉽게 사용할 수 있게 제작해야 함

    - 용이한 검색  (Findability), 쉬운 사용성 (Ease of use), 일관성 (Consistency)

 

  2) 유효성 (Efficiency) 

    - 정확하고 완벽하게 사용자의 목표가 달성될 수 있도록 제작

 

  3) 학습성 (Learnability) 

    - 초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 제작

   - 쉽게 학습 (Easy of learning), 쉬운 접근 (Accessibility), 쉽게 기억 (Memorability) 

 

  4) 유연성 (Flexibility) 

    - 사용자의 인터랙션을 최대한 포용하고, 실수를 방지할 수 있도록 제작

    - 오류예방 (Error Prevention), 실수포용 (Forgiveness), 오류 감지 (Error Detectability) 

 

---

 

5. 사용자인터페이스 설계 지침-10원칙 (한국HCI연구회) 

 

  1) 가시성의 원칙 (Visibility) 

    - 앱의 주요기능(feature)을 노출시켜 최대한 조작이 쉽도록 구성

 

  2) 조작결과 예측의 원칙 (Natural Mapping) 

    - 사용자가 앱을 조작하여 작동시킨 결과를 조작 부위만 보고도 미리 예측가능하게 설계

    - 즉 UI 구성 및 디자인을 통해 기능 및 실행결과가 예측 가능하도록 설계

 

  3) 일관성의 원칙 (Consistency) 

    - 앱의 조작방식에 일관성을 제공함으로써 사용자가 쉽게 기억하고 빠르게 적응할 수 있도록 설계

 

  4) 단순성의 원칙 (Simplicity) 

    - 앱의 기능구조를 단순화 시켜 조작에 요구되는 노력을 최소화하여 인지적 부담을 줄이게 한다. 

 

  5) 지식배분의 원칙 (Knowledge in World & Head) 

    - 앱의 기능 조작에 요구되는 지식은 사용자의 지식과 기억 구조에 적합하도록 하여 학습하기 쉽고 기억하기 쉽게 상호 보완적으로 분배

 

  6) 조작오류의 원칙 (Design for Error) 

    - 발생된 오류는 쉽게 발견될 수 있도록 하고, 오류의 수정 또한 최대한 쉽게 이루어질 수 있도록 설계

 

  7) 제한사항 선택사용의 원칙(Constraints) 

    - 앱의 조작 상의 제한사항을 이용하여 가능한 선택의 여지를 줄여 조작방법이 명확하도록 설계

 

 8) 표준화의 원칙(Standardization) 

  - 앱의 기능구조와 디자인을 표준화하여 한번 학습한 이후 효과적으로 사용할 수 있도록 설계

 

  9) 행동유도성의 원칙(Affordance) 

    - 사용자에게 앱의 기능을 어떻게 조작하면 될 것인가에 관한 단서를 제공

 

  10) 접근성의 원칙(Accessibility) 

    - 사용자의 성별, 연령, 인종 등에 따른 다양한 계층의 사용자를 수용할 수 있도록 고려

 

---

 

6. 좋은 UI의 특징 및 관련 원칙들 

 

  1) 화면의 구성

    (1) 조직성 & 일관성 

사용자에게 일관성 있는 개념적 구조(조직성)를 제공하고, 사용자가 예측할 수는 UI를 반영하여  용이성을 높임

    (2) 간결성 & 명료성 

      - 사용자에게 한번에 너무 많은 기능을 제공하지 않고, 커뮤니케이션을 위해 꼭 필요한 요소만을 디자인 

      - 디자인된 모든 요소들의 의미가 모호하지 않고 명료하게 설계

 

  2) 감성 & 인지적 품질

    (1) 가독성 & 시인성 

      - 너무 많은 버튼이 디스플레이 되거나 너무 복잡한 아이콘은 사용자에게 부담

      - UI를 보고 그 의미를 혼동 없이 쉽게 읽고 정확하게 이해할 수 있게 설계

    (2) 접근성 & 관용성: 다양한 사용자 고려 

      - 불특정 다수의 사용자도 시스템 UI에 접근할 수 있도록 하고, 동시에 다양한 사용자의 문화적/언어적 차별이 없이 사용자 요구를 반영

  (3) 메타포

      - 메타포의 활용은 문화적, 언어적 장벽들을 자연스럽게 극복

현실세계의 대상물을 메타포로서 인터페이스에 옮겨 놓은 아이콘들은 직관적 사용성에 효과적

 

    (4) 피드백

      - 작업을 수행 할 때 피드백은 가능한 한 즉각적으로 제공 (시각적 혹은 청각적 신호로 어떠한 기능이 수행되고 있는 지 인지할 수 있도록 제공)