[UI/UX] UI/UX 디자인에서 꼭 알아야 할 10 Usability Heuristics 유저빌리티 휴리스틱스

 

디자인이 메인 업무는 아니지만 늘 웹사이트를 만들 때 UX/UI 디자인에 대한 기본 개념이 좀 잘 잡혀있었으면 좋겠다라는 아쉬움이 들었어요. 그래서 올해는 디자인 감각도 함께 키워나가기 위해서 매주 관련 기사를 읽거나 온라인 수업을 듣는 등 저만의 속도로 조금씩 공부해보기로 했습니다. 

 

 

 

최근에 컬리지에서 UX/UI 디자인을 공부한 친구 P를 만나서 얻은 정보입니다. UI 디자인을 할 때 꼭 기억해야하는 10가지 유저빌리티 휴리스틱스라고 해요! 프론트엔드 개발자들도 함께 익혀두면 좋겠죠?

 

 

 

 

 

 

 

유저빌리티 휴리스틱스

 

 

 

 

1. Visibility of system status

https://www.nngroup.com/articles/visibility-system-status/

 

 

 

 

 

2. Match between system and the real world

https://www.nngroup.com/articles/match-system-real-world/

 

 

 

 

 

 

3. User control and freedom

https://www.nngroup.com/articles/user-control-and-freedom/

- "emergency exit"

- Undo, Redo, Cancel, Exit

 

 

 

 

 

4. Consistency and standards

https://www.nngroup.com/articles/consistency-and-standards/

 

 

- Learnability vs Efficiency in User Interface Design

https://www.nngroup.com/videos/learnability-efficiency-ui-design/

 

- Consistency in the Omnichannel Experience

https://www.nngroup.com/articles/omnichannel-consistency/

 

- Maintain Consistency and Adhere to Standards

https://www.nngroup.com/articles/consistency-and-standards/

 

 

 

 

 

 

5. Error prevention

- Preventing User Errors https://www.nngroup.com/articles/slips/

 

 

 

 

 

 

6. Recognition rather than recall

- Recognition vs Recall in UX https://www.nngroup.com/articles/recognition-and-recall/

 

 

 

 

 

 

7. Flexibility and efficiency of use

https://www.nngroup.com/articles/flexibility-efficiency-heuristic/

 

- Flexible processes can be carried out in different ways, so that people can pick whichever method works for them

 

 

 

 

 

 

8. Aesthetic and minimalist design 

 https://www.nngroup.com/articles/aesthetic-minimalist-design/

 

- Keep the content and visual design focused on the essentials

 

 

 

 

 

 

9. Help users recognize, diagnose, and recover from errors

- Error-Message Guidlines https://www.nngroup.com/articles/error-message-guidelines/

 

반응형

 

 

 

 

 

10. Help and documentation

https://www.nngroup.com/articles/help-and-documentation/

 

- Provide documentation to help users understand how to complete their tasks

 

 

 

 

 

 

 

 

 

 

* 아티클 읽기 

https://www.nngroup.com/articles/ten-usability-heuristics/

10 Usability Heuristics for User Interface Design