휴리스틱 평가로 내 ux ui가 좋은지 확인하기
•
요약
휴리스틱 평가란?
제품이 사용자의 인지적 오류를 줄여줄 수 있는 방향으로 디자인 되었는지, 나아가 유용한 정보를 포함하며 사용자가 제품 이용과정에서 정서적 만족을 느끼는지를 함께 평가합니다.
닐슨 노먼 그룹의 10가지 휴리스
1. 시스템 상태를 눈에 보이게 표현하기
적절한 시간 내에 사용자에게 진행중인 정보를 지속적으로 제공해야합니다.
예시 ) 업데이트 시간 알려주기, 파일 업로드 중인 상태 알려주기, 헤이딜러 거래 진행 상황 알려주기
2.시스템과 현실 세계를 연결하기
대상을 일상에서 사용하는 모습 그대로 사실에 가깝게 표현함. 사용자에게 익숙한 것, 관례를 따르는 것은 중요합니다.
예시)카테고리 이미지를 실사로 넣는 것 , 네이버 페이의 카드 UI, 맥의 휴지통
3.시스템 제어와 자유를 느끼게 하기
사용자가 실수를 했다면 바로 원하지 않는 상태에서 벗어날 수 있도록 출그를 만들어야합니다.
예시) 실행취소, breadcrumbs
1. 일관성과 표준을 따르기
다른 플랫폼에서 이미 학습한 방식을 존중해야합니다. 고객이 학습한 방식을 무시하면 안됩니다.
예시 ) 좋아요,즐겨찾기, 장바구니의 아이콘은 관례를 따르는 것이 좋습니다.
5.에러를 방지하기
문제가 발생하지 않도록 방지하는 세심한 디자인을 제공합니다. 에러가 자주, 오래 발생하는 지점을 찾아내고 이 상황을 제거해야합니다.
예시) 비밀번호 조건을 알려주기, 오타 수정 제안
6.기억보다 인식
사용자가 기억할 필요없이 만들어야 합니다. 현재의 단계를 바로 알아차릴 수 있게 하면, 기억하지 않고도 바로 사용할 수 있습니다.
예시) 검색기록, 웹툰 오픈한 회 표기
7.유연성과 효율성
경험이 숙련된 사용자들을 위해 단축키가 고급 설정 등의 메뉴를 제공합니다.
예시 ) 단축키, 아이폰 키보드 Quickpath
8.심플하고 아름다운 디자인
중요하지 않은 요소들이 많으면, 정말 중요하게 생각하는 핵심 과업을 하는데 방해가 되고 직관성을 해치게 됩니다.
9.에러 인식하고 빠져나올 수 있도록 돕기
오류가 발생했을 때 가능한 쉽게 보여주고, 문제의 원인을 짚어주는 것이 문제로 부터 벗어나는데더 빠르다고 느낌니다.
예시 ) 빨간색 텍스트로 오류표시
10.도움말과 문서화
문제가 생겨 도움말을 찾을 때에는 더 빠르게 문제 해결 단서를 찾을 수 있도록 도와줘야 합니다.
•
느낀점
실제 휴리스틱 평가를 진행하기 위해 아티클을 찾아보았다. 고려하며 만들어야 할 사항들이 많지만 막상 작업하다 보면 잊어버리게 되는 부분들이 많다. 항상 상기하고, 와이어 프레임을 제작할 때마다 찾아보며 작업해야겠다는 걸 느꼈다.