정의
Jakob’s Law는 사용자 경험(UX) 디자인의 핵심 원칙으로, 2000년에 사용성 전문가 Jakob Nielsen이 제시한 법칙입니다.1 이 원칙은 디지털 인터페이스 설계에서 가장 영향력 있는 지침 중 하나입니다.
“사용자는 대부분의 시간을 다른 웹사이트들에서 보낸다. 따라서 사용자들은 자신의 사이트가 이미 알고 있는 다른 모든 사이트들과 같은 방식으로 작동하기를 기대한다.”23
이 법칙의 핵심은 사용자들이 다양한 디지털 플랫폼에서의 누적된 경험을 통해 **정신 모델(mental model)**을 형성하며, 이러한 기대감을 새로운 인터페이스에 적용한다는 것입니다.42
Jakob’s Law의 세 가지 핵심 동인
Jakob Nielsen이 제시한 이 법칙의 기초에는 세 가지 주요 요소가 있습니다.1
1. 웹의 다양성과 사용자의 분산
웹(그리고 모바일 앱)은 수많은 개별 서비스를 제공하며, 사용자들은 이들 사이를 오가며 각 웹사이트에 할당하는 시간의 작은 비율만을 사용합니다. 사용자의 웹사이트는 광대한 우주에 불과한 한 줌의 모래일 뿐입니다.1
2. 누적된 사용자 경험
각 사용자의 경험은 많은 웹사이트를 방문하면서 오랫동안 축적된 모든 것의 총합으로 구성됩니다. 사용자들의 정신 모델은 수년에 걸쳐 그들이 자주 접하는 디자인 패턴의 강화를 통해 천천히 형성됩니다.1
3. 형성된 기대감의 적용
사용자들이 “웹”에 대한 정신 모델을 형성한 후, 이를 다른 모든 웹사이트(당신의 사이트를 포함)에 적용하여 기대감을 형성합니다. 웹사이트가 이 기대감을 충족하면 사용하기 쉽고, 위반하면 사용자는 잘못 사용하고 문제에 빠집니다.1
UX 설계에 미치는 영향
인지 부하 감소
인터페이스가 사용자 기대에 부합하면 학습 곡선이 단축되고 전체적인 사용성이 향상됩니다.52 사용자가 이미 알고 있는 친숙한 레이아웃, 네비게이션 구조, 상호작용 패턴을 만나면 빠르게 사이트와 상호작용하는 방법을 이해할 수 있습니다. 친숙한 인터페이스는 사용자의 인지 부하를 줄이므로, 콘텐츠와 작업 자체에 더 집중할 수 있게 됩니다.6
사용자 만족도 증가
일반적으로 인정된 설계 표준과의 일관성은 사용자 만족도를 증가시킵니다.6 사용자들은 웹사이트를 다시 배우지 않아도 되고, 친숙한 인터페이스는 보다 부드러운 사용자 경험으로 이어지며, 좌절감을 감소시키고 사용자가 원하는 작업을 완료할 가능성을 높입니다.6
신뢰와 신용성 구축
사용자 기대를 충족하는 웹사이트는 신뢰와 신용성을 구축합니다.16 사용자가 친숙한 요소를 인식하면 더 자신감 있게 사이트를 탐색할 수 있고, 이러한 친숙함은 재방문과 고객 충성도를 장려합니다.6
실제 적용 예시
전자상거래 체크아웃 프로세스
전자상거래 사이트가 최소한의 원칙과 명확성을 따르면서 체크아웃 프로세스를 재설계했습니다. 불필요한 단계와 중복된 정보 요청을 제거하고 유사한 단계를 그룹화하여 체크아웃 시간을 크게 단축하고 전환율을 증가시켰습니다.7
소셜 미디어 네비게이션
좋아요, 댓글, 공유 버튼 등의 위치와 기능이 여러 소셜 미디어 플랫폼에서 유사합니다.5 사용자가 하나의 플랫폼에 익숙하면 다른 플랫폼도 쉽게 사용할 수 있습니다.
기본 레이아웃 구조
거의 모든 주요 웹사이트는 동일한 구조를 따릅니다:8
- 로고가 왼쪽 상단
- 상단 내비게이션
- 버튼처럼 보이는 클릭 가능한 요소
이는 창의성의 부족이 아니라 이것이 효과적이기 때문입니다.8
Jakob’s Law를 언제 위반할 수 있는가?
Jakob’s Law를 항상 따라야 하는 것은 아닙니다. 특정한 상황에서는 이를 위반하는 것이 정당할 수 있습니다.9108
우수한 이유가 있을 때
기존 패턴을 벗어날 때는 좋은 이유가 있어야 합니다.18 예를 들어, TikTok과 Instagram은 기존의 텍스트 기반 사이트와는 완전히 다른 인터페이스를 도입했지만, 이는 사용자 행동에 기초한 신중한 설계의 결과입니다.11
강력한 혁신과 경쟁 우위
일부 플랫폼은 기존 패턴을 벗어남으로써 사용자 시간의 대부분을 차지하는 경험을 만들 수 있습니다.11 그러나 이는 매우 드문 경우입니다.
테스트와 검증
새로운 패턴을 도입하려면 반드시 실제 사용자와 함께 테스트해야 합니다.1213 새로운 디자인이 정말로 기존 패턴보다 나은지 확인하려면 충분한 반복과 사용자 피드백이 필요합니다.
혁신의 장벽
중요한 점은 새로운 디자인 패턴을 도입할 때의 학습 곡선입니다.12 기존의 친숙한 패턴이 이미 포화 상태에 도달했다면, 새로운 패턴이 동일한 수준의 효율성에 도달하려면 여러 번의 반복이 필요합니다. 사용자들은 변화를 싫어하고, 더 어려운 설계를 견디며 연습할 가능성은 낮습니다.12
실제 설계 적용 전략
사용자 기대와의 일치
사이트가 사용자 기대에 부합하려면 먼저 비슷한 제품들이 유사한 상황을 어떻게 처리하는지 연구해야 합니다.2 로그인 화면과 같은 일반적인 기능에 대해 확립된 모범 사례를 따르세요.
직관적인 상호작용
모바일 앱의 스와이프 네비게이션과 같이 사용자들이 다른 플랫폼에서 인식하는 친숙한 제스처와 상호작용을 통합하세요.2
인식 가능한 시각 요소
검색에 돋보기, 구매에 쇼핑 카트 같이 널리 인정받는 아이콘을 사용하세요.2 사용자를 혼동시킬 수 있는 독특한 대안보다는 보편적으로 이해되는 요소를 선택하세요.
일관성 유지
포괄적인 디자인 시스템을 구현하면 플랫폼 및 디바이스 전체에서 균일성을 보장합니다.2 이러한 시스템은 개발 중 불일치를 방지하기 위해 시각 요소, 구성 요소, 상호작용 패턴 및 용어를 문서화합니다.
균형 유지
디자인 트렌드가 시각적 매력을 더할 수 있지만, 사용성을 훼손해서는 안 됩니다.2 현대적인 디자인 요소를 점진적으로 구현하면 사용자가 익숙한 패턴을 유지하면서 적응할 수 있습니다.
결론
Jakob Nielsen이 표현한 바와 같이, 목표는 “LSD에 취한 개미가 지은 개미집”같은 인터페이스를 만드는 것이 아닙니다.14
Jakob’s Law는 경직된 규칙이 아니라, 유연한 지침입니다.1091 대부분의 경우 기존 패턴을 따르는 것이 사용자 경험을 크게 향상시키지만, 강력한 정당성과 충분한 테스트가 있다면 패턴을 도전하고 혁신할 수 있습니다.
핵심은 균형입니다: 사용성을 해치는 것을 피하면서도 창의적이고 차별화된 경험을 만드는 것입니다.145 사용자의 기대를 알고, 이를 존중하되, 필요할 때 신중하게 도전하는 것이 성공적인 UX 설계의 본질입니다.
관련 개념
- jakob-nielsens-usability-heuristics - Jakob Nielsen이 제시한 10가지 사용성 휴리스틱
- ux-design - 사용자 경험 설계 전반
참고 자료
Footnotes
-
https://www.uxtigers.com/post/jakobs-law ↩ ↩2 ↩3 ↩4 ↩5 ↩6 ↩7 ↩8
-
https://blog.logrocket.com/ux-design/jakobs-law-creating-user-centric-interfaces/ ↩ ↩2 ↩3 ↩4 ↩5 ↩6 ↩7 ↩8
-
https://digitalcommunications.wp.st-andrews.ac.uk/2022/09/01/jakobs-law/ ↩
-
https://www.usably.studio/journal/jakobs-law-and-its-impact-on-ux-design ↩
-
https://helio.app/ux-research/laws-of-ux/jakobs-law/ ↩ ↩2 ↩3
-
https://www.millilux.io/user-interface-design/what-is-jakobs-law-and-how-it-affects-your-websites-user-interface ↩ ↩2 ↩3 ↩4 ↩5
-
https://www.agerix.fr/en/blog-en/understanding-jakob-nielsens-law-of-user-experience-and-its-impact-on-usability-improvement ↩
-
https://www.hampusdesign.com/articles/jakobs-law-ux-mistake ↩ ↩2 ↩3 ↩4
-
https://uxdesign.cc/jakobs-law-revisited-don-t-reinvent-the-wheel-but-sometimes-do-a59b2fb06a42 ↩ ↩2
-
https://makeiterate.com/7-rules-of-ux-design-you-should-break-right-now/ ↩ ↩2
-
https://uxdesign.cc/tiktok-is-not-a-spaceship-on-the-confusion-over-tiktok-and-jacobs-law-4a473ee91c44 ↩ ↩2
-
https://www.nngroup.com/articles/power-law-learning/ ↩ ↩2 ↩3
-
https://www.nngroup.com/articles/the-need-for-web-design-standards/ ↩ ↩2