Ch.9 UX 법칙 (하)

제이콥의 법칙과 컨벤션

제이콥의 법칙(사용자는 다른 사이트에서의 경험을 기대한다)을 이해한다컨벤션(관습)을 따를 때와 깨도 될 때의 판단 기준을 설명할 수 있다보편적 UI 패턴(햄버거 메뉴, 장바구니 등)의 의미를 분석할 수 있다

사용자는 당신의 사이트가 다른 사이트처럼 작동하길 기대합니다

새 쇼핑몰에 접속했습니다. 로고는 좌측 상단, 장바구니는 우측 상단, 검색은 중앙 — 누구도 가르쳐주지 않았지만 자연스럽게 사용합니다. 그런데 만약 장바구니가 좌측 하단에 있다면?

혁신적인 UI를 만들겠다며 모든 관습을 깨도 될까?

Nielsen Norman Group의 Jakob Nielsen이 정립한 제이콥의 법칙 — 사용자는 다른 사이트에서 보낸 시간이 대부분이므로, 익숙한 패턴을 기대합니다.


article

핵심 내용

사용자의 99% 시간은 당신의 사이트 밖에서 보내집니다

제이콥의 법칙(Jakob's Law)의 핵심은 간단합니다: 사용자는 수십, 수백 개의 다른 웹사이트와 앱을 이미 사용해왔습니다. 그래서 당신의 사이트도 다른 사이트와 같은 방식으로 작동할 것이라 기대합니다.

"Users spend most of their time on OTHER sites" — 사용자는 대부분의 시간을 다른 사이트에서 보낸다

이것은 '창의성을 포기하라'는 뜻이 아닙니다. 기능적 패턴(어디를 누르면 어떻게 되는지)은 관습을 따르되, 시각적 표현과 콘텐츠에서 차별화하라는 뜻입니다.

관습을 깨도 되는 때와 절대 깨면 안 되는 때

컨벤션 vs 혁신 판단 프레임

1. 기존 패턴이 존재하는가?: 사용자가 이미 학습한 패턴이 있는지 확인

2. 새 패턴의 이점은 명확한가?: 학습 비용을 정당화할 만큼의 효율 향상이 있는지

3. 점진적 전환이 가능한가?: 기존 패턴과 새 패턴을 병행하며 자연스럽게 이동

4. A/B 테스트로 검증했는가?: 실제 사용자 데이터로 새 패턴의 효과를 확인

성공적 관습 파괴 사례: Tinder의 스와이프 기존 데이팅 앱은 프로필을 보고 '좋아요/패스' 버튼을 눌렀습니다. Tinder는 이것을 좌우 스와이프로 바꿨습니다. 성공 요인: 1. 기존보다 더 빠르고 직관적 (카드 넘기기 메타포) 2. 물리적 제스처와 감정이 연결 (오른쪽 = 긍정, 왼쪽 = 거절) 3. 학습 시간 3초 미만 — 한 번 해보면 즉시 이해 이렇게 명백한 이점이 있을 때만 관습을 깨도 됩니다.

관습을 따르면 '쉽다' 관습을 깨면 '새롭다' — 그러나 대가가 있다

제이콥의 법칙의 핵심 주장은 무엇인가?

제이콥의 법칙에 따르면 UI 디자인에서 어떤 혁신도 시도해서는 안 된다

다음 중 기존 관습을 파괴하기에 가장 부적절한 영역은?

key

핵심 용어

햄버거 메뉴 (☰)

3줄 아이콘 = 숨겨진 메뉴. 2012년경부터 전 세계적으로 학습된 패턴

장바구니 아이콘 (🛒)

우측 상단 = 구매 목록. 숫자 배지 = 담긴 수량

좌측 상단 로고

클릭 시 홈으로 이동. 거의 모든 웹사이트의 공통 규칙

왼쪽 스와이프

iOS에서 '삭제' 액션. Android에서도 점차 보편화

밑줄 텍스트

파란색 밑줄 = 클릭 가능한 링크. 웹 초창기부터의 관습

compare_arrows

비교 정리

항목관습 준수 (안전)관습 파괴 (위험)
학습 비용0에 가까움 — 이미 알고 있는 패턴학습 필요 — 사용자가 새 패턴을 익혀야 함
오류율낮음 — 예상대로 작동초기 높음 — 기존 습관과 충돌
차별화낮음 — 다른 서비스와 비슷함높음 — 독특한 경험 (성공 시 강력한 브랜딩)
적합한 영역내비게이션, 결제, 로그인 등 핵심 흐름브랜드 인터랙션, 콘텐츠 탐색 등 탐험적 영역

핵심 기능은 관습을 따르고, 차별화 포인트에서만 혁신하라 — 이것이 제이콥의 법칙의 실무 원칙이다

check_circle

핵심 정리

  • 1제이콥의 법칙: 사용자는 다른 사이트의 패턴을 기대한다
  • 2보편적 컨벤션: 햄버거 메뉴, 장바구니 위치, 로고 클릭 = 홈
  • 3관습 준수: 핵심 기능(내비게이션, 결제, 에러 처리)에서는 필수
  • 4관습 파괴: 명확한 이점 + 낮은 학습 비용 + A/B 검증 필요
  • 5핵심: 기능은 익숙하게, 표현은 차별화하라

퀴즈와 인터랙션으로 더 깊이 학습하세요

play_circle인터랙티브 레슨 시작