도입 장면
처음 들어온 화면에 메뉴가 열 개 있고, 배너가 세 개 있고, 알림과 추천과 이벤트가 동시에 보이면 사용자는 풍부하다고 느끼기보다 멈춘다. 기능이 많다는 사실과 첫 행동이 분명하다는 사실은 다르다.
문제 상황
많은 서비스가 첫 화면에서 자신이 가진 기능을 최대한 많이 보여주려 한다. 만든 것이 많을수록 숨기기 아깝고, 사용자가 놓치지 않길 바라기 때문이다. 하지만 처음 온 사용자는 전체 구조를 이해한 상태가 아니다. 너무 많은 선택지를 주면 사용자는 탐색을 시작하기보다 판단을 미룬다.
핵심 관찰
좋은 첫 화면은 선택지를 줄이고 첫 행동을 만든다. 처음에는 중요한 선택지만 보여주고, 고급 기능이나 드문 기능은 사용자가 필요할 때 드러내는 방식이 학습 부담과 오류를 줄인다. 사용자의 처리 능력은 제한적이므로 첫 화면이 요구하는 판단량이 많아질수록 핵심 행동은 흐려진다.
판단 기준
- 사용자가 3초 안에 첫 행동을 알 수 있는가?
- 가장 중요한 CTA가 하나로 보이는가?
- 보조 선택지는 뒤로 물러나 있는가?
- 첫 행동 후 다음 장면을 예상할 수 있는가?
- 튜토리얼 없이도 최소 행동이 가능한가?
게임/서비스/AI 적용점
게임 첫 화면에서는 상점, 이벤트, 강화, 랭킹, 출석, 패스를 모두 같은 무게로 놓기보다 “오늘 할 첫 행동” 하나를 먼저 보여주는 편이 낫다. 서비스 온보딩에서는 모든 기능을 소개하는 긴 튜토리얼보다 사용자가 바로 눌러볼 수 있는 작은 행동 하나가 더 중요하다. AI 도구라면 “무엇이든 물어보세요”보다 “문서 요약하기”, “표로 정리하기”, “초안 검토하기”처럼 첫 행동을 좁혀주는 편이 시작을 쉽게 만든다.
나쁜 설계 예시
- 첫 화면에 모든 메뉴를 같은 강조도로 노출한다.
- “시작하기” 버튼은 있지만 누르면 무엇이 일어나는지 설명하지 않는다.
- 처음부터 긴 튜토리얼을 강제한다.
- 중요한 CTA와 광고성 배너가 경쟁한다.
- 사용자가 첫 클릭 전에 구조를 먼저 공부해야 한다.
좋은 설계 예시
- “첫 노트 읽기”, “샘플로 시작하기”처럼 첫 행동 하나를 분명히 보여준다.
- 보조 기능은 접거나 하단으로 배치한다.
- “30초 안에 예시 화면을 볼 수 있습니다”처럼 결과를 예고한다.
- 도움말은 강제 튜토리얼이 아니라 필요한 순간에 열 수 있게 둔다.
- 반복 방문자에게는 이전 작업 이어가기를 제공한다.
다음 실험 질문
첫 화면 A안은 모든 기능을 한 번에 보여준다. B안은 주요 CTA 하나와 보조 링크 2개만 보여준다. 신규 방문자의 첫 클릭률, 첫 행동까지 걸린 시간, 이탈률, 두 번째 화면 도달률을 비교하면 첫 화면이 사용자의 행동을 만들었는지 확인할 수 있다.
참고자료
- NN/g — Progressive Disclosure
처음에는 중요한 옵션만 보여주고 고급 기능은 필요할 때 드러내는 설계 원칙. - NN/g — Minimize Cognitive Load to Maximize Usability
인터페이스가 요구하는 정신적 부담이 과하면 과업 수행이 어려워진다는 관점. - NN/g — Onboarding Tutorials vs. Contextual Help
긴 튜토리얼보다 필요한 순간의 맥락 도움말이 더 유효할 수 있다는 관점.