제이콥 닐슨의 10가지 사용성 휴리스틱 및 사례

UX설계서 이미지 예시 : https://unsplash.com/

반응형

제이콤 닐슬의 10가지 사용성 휴리스틱 및 사례

제이콥 닐슨이 제시한 10가지 사용성 휴리스틱은 사용자 인터페이스 디자인의 사용성을 평가하고 개선하기 위한 원칙으로 이러한 원칙들을 따르면 사용자 경험을 향상시키고 오류를 줄 일 수 있음.

휴리스틱(heuristics) 또는 발견법(發見法)이란 불충분한 시간이나 정보로 인하여 합리적인 판단을 할 수 없거나, 체계적이면서 합리적인 판단이 굳이 필요하지 않은 상황에서 사람들이 빠르게 사용할 수 있게 보다 용이하게 구성된 간편추론의 방법이다.

 

10가지 사용성 휴리스틱

시스템 상태 표시(Visibility of system status)
사용자에게 시스템의 현재 상태를 적절하고 지속적으로 알려야 한다. 예를 들어, 로딩 중일 때는 로딩바를 표시하거나, 작업이 완료되면 완료 메세지를 표시해야 한다. 

현실 세계와의 일치(Match between system and the real world)
시스템은 사용자가 익숙한 단어, 구문, 개념을 사용해야 하며, 사용자에게 친숙한 방식으로 정보를 표현해야 한다. 예를 들어, 파일 삭제 시 휴지통 아이콘을 사용하거나, 쇼핑몰에서 장바구니 아이콘을 사용하는 것이 이에 해당한다. 

사용자 제어 및 자유(User control amd freedom)
사용자는 실수로 시스템 동작을 시작한 경우 쉽게 되돌릴 수 있는 기능을 제공해야 한다. 예를 들어, 실행 취소(Undo) 및 재실행(Redo) 기능을 제공하거나, 실수로 삭제한 항목을 복구할 수 있는 기능을 제공해야 한다.

일관성 및 표준(Consistency and standards)
플랫폼 및 업계의 일관된 표준을 따라야 한다. 사용자는 서로 다른 시스템에서 동일한 기능을 수행할 때 동일한 인터페이스 요소를 기대한다. 예를 들어, 대부분의 웹사이트에서 메뉴 아이콘의 위치나 검색 기능의 위치가 유사해야 한다. 

오류 방지(Error prevention)
시스템은 오류가 발생하기 쉬운 상황을 만들지 않도록 설계되어야 한다. 예를 들어 로그인 시 비밀번호 입력 오류를 방지하기 위해 비밀번호 확인 기능을 제공하거나, 중요한 작업 전에 확인 메세지를 표시하여 사용자의 실수를 방지해야 한다. 

기억보다는 인식(Recognition rather than recall)
사용자가 기억해야 할 정보를 최소화하고, 필요한 정보를 쉽게 찾을 수 있도록 해야한다. 예를 들어, 메뉴 옵션을 선택할 때 옵션 목록을 제공하거나, 자주 사용하는 기능에 대한 바로가기 아이콘을 제공해야 한다. 

유연성 및 효율성(Flexibility and efficiency of use)
숙련된 사용자와 초보 사용자 모두에게 적합한 유연하고 효율적인 인터페이스를 제공해야 한다. 예를 들어, 단축키를 제공하여 숙련된 사용자가 더 빠르게 작업을 수행할 수 있도록 하거나, 초보 사용자를 위한 튜토리얼 기능을 제공해야 한다. 

미학적이고, 미니멀한 디자인(Aesthetic and minimalist design)
인터페이스는 불필요한 정보나 요소를 포함하지 않고, 꼭 필요한 정보만을 표시해야 한다. 시각적으로 깔끔하고 간결한 디자인은 사용자의 집중력을 높이고 오류를 줄이는데 도움이 된다. 

오류감지, 진단, 복구(Help users recognize, diagnose, and recover from errors)
오류 메세지는 명확하고 이해하기 쉬워야 하며, 사용자가 오류를 진단하고 해결 할 수 있도록 도와야 한다. 오류 메세지는 가능한 구체적이고, 오류 원인과 해결 방법에 대한 정보를 제공해야 한다. 

도움말 및 문서화(Help and documentation)
사용자에게 필요한 경우 도움말 및 문서 자료를 제공해야 한다. 도움말은 사용하기 쉽고, 필요한 정보를 쉽게 찾을 수 있도록 구성되어야 한다. 

UX 스케치 : https://unsplash.com/

 

아래는 이미 우리가 흔히 알고 있지만, 인지 못하는 해당 방법론의 사례이다. 

시스템 상태 표시
은행 앱에서 계좌 이체 시, 이체 진행 상황을 로딩 바와 함께 표시하고, 이체가 완료되면 완료 메세지를 표시하는 것은 시스템 시스템 상태 표시의 좋은 예이다. 

현실 세계와의 일치
이메일 앱에서 메일을 보낼 때, 보내기 버튼 옆에 종이비행기 아이콘을 사용하는 것은 현실 세계의 개념을 활용한 예이다. 

사용자 제어 및 자유
웹사이트에서 상품을 삭제하기 전에 삭제 확인 메세지를 표시하는 것은 사용자가 실수로 상품을 삭제하는 것을 방지한다. 

일관성 및 표준
윈도우 운영체제에서 파일 탐색기의 메뉴 구조와 버튼 디자인이 일관성을 유지하는 것은 사용자가 익숙한 방식으로 기능을 사용할 수 있도록 한다. 

오류방지
비밀번호 입력 시, 비밀번호 확인 기능을 제공하여 오타로 인한 오류를 방지하는 것은 오류 방지의 예이다.