[사용자 친화 웹] UI/UX - 2

코드스테이즈 41기 교육 내용을 정리하고 있습니다.
틀린 부분이 있으면 댓글로 알려주시면 감사하겠습니다.

 

✨UX 디자인

 

좋은 UX를 만드는 요소

• 유용성
  • 제품이나 서비스가 목적에 맞는, 사용 가능한 기능을 제공하고 있는가에 관한 요소
• 사용성
  • 제품이 본연의 기능을 제공하는 것을 넘어서 사용하기 쉬운가에 관한 요소
• 매력성
  • 사용자들에게 매력적인가에 관한 요소
• 신뢰성
  • 사용자가 제품이나 서비스를 믿고 사용할수 있는가에 관한 요소
• 접근성
  • 누구든지 제품이나 서비스에 접근할 수 있는가에 관한 요소
• 검색 가능성
  • 사용자가 원하는 기능이나 정보를 쉽게 찾을 수 있는가에 관한 요소
• 가치성
  • 모든 요소들을 총합하여 고객에게 가치를 제공하고 있는가에 관한 요소

 

User Flow

사용자 흐름(user flow)은 사용자가 제품에 진입한 시점을 시작으로 취할 수 있는 모든 행동을 뜻하며, 보통 아래 이미지처럼 다이어그램을 그려서 정리한다.

• 직사각형
  • 사용자가 보게될 화면
• 다이아
  • 사용자가 취할 행동
• 화살표
  • 직사각형과 다이아를 연결

https://www.figma.com/figjam/

Collaborative, Online Whiteboard for Teams | FigJam

 

✨UI/UX 사용성 평가

 

제이콥 닐슨의 10가지 사용성 평가 기준

1. 시스템 상태의 가시성
2. 시스템과 현실 세계의 일치
3. 사용자 제어 및 자유
4. 일관성 및 표준
5. 오류방지
6. 기억보다는 직관
7. 사용의 유연성과 효율성
8. 미적이고 미니멀한 디자인
9. 오류의 인식, 진단, 복구를 지원
10. 도움말 및 설명 문서

사용성 평가 기준 활용하기

사용성 평가 기준은 서비스중인 애플리케이션을 평가하기 위한 목적으로도 사용할 수 있지만, 제품 설계 단계에서 더 완성도있는 애플리케이션을 기획하기 위해서도 사용할 수 있다. 제품을 설계하는 과정에서 위 10가지 원칙을 지속적으로 확인해 주세요. 사용성과 효율성을 크게 높일 수 있다.