UI/UX 30–1

분석 대상 : 애플 홈페이지

Source: http://www.apple.com/

Problem: 이해하기 쉽고 설득력있는 제품 소개

Idea

  • 회사 홈페이지임에도 불구하고 메뉴를 제품을 중심으로 메뉴를 구성함. 유저들이 가장 관심을 가지는 것을 위주로 구성한다는 것을 알 수 있음
Footer
  • About apple, Values와 같은 회사 소개는 Footer 영역으로 정리하여 찾을 수 있게 함. Header에서 가장 핵심이 되는 정보를 보여주고 Footer에서 2차적으로 중요한 정보를 보여줌. 정보의 중요도에 따라 위계 형성.
제품 포트폴리오 페이지
  • 제품 포트폴리오 페이지 상단에는 해당 섹션의 제품 전체 구성를 보여줌. 전체를 알려주고 부분을 설명한다면, 정보를 구조화하여 전달할 수 있기 때문에 유저의 이해도가 높일 수 있음.
제품 포트폴리오 페이지
  • 제품을 소개할 때, 글자를 최소화하여 시선 분산을 막음. 글자를 최소화하는 대신 한 문장의 카피를 통해 제품의 핵심 컨셉을 설명하고 호기심을 자아냄. 해당 제품에 관심이 있는 사람은 ‘Learn more’를 클릭하면 상세한 정보를 확인할 수 있음
  • Learn more과 Buy로 메뉴를 구성하여 좀 더 알아보고 싶은 사람은 정보 페이지로, 즉시 구매하고 싶은 사람은 결제 페이지로. 유저들이 1)정보를 더 보고 싶은 유저와 2)즉시 구매를 원하는 유저로 나뉜다는 것에 대한 파악이 선행되어야 함.
  • 흰 배경을 통해 제품을 가장 눈에 띄게 함

Implication

  • 유저들은 자신들이 원하지 않는 정보는 어짜피 보지 않기 때문에, 웹페이지에는 유저들이 원하는 정보만 넣는 것이 좋다고 생각함.
  • ‘유저들이 무엇을 원하는가’를 생각하는 과정에서 모든 유저의 의견을 반영하는 것은 웹페이지 정보의 복잡도를 높이기 때문에 majority가 원하는 정보에 집중해야 함. 그 외의 것들은 찾고자 하면 찾을 수 있는 정도로만 보여줌.
  • 요약하자면 정보의 우선순위를 확실하게 설정하고 우선순위가 높은 것들에 대한 선택과 집중이 애플 홈페이지의 핵심이라고 생각함. 그러나 이 방식은 소수의 상품에서 대부분의 매출이 발생하는 애플이기 때문에 가능한 것으로 보여짐. 제품 포트폴리오가 롱테일인 회사(아마존,쿠팡 등)에서도 이 방식을 적용할 수 있을지는 의문임.