Chapter 7

웹 디자인의 빅뱅이론

  • 7.1 홈페이지가 해야 할 일
  • 7.2 태그라인의 중요성
  • 7.3 홈페이지에 대한 영역싸움
  • 7.4 홈페이지를 망치는 방법들

모든 사이트에서 가장 중요하고, 가장 많은 사람이 신경 쓰고, 가장 많이 싸우는 페이지가 홈페이지야. 크룩이 이 챕터 제목을 **"웹 디자인의 빅뱅이론"**이라고 붙인 이유가 있어 — 홈페이지에 모든 부서와 이해관계자의 요구가 빅뱅처럼 한 점에 집중되기 때문이지.

홈페이지는 다른 어떤 페이지보다 많은 임무를 수행해야 해. 크룩이 정리하는 홈페이지의 역할을 보면:

  • 사이트 정체성과 미션 — 이게 뭐 하는 사이트인지 알려주기. 가장 기본적인 건데 의외로 안 되는 곳이 많아
  • 사이트 계층구조 — 뭐가 있는지, 어떻게 구성되어 있는지 보여주기. 내비게이션 구조의 시작점이지
  • 검색 — 원하는 걸 바로 찾을 수 있는 검색 기능
  • 콘텐츠 맛보기 — 사이트의 최신/인기/추천 콘텐츠를 보여줘서 "들어와볼 만하네" 느낌 주기
  • 프로모션 — 현재 진행 중인 이벤트, 할인, 신규 서비스 등
  • 시의적 콘텐츠 — 자주 바뀌는 콘텐츠로 "이 사이트는 살아있다"는 느낌
  • 바로가기 — 자주 찾는 기능이나 콘텐츠에 빠르게 접근할 수 있는 링크
  • 등록/로그인 — 계정이 있는 사용자를 위한 진입점

여기서 가장 중요한 건 첫 번째 — **"이게 뭐 하는 사이트야?"**에 대한 답이야. 처음 온 사용자가 홈페이지를 보고 5초 안에 이걸 파악 못 하면, 나머지는 다 소용없어. 사용자는 "뭐 하는 곳인지도 모르겠는데 왜 더 봐야 하지?" 하고 떠나니까.

**태그라인(tagline)**은 사이트의 정체성을 한 문장으로 요약한 거야. 로고 근처에 위치해서, 사이트에 처음 온 사용자에게 "이 사이트가 뭔지"를 즉시 전달하는 역할을 하지.

좋은 태그라인의 조건:

  • 명확하고 유용해 — "최고의 솔루션을 제공합니다" 같은 뻔한 말이 아니라, 구체적으로 뭘 하는지 알려줘야 해
  • 6~8단어면 충분해 — 길면 안 읽거든
  • 차별화가 있어 — 이 사이트만의 특성이 드러나야 해. 아무 사이트에나 붙일 수 있는 태그라인은 쓸모없지

나쁜 태그라인 예시:

  • "혁신적인 디지털 경험" — 뭘 하는 곳인지 알 수 없어
  • "고객의 성공이 우리의 성공" — 어디서 많이 본 말. 정보량 제로야

좋은 태그라인 예시:

  • "중고 교과서 거래 마켓" — 즉시 이해돼
  • "전국 맛집 배달 서비스" — 명확하고 구체적이지

크룩은 태그라인이 홈페이지에서 가장 비용 대비 효과가 높은 요소라고 말해. 단 몇 단어로 사이트의 존재 이유를 전달할 수 있으니까.

홈페이지가 문제가 되는 이유는 사실 디자인 문제가 아니라 조직 내 정치 문제야.

  • 마케팅팀은 프로모션 배너를 크게 넣고 싶고
  • 영업팀은 핵심 제품을 최상단에 올리고 싶고
  • 경영진은 회사 비전을 떡하니 보여주고 싶고
  • 기술팀은 새 기능을 홍보하고 싶고
  • 콘텐츠팀은 최신 콘텐츠를 노출하고 싶고

모두가 홈페이지의 한정된 공간에 자기 것을 넣으려고 싸워. 결과적으로 홈페이지는 모두의 요구를 조금씩 수용한 **"타협의 산물"**이 돼. 그리고 타협의 산물은 대체로 아무도 만족시키지 못하지.

크룩의 조언: 홈페이지는 사용자를 위한 것이지 조직 내 부서를 위한 것이 아니야. 누가 목소리가 큰지가 아니라, 사용자에게 뭐가 필요한지를 기준으로 결정해야 해. 그런데 현실에서 이게 어려우니까, 사용성 테스트가 중요해지는 거지.

크룩이 자주 보는 홈페이지 실패 패턴:

  • 너무 많은 것을 보여주려 함 — 모든 걸 홈에 넣으면 아무것도 안 보여. 3장의 "시각적 잡음" 문제와 동일하지
  • "이 사이트가 뭐 하는 곳인지"를 안 알려줌 — 예쁘긴 한데 뭐 하는 곳인지 모르겠는 홈페이지. 특히 스타트업에서 많이 봐. "세상을 바꾸는 플랫폼"이라고만 써놓고 실제로 뭘 하는지는 스크롤 다섯 번 내려야 나오거든
  • 태그라인이 없거나 뻔함 — 위에서 말한 대로야
  • 처음 온 사용자를 고려 안 함 — 기존 회원에게 최적화된 홈페이지는 새 사용자를 잃어. 홈페이지는 항상 "처음 왔어요" 사용자를 기준으로 디자인해야 해

홈페이지 디자인의 어려움은 — 해야 할 일은 많은데 공간은 한정되어 있다는 거야. 그래서 우선순위를 잡는 게 핵심이고, 우선순위를 잡으려면 사용자가 뭘 원하는지를 알아야 하지. 결국 사용성 테스트로 돌아오는 거야.


정리

7장 읽고 기억할 거:

  1. 홈페이지에서 가장 중요한 건 "이 사이트가 뭐 하는 곳인지" 알려주는 거야. 5초 안에 파악 못 하면 사용자는 떠나
  2. 태그라인은 비용 대비 효과 최고의 요소야. 명확하고 구체적인 한 문장으로 사이트의 존재 이유를 전달해야 해
  3. 홈페이지의 진짜 적은 조직 내 영역싸움이야. 사용자가 아니라 부서 이기주의가 홈페이지를 망치거든