UI_UX Design/UI Design 개론

Heuristic Evaluation of Website

jsBae 2023. 9. 12. 11:11
제이콥 닐슨(Jakob Nielsen)의 휴리스틱 평가(Heuristic Evaluation)는 웹사이트나 애플리케이션의 사용자 인터페이스(UI)가 사용성 가이드라인을 얼마나 잘 따르고 있는지를 평가하기 위한 방법 중 하나이다.

이 방법은 일반적인 사용성 원칙(휴리스틱)을 사용하여 디자인 결함을 식별하는 것을 목적으로 한다.

휴리스틱 평가 (Heuristic Evaluation)

  • 어원 : 그리스어 “발견하다”
  • 시스템 디자인의 결정/평가를 할 때 사용하는 일종의 가이드 라인

휴리스틱 평가(Heuristic Evaluation):
- 인간의 직관이나 경험에 기반하여 문제를 해결하거나 학습, 발견하는 방법을 지칭
- 인터페이스 디자인에서 사용성 문제를 찾기 위한 사용성 엔지니어링 방법론


휴리스틱 평가를 제안한 제이콥 닐슨은 10개의 평가 척도를 제시.

  • SW평가목적으로 개념화 시킴
  • 휴리스틱을 사용하여 interface의 약점이나 문제점 파악

• 장점

  • 전문가 평가를 통해 빠른 시간 내에 사용성의 문제점을 광범위하게 발견 (실제 개발과 평가에 도움)
  • 초기 시스템 개발주기동안 다양한 사용성의 문제점을 일찍 발견
  • 비전문가들이 사용하기에도 유용 – 가이드라인을 통해 사용성 평가

• 단점

  • 정량적인 평가 자료를 만들기 힘듦(어림값)
  • 평가자가 실제 사용자가 아닌 대행자 – 실제가 다름
  • 휴리스틱 사용성 원칙에 벗어나는 문제는 확인할 수 없음
  •  

휴리스틱 평가-제이콥닐슨의 UI 사용성 평가

    1. 시스템 상태의 가시성 (Visibility of system status):
      • 시스템이 현재 무슨 일을 하고 있는지 사용자에게 명확하게 보여야 합니다.
      • 예제 1: 로딩 표시- 사용자가 버튼을 클릭하여 데이터를 로드할 때, 아무런 시각적 피드백 없이 대기하게 되면 사용자는 시스템이 작동 중인지, 오류가 발생했는지 알 수 없다. 그러나 로딩 아이콘(스피너)을 표시하면 사용자는 시스템이 현재 데이터를 처리 중임을 알 수 있다.
        예시: 웹사이트에서 파일을 업로드할 때 업로드 진행 상황을 보여주는 로딩 바(Progress bar).
      • 예제 2: 저장 완료 메시지
      • 예제 3: 폼 제출 후 확인- 예시: "제출이 완료되었습니다. 감사합니다!"라는 확인 메시지.
    2. 시스템과 실세계 사이의 일치 (Match between system and the real world):
      • 시스템은 사용자의 언어와 개념을 사용하여 정보를 제시해야 합니다.
      • 예제 1: 쇼핑몰 웹사이트- 온라인 쇼핑몰에서 장바구니 기능을 제공할 때, **"장바구니"**라는 용어를 사용한다.
      • 예제 2: 파일 삭제- 온라인 쇼핑몰에서 장바구니 기능을 제공할 때, **"장바구니"**라는 용어를 사용한다.
      • 예제 3: 뱅킹 애플리케이션- 모바일 뱅킹 앱에서 사용자가 송금할 때, **"계좌 이체"**와 같은 실생활에서 사용하는 금융 용어를 사용한다. 또한 "잔액", "입금", "출금"과 같은 용어는 은행에서 자주 사용되기 때문에, 사용자는 자연스럽게 이러한 기능을 이해하고 사용할 수 있다.
      • 예제 4: 달력 및 일정 관리 앱- 일정 관리 앱에서 **"달력"**이나 "알람" 기능을 제공할 때, 달력의 월, 일, 시간 등은 실생활에서 사용되는 시간 개념과 일치한다. 또한 알람 기능은 실생활에서의 알람 시계처럼 작동하여, 사용자는 직관적으로 이해하고 활용할 수 있다.
    3. 사용자 제어와 자유 (User control and freedom):
      • 사용자가 실수를 해도 쉽게 되돌릴 수 있는 '취소' 옵션이 있어야 합니다.
    4. 일관성과 표준 (Consistency and standards):
      • 단어, 상황, 액션 등이 일관되게 사용되어야 합니다.
    5. 오류 예방 (Error prevention):
      • 가능한한 문제가 발생하지 않도록 설계되어야 합니다.
    6. 직관적인으로 인지 (Recognition rather than recall):
      • 사용자가 정보를 기억할 필요 없이 쉽게 접근하고 이용할 수 있도록 해야 합니다.
    7. 유연성과 효율성 (Flexibility and efficiency of use):
      • 모든 사용자가 효율적으로 시스템을 사용할 수 있어야 하며, 숙련된 사용자를 위한 단축키 등이 제공되면 더 좋습니다.
      • 초보자, 경험자 모두 만족 할 수 있는 시스템
    8. 간결하고 미학적인 디자인 (Aesthetic and minimalist design):
      • 불필요한 정보는 없어야 하며, 필요한 정보만이 제공되어야 합니다.
    9. 사용자가 에러를 인지하고 이해하며 해결할 수 있게 도와주기 (Help users recognize, diagnose, and recover from errors):
      • 오류 메시지는 명확하게 이해할 수 있고 해결 방법을 제시해야 합니다.
      • 사용자 스스로 오류를 인식, 진단, 복구할 수 있도록 지원
    10. 도움말과 문서 (Help and documentation): 도움말이 필요한 경우, 쉽게 접근 가능하고 이해하기 쉬워야 합니다.

 

728x90
반응형