본문 바로가기
자기계발

웹사이트 사용성 향상을 위한 UI 설계 5계명과 체크 리스트

웹사이트 사용성 향상을 위한 UI 설계 5계명과 체크 리스트

어렵게 확보한 사용자가 이탈하는 것을 막고 내 사이트에 오래 머물게 하기 위한 웹사이트 UI 설계 5계명과 체크 리스트를 소개합니다.

목차

실제 사람들의 웹사이트 이용 방식

대부분의 사람들은 사이트를 자세하게 살펴보지 않고 대충 둘러보고 평소 습관대로 메뉴나 버튼을 눌러보는 경향이 있습니다.

  • 여기저기 눈에 띄는 대로 훑어본다.
  • 흥미를 끌거나 찾고 있는 항목과 비슷한 메뉴나 클릭할 만한 링크를 찾는다.
  • 대충 일치하는 항목이다 싶으면 클릭한다.
  • 원하는 결과를 얻지 못하면 뒤로가기 버튼을 눌러 방금 했던 대로 다시 시도한다.

웹사이트 UI 설계 5계명

사용자는 사이트를 대충 둘러보고 이용하는 경향이 있어서 사용자가 사이트에 왔을 때 한 눈에 가능한 많은 내용을 보고 이해할 수 있도록 해줘야 합니다.

  • 각 페이지를 명확히 눈에 띄는 계층 구조로 만들어라.
  • 익숙한 관례적 형식을 따르라.
  • 페이지를 명확하게 구분된 영역들로 나누어라.
  • 클릭 가능한 항목인지 분명히 표시하라.
  • 혼란스러울 요인을 없애라.

웹사이트 UI 설계 체크 리스트

웹사이트 UI가 제대로 설계되었다면, 사용자가 임의의 페이지에 들어갔을 때 한 눈에 파악할 수 있어야 합니다.

  • 이 사이트는 무슨 사이트인가?
  • 현재 나는 어떤 페이지에 있는가?
  • 이 사이트의 메인 섹션은 무엇인가?
  • 이 단계에서 선택할 수 있는 옵션은 무엇인가?
  • 전체구조 안에서 현재 위치는?
  • 어떻게 검색할 수 있는가?
생각하게 하지 마!: 웹과 모바일 사용성 원칙으로 디자인하는 UX
이 포스팅은 쿠팡 파트너스 활동으로 인한 수익이 발생할 수 있습니다. 구매자에게는 비용이 발생하지 않습니다.

관련 글

댓글