디자인이 메인 업무는 아니지만 늘 웹사이트를 만들 때 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
Jakob Nielsen's 10 general principles for interaction design. They are called "heuristics" because they are broad rules of thumb and not specific usability guidelines.
www.nngroup.com
'웹개발 > 혼자하는 디자인 공부' 카테고리의 다른 글
| [UX] Best UX Practices for 이커머스 UX Shopping Cart (0) | 2023.05.12 |
|---|---|
| 타이포그래피, 레터링에 관심 있으신 분들이 참고하면 좋을 Rafael Serra의 레터링 작품들 (0) | 2023.01.08 |
| 폰트 고르기 힘들 때 참고하기 좋은 사이트 - Fontpair (0) | 2023.01.04 |
| CSS로 한땀한땀 스타일링할 때 알아두면 편리한 사이트 (0) | 2022.10.09 |
| 로고, 이미지 배경 없애는 방법 (background - transparent하게 png 파일로 바꾸기) (0) | 2022.09.26 |