카테고리 없음

UI의 평가 기준 - 사용성, 휴리스틱 평

jsBae 2022. 9. 13. 18:21

UI를 판단하는 기준으로는 사용성(Usability)를 들 수 있다.

Usability
지정된 사용 환경에서 효율성 및 만족도와 함께 지정된 목표를 달성하기 위해 특징 사용자가 제품을 사용할 수 있는 범위
-ISO 9241

제이콥 닐슴의 사용성 품질을 검증 할 수 있는 5가지 요소

용이성(Learnability): UI를 처음 경험하는 사용자라도 기본적인 임무 수행을 위해 시스템을 빨리 배울 수 있어야 한다는 의미
효율성(Effeciency): 이미 사용법을 익혔다면 높은 수준의 작업을 매번 수행할 수 있도록 시스템이 효율적이어야 한다는 의미
기억성(Memorability): 시스템 전반을 완전하게 익히지 않았거나 사용하지 않은 채 오랜 시간이 지난 후에도 다시 능숙하게 사용할 수 있도록 기억하기 쉬워야 한다는 의미
오류(Errors): 시스템을 사용하는 동안 오류 발생이 적어야 하고, 실수를 했더라도 그 상황을 쉽게 극복할 수 있어야 한다는 의미

만족성(Satisfaction): 사용자가 시스템을 즐겁게 사용할 수 있어야 한다는 의미

5. 휴리스틱 평가 (Heuristick Evaulation)

어원 : 그리스어 발견하다
시스템 디자인의 결정/평가를 할 때 사용하는 일종의 가이드 라인
휴리스틱 평가(Heuristic Evaluation):
-
인간의 직관이나 경험에 기반하여 문제를 해결하거나 학습, 발견하는 방법을 지칭
-
인터페이스 디자인에서 사용성 문제를 찾기 위한 사용성 엔지니어링 방법론
휴리스틱 평가를 제안한 제이콥 닐슨은 10개의 평가 척도를 제시.
SW평가목적으로 개념화 시킴
휴리스틱을 사용하여 interface의 약점이나 문제점 파악

장점

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

단점

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

 

§The 10 Heuristics for UI Design by Jakob Nielsen

 

1.시스템 상태의 시각화(Visibility of system status)
- 시스템은 끊임없이 자신의 상태를 알려줘야 한다.
피드백의 존재 유무 : 사용자의 행동에 반응하는가?
피드백의 명확성 : 사용자가 자신의 행동을 확인할 수 있는가?
피드백의 즉시성 : 사용자의 행동에 대한 반응 속도가 적당한가?
2.현실 세계와 일치하는 시스템(Match between system and real world)
- 시스템은 사용자의 언어로 말해야 한다.
실제 세상과의 문자 부합 정도 : 실생활에서 사용하는 용어인가?
실제 세상과의 은유 부합 정도 : 아이콘은 실제와 비슷하게 표현되어 있는가?
상식적인 논리와의 부합 정도 : 계층과 관계별로 항목이 분류되어 있는가?
사용자 과업과의 부합 정도 : 사용자의 행동과 동일한 이름을 사용하는가?
예상되는 행위와의 부합 정도 : 행동 후 일어날 상황을 명확히 예측할 수 있는가?
3.자유와 주도권을 사용자에게 제공(User control and freedom)
-
인간이 시스템을 자유롭게 제어할 수 있어야 한다. :
-
사용자들의 실수를 쉽게 복구할 수 있어야 한다.
시스템의 자동 수행보다 사용자의 적절한 행동이 필요함.
일반적인 주도권 : 사용자가 시스템을 통제하고 있음을 알 수 있는가?
취소 가능성 : 사용자가 선택한 행동을 번복할 수 있는가?
사용자의 자유도 : 다양한 방식으로 작업을 수행할 수 있는가?
EX : 이전 상태로 돌아갈 수 있는 기능 제공
4.일관성과 표준성(Consistency and standards)
-
용어, 상황, 행동들이 일관되어야 한다.
-
평이한 GUI 표준을 따르는 것이 중요 (산업표준준수)
일관성 있는 이름 : 메뉴와 명령어의 이름, 약자의 길이 등에 일관성이 있는가?
일관성 있는 정보 : 메뉴, 제시어, 오류 메시지 등에 일관성이 있는가?
일관성 있는 구조 : 각 화면의 구조가 비슷한가?
일관성 있는 표현 방법 : 아이콘, 스타일, 구도, 색감에 일관성이 있는가?
표준에 부합하는 정도 : 업계 표준을 준수하고 있는가?

5.오류 예방(Error prevention)
-
사용자들이 사용하면서 에러 또는 실수가 최대한 나지 않게 해야 한다
-
에러를 어떻게 알리는가의 문제보다는 에러를 미리 방지 할 수 있는가의 문제
-
심각한 에러 전 경고
오류 발생 확률 낮추기 : 사용자가 혼동할 만한 요소를 최소화하고 있는가?
오류가 발생하기 쉬운 것은 보여주지 않기 : 선택 불가능한 것이 명확히 구분되는가?
심각한 오류 발생 경고 : 결과 경고, 재확인 등의 알림을 제공하는가?
예상 입력 값 제공 : 필드마다 예측 가능한 입력 정보나 정보의 양을 제시하고 있는가?
6.직관적으로 이해할 수 있는 디자인(Recognition rather than recall)
-
사용자가 별도의 학습을 하거나 별도의 기억을 사용하는 일을 최소화해야 한다.
-
대상, 행동, 옵션을 시각화 하는 것이 중요 직관적으로
기억하기 쉽게 제공 : 작업 순서나 메뉴 항목을 기억하기 쉽도록 단서를 제공하는가?
명확한 명칭 사용 : 기능키나 아이콘, 시스템의 이름을 명확하게 제공하고 있는가?
적당한 그룹 표시 : 논리적인 그룹으로 분류하고 대표 이름을 표시하고 있는가?
시각적 계층 구조 : 사용자의 시선이 자연스럽게 흐르도록 구조화되어 있는가?
명확한 시각적 구분 : 각 요소가 명확하게 구분되는가?

7.유연성과 효율성(Flexibility and efficiency of use)
-
초보자, 경험자 모두 만족 할 수 있는 시스템
-
하나의 명령을 수행하는 방법에도 대체 방법이 필요
전문성에 따른 유연한 사용 : 숙련된 사용자에게 맞는 기능을 추가로 제공하는가?
옵션 제공 : 다양한 방법으로 작업을 수행할 수 있는가?
개인화 : 사용자가 시스템의 옵션을 재구성할 수 있는가?
신속한 수행 방법 제공 : 계층 구조와 상관없이 즉시 수행 가능한 기능을 제공하는가?
자동 수행 제공 : 사용자가 하지 않아도 되는 작업을 시스템이 자동 수행하는가?
Ex : 윈도우의 고급설정, quick link…

8.간결하고 미학적인 디자인(Aesthetic and minimalist design)
-
불필요한 정보는 중요한 정보의 시각화를 방해하는 요소
-
필요 없는 정보는 핵심 정보 전달을 방해하기 때문에 꼭 필요한 정보만을 제공해야 한다.
심미성 제공 : 색상, 서체, 이미지, 메뉴 등이 조화롭게 배치되어 있는가?
최소한의 표현 : 간결한 단어와 구조로 충분히 의미를 전달하고 있는가?
최소한의 입력 요구 : 중복되거나 불필요한 자료는 입력하지 않아도 되는가?
Ex : 구글 검색페이지
9.사용자 스스로 오류를 인식, 진단, 복구할 수 있도록 지원
(Help users recognize, diagnose, and recover from errors)

-
정확한 언어로 에러에 대한 표시를 해주어 문제를 알리고 솔루션을 제공해야 한다.

- 에러메시지는 사용자에게 익숙한 문장으로
-
사용자를 질책하지 말며
-
문제의 원인을 명시 또는 해결책 제안하면 good!
오류 발생 감지 단계 : 사용자가 오류 상황을 정확히 판단할 수 있는가?
오류의 원인 진단 단계 : 사용자가 오류의 원인을 정확히 진단할 수 있는가?
오류 복구 단계 : 사용자가 오류 복구 방법을 쉽게 찾을 수 있는가?
10.도움말과 설명서 제공(Help and documentation)
-
복잡성이 증가하는 시스템의 경우 도움말 기능과 문서화는 필수적
-
사용자가 필요로 할 때 기능에 대한 설명을 쉽게 찾아볼 수 있어야 한다.
도움말 내용 : 상황에 맞고, 검색하기 쉬우며, 충분히 따라 할 수 있는 내용인가?
도움말 표현 방법 : 도움말 기능이 눈에 잘 띄고, 인터페이스가 일관적인가?
도움말과 시스템의 전환 : 도움말과 원래 작업을 쉽게 오갈 수 있는가?
728x90
반응형