19장. 경험의 충돌과 레이어

첫 화면을 망치는 건 나쁜 요소가 아니라, 동시에 올라온 좋은 요소들이다.

첫 화면을 켜자 아름다운 도입 영상이 흐르고, 그 위로 친절한 화살표가 깜빡이고, 한쪽 구석에서는 첫 보상이 반짝인다. 셋 다 잘 만들었고 셋 다 옳다. 그런데 한꺼번에 올라온 탓에 사람은 영상도 놓치고, 화살표도 흘려보내고, 보상도 못 챙긴 채 멍하니 멈춘다.

좋은 요소를 다 넣으면 좋은 경험이 된다고, 우리는 은근히 믿는다. 세계관도 멋지게 보여 주고 싶고, 조작도 친절하게 가르치고 싶고, 효과도 화려하게 넣고 싶고, 친구와 비교하는 재미도 주고 싶고, 결제할 곳도 알려 주고 싶다. 하나하나는 다 옳기에 첫 화면에 다 올린다. 그런데 한 화면도 넓지 않고 한 사람의 주의도 넓지 않아서, 좋은 것들이 같은 화면, 같은 순간에 올라오면 서로 자리를 다투기 시작한다. 세계관을 보여 주려고 깐 긴 연출이 조작을 빨리 해 보고 싶은 사람을 막고, 조작을 가르치려고 띄운 안내 팝업이 세계에 빠져들던 몰입을 깬다. 좋은 것끼리 부딪친다. 화면에 닿기 전의 예고와 첫인상은 18장이 살폈으니, 화면 위에 한꺼번에 올라온 좋은 것들의 이 충돌을 교통정리하는 일이 이 장의 몫이다.

같은 순간에 올라온 두 가지 좋은 것

가상의 게임으로 들어가 보자. 캐릭터를 모으고 대화하고 짧은 영상을 보는 그 모바일 게임이다. 우리 팀은 세계관에 자부심이 있어서, 첫 화면을 열면 아름다운 도입 영상이 흐른다. 음악이 깔리고, 캐릭터들이 등장하고, 이 세계의 사연이 천천히 펼쳐진다. 동시에 우리는 친절한 팀이기도 해서, 그 영상 위로 "여기를 눌러 보세요" 안내가 뜨고 화살표가 깜빡이고 손가락 모양이 어디를 누르라고 가리킨다.

두 가지 다 좋은 의도인데, 같은 화면에서 부딪친다. 세계에 빠져들려던 사람은 깜빡이는 화살표 때문에 몰입이 깨지고, 빨리 눌러 보려던 사람은 긴 영상 때문에 조작이 막힌다. 세계를 보여 주려는 연출과 조작을 가르치려는 안내가 같은 순간을 두고 싸우는 것이다. 둘 다 줄이고 싶지 않아 둘 다 넣었더니 둘 다 제 일을 못 한다. 영상에 집중하려는 사람에겐 안내가 방해고 조작하려는 사람에겐 영상이 방해여서, 좋은 것 둘을 같은 순간에 겹쳐 놓은 대가로 사람은 둘 중 어느 것도 온전히 받지 못한다.

MEJE 아이동월드에서도 같은 다툼이 벌어진다. 강아지 아이동이 처음 등장하는 따뜻한 연출을 보여 주고 싶은 마음과, 어떻게 꾸미는지를 곧장 가르치고 싶은 마음이 같은 첫 화면에서 만난다. 팬이 강아지 아이동에 빠져드는 그 짧은 순간에 "다음은 여기를 누르세요"가 끼어들면, 팬은 아이동도 놓치고 안내도 흘려듣는다. 그래서 아이동월드는 첫 등장 연출 동안 화면의 안내 요소를 전부 감추고, 가르칠 첫 동작 하나인 쓰다듬기는 깜빡이는 화살표 대신 아이동이 제 머리를 팬의 손가락 쪽으로 들이미는 몸짓에 녹이기로 했다. 연출이 안내를 겸하게 만들면, 두 마음이 같은 순간을 두고 다툴 일이 없어진다.

경험은 평평하지 않다

이 충돌을 풀려면 먼저 경험이 한 겹이 아니라는 걸 봐야 한다. 4장에서 본 다섯 겹이 여기서 바통을 이어받는다. 그때 "다섯 겹의 충돌을 교통정리하는 일은 19장에서"라고 미뤄 둔 그 일을 지금 한다. 한 화면 위에는 여러 겹의 경험이 포개져 있다. 가장 안쪽에는 세계가 있는데, 세계관과 이야기와 캐릭터, 사용자가 누구로 어디에 있는지의 겹이다. 그 위에 시스템이 있으니, 규칙과 목표와 화면의 짜임, 무엇을 어떻게 하는지의 겹이다. 그 위에는 감각이 있어, 그림과 소리와 진동과 속도, 손끝과 눈과 귀에 닿는 겹이다. 다시 그 위에 사회가 있는데, 다른 사람과 비교와 공유와 순위, 내가 남들 사이에서 어디쯤인지의 겹이다. 그리고 가장 바깥에 사업이 있으니, 과금과 광고와 전환, 이 경험을 굴러가게 하는 돈의 겹이다.

이 다섯 겹은 평평하게 펼쳐진 게 아니라 포개져 있고, 한 화면이 다섯 겹 모두에게 동시에 말을 건다. 도입 영상은 세계 겹의 일이고 깜빡이는 안내는 시스템 겹의 일이니, 둘이 부딪친 건 두 좋은 요소가 부딪친 게 아니라 두 겹이 같은 순간을 두고 다툰 것이다. 겹을 구분하고 나면 충돌이 또렷해진다. 세계와 시스템이 다투는지, 감각이 시스템을 가리는지, 사회가 너무 일찍 끼어드는지, 사업이 신뢰를 먼저 깨는지. 어느 겹끼리의 다툼인지를 알면, 무엇을 미뤄야 할지도 보인다.

좋은 것끼리 부딪치는 지점들

겹을 알았으니 자주 부딪치는 대목을 짚어 본다. 충돌은 늘 나쁜 요소와 좋은 요소 사이가 아니라 좋은 요소와 좋은 요소 사이에서 일어나기에, 풀기가 어렵다.

이야기와 조작이 다툰다. 세계를 길게 보여 주면 사람이 직접 해 볼 순간이 늦어지고, 빨리 해 보게 하면 세계에 빠져들 틈이 없다. 자유와 안내가 다툰다. 다 열어 두면 처음 온 사람은 무엇부터 할지 몰라 막막하고, 한 길로만 끌면 답답하다. 빠른 시작과 세계 설명이 다툰다. 설명을 다 듣고 시작하게 하면 시작 전에 지치고, 설명 없이 시작하게 하면 자기가 어디 있는지를 모른다. 놀라움과 이해가 다툰다. 새로운 걸 많이 주면 신선하지만 어렵고, 익숙한 것만 주면 편하지만 시시하다. 비교와 위축이 다툰다. 남들과 견주는 재미를 일찍 주면, 이제 막 온 초보는 자기가 꼴찌라는 것부터 본다. 영상적 감상과 게임적 입력이 다툰다. 보는 즐거움을 키우면 손이 할 일이 줄고, 손이 할 일을 키우면 보는 맛이 준다. 개인화와 공정성이 다툰다. 사람마다 취향에 맞춰 첫 화면을 다르게 깔아 주면 누군가에겐 더 잘 맞지만, 그렇게 사람을 갈라 대접하는 일이 다른 누군가에겐 자기만 손해 보는 차별로 비친다(이 다툼은 26·27장에서 다시 다룬다). 이 충돌들을 지점마다 진단하고 조정하는 정밀한 작업은 부록 C의 충돌 조정표로 보낸다(→ 부록 C).

그리고 가장 무거운 충돌이 하나 더 있다. 과금과 신뢰의 다툼이다. 이건 다른 충돌과 무게가 다르다. 다른 충돌은 어느 쪽을 먼저 두느냐의 문제지만, 이건 한쪽이 다른 쪽을 깨 버린다. 아직 이 경험을 좋아하지도 않는 사람에게 돈 쓸 곳부터 보이면 사람은 즐거움을 받기도 전에 지갑부터 의식하고, 사업 겹이 세계 겹보다 먼저 말을 걸면 사용자는 자기가 손님이 아니라 표적이라고 느낀다. 그래서 사업 겹은 다섯 겹 중 가장 바깥에 두고 가장 늦게 말 걸어야 한다.

우선순위를 정하는 한 가지 기준

충돌하는 두 좋은 것 중 무엇을 먼저 둘까. 기준은 하나다. 처음 온 사람이 다음 한 걸음을 떼는 데 무엇이 더 급한가. 첫 경험에서 모든 겹을 동시에 만족시킬 수는 없으니, 지금 이 순간 사람을 한 칸 더 나아가게 하는 겹을 앞에 두고 나머지는 뒤로 미룬다.

이 기준을 충돌마다 대 보면 답이 나온다. 이야기와 조작이 다툴 때 처음 온 사람을 한 걸음 나아가게 하는 건 대개 조작이니, 먼저 한 번 해 보게 하고 세계는 그가 손을 움직인 다음에 천천히 펼친다. 다만 여기서 미루라는 것은 세계의 사연이지 세계의 얼굴이 아니다. 이 세계가 어떤 곳인지를 알리는 정체성의 신호는 첫 순간부터 화면의 표정에 묻어 있어야 하고(21장이 말할 첫 30초의 몫이다), 뒤로 보내는 것은 그 세계가 길게 풀어낼 사연 쪽이다. 자유와 안내가 다툴 때는 막 온 사람에게 자유보다 안내가 급하므로, 한 길을 먼저 열어 첫 성취를 맛보게 하고 자유는 그가 길을 익힌 다음에 준다. 비교와 위축이 다툴 때는 비교를 한참 미뤄, 자기 것이 제법 자랐다고 느끼기 전에는 남과 견주지 않게 한다. 그리고 과금과 신뢰가 다툴 때는 망설일 것도 없다. 신뢰가 먼저다. 사람이 이 경험을 충분히 좋아하게 된 다음에야 사업 겹이 조심스럽게 말을 건다.

이 대목에서 현업의 가장 강한 반론을 정면으로 받아 둔다. 마케팅 비용을 회수할 기간이 빠듯하고, 결제하는 사람 대부분이 초기에 전환된다는 통계가 있으니 사업 겹을 앞세울 수밖에 없다는 논리다. 그런데 그 통계는 뒤집어 읽을 수 있다. 결제 동선을 초기에 들이밀어 온 제품에서는 초기 결제만 관측되는 게 당연해서, "결제는 초기에 일어난다"는 숫자는 사실이 아니라 우리가 만든 구조의 그림자일 수 있다. 일찍 들이밀어서 일찍 결제한 사람만 남고, 일찍 들이밀어서 떠난 사람은 통계에 결제자로 잡히지 않으니, 살아남은 쪽만 보고 법칙을 세우는 셈이다. 신뢰를 먼저 쌓은 제품의 결제 곡선이 어떤 모양일지는 그렇게 만들어 보기 전에는 그 통계로 알 수 없다. 그래서 신뢰 먼저는 도덕론이 아니라, 표본이 기울지 않은 쪽에 거는 사업 논증이다. 우선순위는 멋의 순서가 아니라 사람이 다음 걸음을 떼는 순서다.

첫 화면에 모든 메뉴를 펼치는, 게임의 관습

충돌을 다루는 장이니 게임의 관습 하나가 검문을 받을 차례다. 첫 화면과 튜토리얼에 게임의 모든 기능과 메뉴를 다 보여 주고, 사용자를 그 전부에 한 번씩 데려가 순회시키는 습관이다. 16장이 같은 '한꺼번에 많이'를 겨눴지만 거기서 본 것은 읽기의 소음이었고, 여기서 보는 것은 할 일의 과부하다.

이 관습은 무엇을 당연하다고 전제하고 있나. 많은 게임의 첫 화면은 메뉴로 빽빽하다. 상점, 가방, 캐릭터, 임무, 길드, 우편함, 이벤트, 설정. 그리고 튜토리얼은 사용자의 손을 잡고 그 메뉴를 하나씩 다 눌러 보게 한다. 여기는 상점이고, 여기는 가방이고, 여기는 임무고. 이 관습에는 근거가 있었다. 게이머는 새 게임을 켜면 전체를 한눈에 조망하고 싶어 하는데, 무슨 기능이 어디 있는지를 미리 알아 둬야 안심하고 메뉴가 많을수록 콘텐츠가 풍부하다는 신호로 읽기 때문이다. 게이머에게 가득 찬 첫 화면은 풍요의 증거이고, 전체를 한 바퀴 도는 튜토리얼은 친절한 안내다.

처음 온 사람은 이 전제를 공유하지 않는다. 그에게 빽빽한 메뉴는 풍요가 아니라 막막함이어서, 자기가 무엇부터 해야 할지 모르는 화면 앞에서 선택지가 많을수록 결정은 느려지고 마음은 무거워진다. 전체를 한 바퀴 도는 튜토리얼은 더 가혹하다. 아직 무엇 하나 좋아하지도 않는데 여덟 개의 메뉴를 차례로 보여 주면, 그는 자기가 무엇을 봤는지조차 기억하지 못한다. 숏폼을 넘기다 흘러든 사람은 메뉴 하나를 누르기도 전에 화면의 빽빽함에 질리고, 드라마를 보다 넘어온 사람은 다음 이야기를 기다렸는데 메뉴 순회부터 시작되니 자기가 길을 잘못 들었다고 느낀다. 게이머는 가득 찬 첫 화면을 '풍요'로 읽지만, 처음 온 사람은 '정보 과부하'로 읽는다. 같은 화면이 한쪽에는 든든함이고 한쪽에는 막막함이다.

이 관습이 일반인에게 물리는 요금은 집중력의 과부하와 길 잃음이다. 한 화면에 모든 겹의 모든 기능을 동시에 올리면 사용자는 다섯 겹이 한꺼번에 거는 말에 짓눌리고, 전체를 순회하는 튜토리얼은 시간과 주의를 다 쓰게 하고도 정작 첫 성취 하나를 안 남긴다. 그러니 알맹이만 챙겨 다시 짠다. 첫 화면에 모든 메뉴를 펼치는 대신 지금 한 걸음에 필요한 하나만 남기고 나머지는 감추며, 전체를 한 바퀴 돌리는 대신 핵심 행동 하나를 먼저 해내게 하고 나머지 기능은 사용자에게 그것이 필요해지는 순간에 하나씩 꺼낸다. 빌릴 익숙함은 사람이 다른 앱에서 이미 아는 단순한 첫 화면이고, 새로 줄 것은 필요할 때 알맞게 열리는 깊이다. 전체 조망은 사용자가 이 세계에 눌러앉아 운영을 즐기게 됐을 때 건네면 충분하다. 적게 보여 주는 것은 게으름이 아니라, 사람을 다음 한 걸음으로 데려가는 가장 빠른 길이다.

▶ 내 화면에 대입하는 세 가지

우리 첫 화면에서 좋은 것끼리 같은 순간에 부딪치고 있지 않나, 연출과 안내와 보상이 한꺼번에 올라와 있지 않나.

이 한 화면에 지금 이 순간의 주인공 하나를 정했나, 아니면 다 같이 떠들게 두었나.

포개진 레이어를 한 화면에 쌓아 두지 않고 시간차로 풀었나. 좋은 것끼리 부딪치고 있다면 먼저 차례를 나누고, 그래도 안 풀리면 한 동작에 녹이거나 이번 첫 경험에서 한쪽을 뺀다.

그래서, 한 화면에 하나의 주인공만 세운다

경험을 다섯 겹으로 보고 나면, 첫 화면을 짜는 순서가 바뀐다. 좋은 걸 다 올릴지를 묻는 대신, 이 순간의 주인공이 어느 겹인지를 먼저 정한다. 한 화면, 한 순간에는 한 겹이 주인공이다. 세계를 보여 줄 순간이면 세계가 주인공이고 그동안 안내는 숨죽이며, 조작을 가르칠 순간이면 시스템이 주인공이고 그동안 연출은 물러선다. 주인공이 정해지면 나머지 겹은 그 순간 조용히 비켜설 뿐, 다 같이 떠들게 두지 않는다. 좋은 것을 빼는 게 아니라 좋은 것마다 자기 차례를 주는 것이다. 단순하게 만든다는 건 적게 만드는 게 아니라, 한 번에 하나씩 말하게 하는 것이다.

다만 차례를 나누는 미루기가 기본기일 뿐, 충돌을 푸는 도구가 그것 하나는 아니다. 사다리는 셋이다. 첫째가 미루기로, 두 겹에게 시간차를 줘 한 번에 하나씩 말하게 하는 이 장의 기본 처방이다. 둘째는 녹이기로, 두 겹을 한 동작 안에 합쳐 버리는 상급 기술이다. 라스트 오브 어스의 프롤로그는 세계의 붕괴를 보여 주는 연출과 살펴보기 조작의 학습을 어린 딸의 침실을 만져 보는 한 동작에 녹였고, 마리오의 첫 화면은 세계의 규칙과 점프 조작을 굼바 한 마리 앞에서 동시에 가르친다. 잘 녹이면 미룰 필요조차 없어지지만, 한 동작이 두 겹의 일을 다 하도록 깎아 내는 데 품이 많이 들어 아무 데나 쓸 수 있는 기술은 아니다. 셋째는 빼기로, 이번 첫 경험에서 그 겹 자체를 포기하는 것이다. 미뤄도 안 풀리고 녹일 솜씨도 시간도 없다면, 그 겹은 첫 경험 바깥으로 보내고 본편에서 만나게 한다. 사회 겹의 순위표나 사업 겹의 상점이 흔히 이 셋째 사다리의 후보가 된다. 미루고, 녹이고, 그래도 안 되면 뺀다. 이 셋을 차례로 대 보면 어떤 충돌이든 출구가 하나는 나온다.

교통정리가 됐는지는 결국 숫자로 드러난다. 충돌을 잘 정리했는지는 사람이 첫 화면에서 멈추는지 나아가는지로 드러나는데, 화면이 떠들썩한데 사람이 한참 머뭇거리다 떠난다면 여러 겹이 동시에 말을 걸어 사람을 멈춰 세웠다는 신호다. 어느 화면에서 사람이 다음 행동으로 못 넘어가는지를 보면 그 화면에서 어떤 충돌이 사람을 붙들었는지가 비치고, 사람이 막힌 화면과 그 화면이 동시에 건 말의 수를 나란히 놓고 보면 우리가 어디서 너무 많이 말했는지가 보인다.

참고 콘텐츠

이 장의 개념이 드러나는 다른 매체의 사례.

비디오게임

더 라스트 오브 어스 프롤로그 : 거친 조엘이 아니라 어린 딸 새라를 먼저 조작하게 해 세계의 붕괴를 약자의 시선으로 보여 주고, 침실의 거울·전화·생일 카드를 직접 만져 보게 하며 별도 안내 팝업 없이 살펴보기 조작을 가르친다. 세계 겹과 시스템 겹을 같은 순간에 겹치지 않고 한 동작 안에 녹인 본보기다.
슈퍼 마리오 브라더스 월드 1-1 : 첫 화면에서 이동·점프·아이템 획득을 글자 하나 없이 순서대로 하나씩 가르치고, 밟는 법을 먼저 익히도록 첫 적을 굼바로 두어 한 번에 한 기능만 올린다. 모든 메뉴를 펼치는 대신 지금 한 걸음에 필요한 하나만 보여 준다.
디아블로 이모탈 : 무료로 시작하지만 이른 단계부터 과금 구조가 전면에 드러나, 출시 직후 사용자 평점이 바닥을 치고 사업 겹이 즐거움보다 먼저 말을 건 사례로 자주 거론된다. 사람이 좋아하기도 전에 지갑을 의식하게 만들면 손님이 표적이라 느끼는 반례다.

필름 애니메이션

픽사의 스테이징 원칙 : 한 번에 한 가지 생각만 관객에게 보이게 짜고, 한꺼번에 여러 동작이 벌어지면 눈이 어디 볼지 몰라 정작 핵심을 놓친다고 본다. 바쁜 장면에서는 멈춰 있는 것에, 고요한 장면에서는 움직이는 것에 시선이 가는 대비로 주인공 하나를 짚어 준다.

나머지 참고 콘텐츠는 이 글 끝의 '19장 부록'에 모아 두었다(단행본에서는 부록 D로 묶인다).

설계 노트 ▶ 직접 해보기

우리 첫 화면 한 장을 펼치고, 거기 올라온 것들을 다섯 겹으로 나눠 적는다. 세계 겹의 것, 시스템 겹의 것, 감각 겹의 것, 사회 겹의 것, 사업 겹의 것. 한 화면에 다섯 겹이 다 올라와 있다면 그중 지금 이 순간의 주인공 하나를 고르고, 나머지 겹의 요소 중에 주인공을 가리거나 방해하는 것에 표시해 그것들을 다음 순간으로 미룰 수 있는지 묻는다.

다음으로, 우리 첫 화면이나 튜토리얼이 사용자에게 한 번에 보여 주는 메뉴와 기능의 수를 센 다음, 그중 첫 한 걸음에 정말 필요한 것 하나만 남기고 나머지에 줄을 긋는다. 줄 그은 것들은 사용자에게 그 기능이 필요해지는 순간이 언제인지를 옆에 적어 그때 꺼내도록 미룬다. 마지막으로 사업 겹의 요소가 첫 화면에 올라와 있는지 확인하고, 올라와 있다면 사람이 이 경험을 좋아하게 되는 어느 순간 뒤로 미룰 수 있는지 본다. 다섯 겹을 충돌별로 진단하고 우선순위를 매기는 정밀한 작업은 부록 C의 충돌 조정표로 이어진다(→ 부록 C).

한 화면이 한 번에 한 겹만 말하게 정리하면, 좋은 것끼리 더는 서로를 가리지 않는다.

한 줄 요약: 좋은 요소를 다 넣으면 좋은 경험이 된다는 믿음은 충돌을 부른다. 경험은 세계와 시스템과 감각과 사회와 사업의 다섯 겹으로 포개져 있고, 한 화면이 다섯 겹 모두에게 동시에 말을 걸면 좋은 것끼리 부딪친다. 우선순위는 멋의 순서가 아니라 사람이 다음 한 걸음을 떼는 순서로 매기고, 사업 겹은 신뢰를 깨지 않도록 가장 늦게 말을 건다. 게이머에겐 풍요인 빽빽한 첫 화면과 전체를 순회하는 튜토리얼이 처음 온 사람에겐 정보 과부하이니, 한 화면에 한 주인공만 세우고 나머지는 필요한 순간에 하나씩 꺼낸다. 다음 장: 한 화면 위의 충돌을 다섯 겹으로 정리하고 나면, 더 큰 물음이 남는다. 도대체 첫 경험은 어디서 시작해 어디서 끝나는가. 첫 광고부터 우리 몫인가, 첫 실행부터인가. 그리고 사용자가 무엇을 해냈을 때 첫 경험이 끝났다고 말할 수 있나. 지금까지 흩어져 다룬 첫 경험의 조각들을 하나의 범위로 묶는 일, 첫 경험의 시작점과 종료점을 한 문장으로 선언하는 일에서 4부의 다음 장이 이어진다.

19장 부록: 참고 콘텐츠 모음

좋은 요소끼리 부딪치는 충돌과 그 교통정리, 곧 한 화면 한 순간에 한 주인공만 세우고 나머지를 미루거나 한 동작에 녹이거나 이번 첫 경험에서 빼는 일이 게임 바깥에서는 어떻게 나타나는지를 모았다. 비디오게임과 앱만이 아니라 영화·방송·음악·만화·무대·가전·오프라인 공간까지 매체를 섞었고, 항목마다 끝에 '살펴볼 점'을 달아 두었다. 다섯 겹(세계·시스템·감각·사회·사업) 중 어느 겹끼리 다투는 사례인지, 그 다툼이 미루기·녹이기·빼기 중 무엇으로 풀렸는지를 짚으며 읽으면, 다른 매체의 이야기가 우리 첫 화면을 고치는 도구가 된다.

비디오게임

하프라이프 2 (밸브, 2004) : 컷신으로 조작을 빼앗지 않고 처음부터 끝까지 일인칭 시점 그대로 플레이어 손에 화면을 맡긴 채 이야기를 진행하고, 중력총 같은 새 도구도 별도 강의 대신 로봇 '도그'와 물건을 주고받는 놀이로 자연스럽게 익히게 한다. 세계 설명과 조작 학습을 끊지 않고 한 흐름으로 잇는다. 살펴볼 점: 세계 겹과 시스템 겹의 충돌을 미루기가 아니라 녹이기로 푼 본보기이니, 한 동작이 두 겹의 일을 동시에 해내는 대목을 찾아 우리 화면의 어떤 안내가 연출 속에 녹을 수 있을지 본다.
포털 (밸브, 2007) : 새 기제가 등장할 때마다 다른 요소를 다 걷어 낸 깨끗한 시험방 하나를 주고, 그 개념을 이해해야만 다음 방으로 넘어가게 잠가 한 방에 한 개념만 다룬다. 첫 화면에 전부를 펼치지 않고 필요해지는 순간에 하나씩 꺼낸다. 살펴볼 점: 한 화면 한 주인공을 공간 단위로 강제한 구조이니, 우리 첫 경험에 '한 개념만 남기고 다 걷어 낸 방'에 해당하는 단계가 있는지 본다.
젤다의 전설 야생의 숨결 초반 대지 (닌텐도, 2017) : 광활한 본편에 들어가기 전 외떨어진 고원에서, 메뉴를 다 펼치는 대신 사당 하나마다 능력 하나씩만 익히게 해 한 순간에 한 겹만 주인공으로 세운다. 살펴볼 점: 자유와 안내의 충돌을 '좁힌 구역 안의 자유'로 절충한 방식이니, 전부를 미루지 않으면서도 과부하를 막는 중간 해법으로 읽는다.
캔디 크러시 사가 첫 판 (킹, 2012) : 빽빽한 메뉴 대신 같은 색 세 개 맞추기라는 한 동작만 먼저 해내게 하고, 부스터 같은 나머지 기능은 그것이 필요해지는 레벨에서 하나씩 꺼낸다. 살펴볼 점: 기능 공개를 레벨 진행이라는 시간 축에 펼친 미루기의 정석이니, 우리 메뉴 가운데 첫 판에 정말 필요한 것이 몇 개인지 세어 보게 한다.

앱 UX

듀오링고 첫 사용 흐름 : 계정 가입을 맨 앞에 두지 않고 먼저 짧은 학습을 해 보게 한 뒤, 진도를 저장하고 싶어지는 순간에야 가입을 권한다. 가입 요구를 뒤로 미루는 이런 흐름이 이탈을 줄였다는 이야기가 업계에서 자주 인용된다. 살펴볼 점: 사업·등록의 겹이 가장 늦게 말을 거는 순서의 표본이니, 우리 첫 화면에서 가입·결제·권한 요청이 신뢰보다 먼저 오고 있지 않은지 견준다.
구글 검색 첫 화면 : 포털들이 뉴스·날씨·증권·디렉터리로 첫 화면을 빽빽이 채우던 1990년대 말에 로고와 검색창 하나만 남긴 첫 화면으로 시작했고, 그 비움이 곧 정체성이 되어 지금까지 골격이 유지된다. 살펴볼 점: 빼기를 첫 화면 전체에 적용한 사례이니, 검색이라는 단 하나의 주인공을 위해 다른 모든 기능이 화면 뒤로 물러난 구도로 읽는다.

필름 실사

영화의 미장센 : 한 프레임 안에 빛과 인물과 배경이 다 들었어도 구도·조명·초점이 시선을 주인공 하나로 모이게 짠다. 살펴볼 점: 요소를 빼지 않고도 위계만으로 주인공을 세울 수 있다는 증거이니, 우리 화면의 크기·색·움직임이 지금 이 순간의 주인공을 가리키는지 본다.
한 장면에 정보를 몰아넣은 설명 과잉 대사 : 여러 좋은 설정을 동시에 떠먹이려다 어느 것도 안 남게 부딪친다. 살펴볼 점: 충돌은 나쁜 요소가 아니라 좋은 요소끼리 일어난다는 명제의 영화판이니, 우리 안내문 하나가 한 번에 몇 가지를 말하는지 세어 본다.

필름 애니메이션

월-E 도입부 (픽사, 2008) : 앞부분 30분 남짓을 대사를 거의 비운 채 황폐해진 지구와 청소 로봇 하나만 보여 주어, 세계 겹이 다른 겹의 방해 없이 먼저 혼자 말하게 한다. 한 순간에 한 겹만 주인공으로 세워 몰입을 만드는 본보기다. 살펴볼 점: 한 겹에게 통째로 시간을 내준 극단적인 미루기이니, 우리 첫 경험에 세계 겹이 홀로 말하는 구간이 단 몇 초라도 마련돼 있는지 본다.

실사 TV / 드라마

뉴스 화면의 자막 띠와 속보 크롤 : 화면 하단을 흐르는 크롤은 정보를 한꺼번에 밀어 넣어 과부하를 일으킨다는 지적을 받아 왔고, 미국 CNN은 2008년 흐르는 크롤을 거두고 한 번에 한 문장씩 바뀌는 정지형 자막으로 바꿨다가 2013년 다시 크롤로 돌아갔으며, MSNBC도 2015년 하단 크롤을 없앤 적이 있다. 살펴볼 점: 다 띄우기와 하나만 보이기 사이에서 같은 방송사도 오갔다는 데서, 이 교통정리가 한 번의 결정이 아니라 계속 관리해야 하는 다툼임을 본다.

음악

믹싱의 주파수 마스킹과 EQ 정돈 : 같은 음역대에 악기가 겹치면 좋은 소리끼리 서로를 가려 흐릿해지므로, 빼는 EQ로 겹치는 대역을 깎아 내거나 편곡 단계에서 악기를 옥타브로 옮겨 미리 공간을 만든다. 한 구간에 한 소리를 앞세우려 나머지를 비워 두는 방식이다. 살펴볼 점: 좋은 소리끼리 서로를 가린다는 점에서 본문의 충돌 정의와 같은 현상이니, '빼는 EQ'에 해당하는 손질을 우리 화면의 어느 요소에 걸지 떠올리게 한다.
보컬을 살리려 반주를 비우는 편곡 : 가장 들려줄 한 겹을 위해 나머지 악기가 잠시 숨죽인다. 살펴볼 점: 주인공 교대가 한 곡 안에서 초 단위로 일어나는 모습이니, 우리 화면에서도 주인공이 바뀌는 순간 나머지 요소가 실제로 물러나는지 본다.

만화 / 코믹북

한 페이지의 칸 나눔과 시선 유도 : 여러 사건을 한 면에 담되 큰 칸 하나로 시선의 주인공을 정하고, 칸의 크기와 배치로 읽는 차례를 끌고 간다. 살펴볼 점: 동시에 보여 주면서도 차례를 만들어 내는 기술이니, 공간의 위계로 시간차를 흉내 낼 수 있다는 힌트로 읽는다.
효과음·말풍선·배경이 그림을 덮은 과밀한 컷 : 다 보여 주려다 정작 중요한 그림이 안 보이게 부딪친다. 살펴볼 점: 감각 겹이 세계 겹을 가리는 충돌이니, 우리 이펙트와 알림이 정작 보여 줄 것을 덮고 있지 않은지 본다.

연극 / 극장

무대의 폴로 스폿과 블로킹 : 배우가 여럿이어도 폴로 스폿이 지정한 배우만 따라가고, 두 배우가 엇갈리면 조명도 방향을 바꿔 각자 맡은 인물을 비춘다. 객석에 가까운 다운스테이지 중앙에 세워 지금 봐야 할 한 사람으로 시선을 모은다. 살펴볼 점: 주인공을 비추는 일과 주변을 어둡게 두는 일이 한 묶음이라는 데서, 강조가 더하기가 아니라 주변 빼기로 완성됨을 본다.
주연이 말할 때 비켜서는 조연의 무대 약속 : 한 순간엔 한 사람이 주인공이고 나머지는 물러선다. 살펴볼 점: 물러서는 쪽의 규율이 있어야 주인공이 성립하니, 우리 화면의 조연 요소들에게도 '물러서는 약속'이 정의돼 있는지 본다.

기계장치 / 가전 UX

자동차 인포테인먼트와 물리 버튼의 복귀 : 모든 기능을 큰 터치스크린 하나에 몰아넣자 한 동작에 운전자가 화면을 한참 들여다봐 주의가 분산된다는 지적이 커졌고, 유럽 신차 안전 평가(Euro NCAP)는 2026년 평가 기준부터 방향지시등·비상등·경적·와이퍼 같은 핵심 기능에 물리 조작부가 없으면 점수를 깎아 최고 등급을 받기 어렵게 했다. 살펴볼 점: 지금 급한 조작 하나가 곧장 손에 닿는 것 자체를 안전으로 평가한다는 데서, 우리 화면의 '급한 한 동작'이 메뉴 몇 단계 아래 묻혀 있지 않은지 짚는다.
경고음·알림이 한꺼번에 울리는 기기 : 모든 신호를 동시에 보내 정작 급한 하나를 못 듣게 만든다. 살펴볼 점: 알림에도 주인공과 조연의 위계가 필요하다는 반례이니, 우리 알림이 같은 크기로 한꺼번에 울리고 있지 않은지 본다.

오프라인·일상

이케아 매장의 외길 동선 : 매장 전체를 한 갈래 길로 짜서 처음 온 사람이 쇼룸을 정해진 차례로 통과하게 하고, 갈림길 대신 군데군데 지름길 문만 둔다. 길을 고민할 일이 없어 진열이 차례로 눈에 들어온다. 살펴볼 점: 자유와 안내의 충돌을 안내 쪽으로 크게 기울인 설계이니, 같은 동선이 익숙한 단골에게는 답답함이 된다는 양면까지 함께 본다.
런던 지하철 노선도 : 1933년 해리 벡이 실제 지리의 거리와 굴곡을 버리고 직선과 45도 각도, 고른 역 간격만 남긴 다이어그램으로 다시 그렸다. 지리적 사실과 갈아타기 정보라는 두 좋은 정보가 다투자 한쪽을 뺀 것이다. 살펴볼 점: 빼기가 정보를 깎는 일이 아니라 지금의 질문(어디서 갈아타나)에 답하려고 다른 좋은 정보를 포기하는 일임을 본다.
프레젠테이션의 한 슬라이드 한 메시지 원칙 : 발표 설계에서 널리 권해지는 관습으로, 한 장에 요점을 여럿 담으면 청중이 읽느라 듣지 못하니 슬라이드마다 메시지 하나만 남기고 나머지는 다음 장으로 넘기라고 가르친다. 살펴볼 점: 읽기와 듣기가 같은 주의를 두고 다투는 감각 겹의 충돌이니, 화면과 음성이 동시에 말하는 우리 튜토리얼에 그대로 적용해 본다.
미술관의 화이트 큐브 전시 : 벽을 희게 비우고 작품 사이를 떨어뜨려, 한 작품 앞에 선 관람객의 시야에 그 작품 하나만 들어오게 한다. 살펴볼 점: 여백이 장식이 아니라 주인공을 세우는 장치라는 데서, 우리 화면의 여백이 어느 주인공을 위해 비워졌는지 묻게 한다.