25per

Speaker 1

Speaker 2

advice

agreement

button

caution

christmas

christmasgif

cocacola

confused

cost

done

flow1

flow3

flow4

flow5

flow6

focuson

forget

happy

idonknow

interview

intro1

intro2

intro3

modal

original-quiz

please

question

reward

santa

santa-quiz

santa1

santa2

santa3

think

toss_appicon

value

viral1

viral2

viral3

viral4

viral5

vote

wonder

work

workhard

worry

writing

Simplicity 23, 이번 세션에서는
 작년 크리스마스에 열렸던
 :tag[주식 퀴즈]{start="00;00;04;21" color="rgba(255, 255, 255, 1)"} 이야기를
 들려드리려고 해요.

Simplicity 23, 이번 세션에서는 
작년 크리스마스에 열렸던 :tag[주식 퀴즈]{start="00;00;04;21" color="rgba(255, 255, 255, 1)"} 이야기를 
들려드리려고 해요.

좀 더 :color[친근하게]{start="00;00;07;23"} 사용자에게
 다가갈 수 있는 방법, 그리고
 토스의 프로덕트 디자이너분들이
 :color[일하는 방식]{start="00;00;13;02"}에 대해서 아마
 힌트를 얻으실 수 있을 것 같아요.

좀 더 :color[친근하게]{start="00;00;07;23"} 사용자에게 다가갈 수 있는 방법, 
그리고 토스의 프로덕트 디자이너분들이 
:color[일하는 방식]{start="00;00;13;02"}에 대해서 아마 힌트를 얻으실 수 
있을 것 같아요.

오늘 이야기를 들려주실
 :inline[서은해님]{start="00;00;18;14" asset="Speaker 2"} 모셔 보겠습니다.

오늘 이야기를 들려주실 :inline[서은해님]{start="00;00;18;14" asset="Speaker 2"} 모셔 보겠습니다.

와~ 안녕하세요!
:waa[은해님~]{start="00;00;20;09"}

:waa[와~ 안녕하세요! 은해님~]{start="00;00;20;09"}

:waa[안녕하세요,]{start="00;00;22;07"}
토스증권 프로덕트 디자이너
 서은해입니다.

:waa[안녕하세요,]{start="00;00;22;07"}
토스증권 프로덕트 디자이너 서은해입니다.

오늘 들려주실 이야기는
 어떤 거예요?

오늘 들려주실 이야기는 어떤 거예요?

오늘 제가 준비한 이야기는
 작년에 출시했던
:flip[크리스마스 주식 퀴즈]{start="00;00;33;25"} 제품이
 만들어지기까지의 과정에 대해서
 말씀을 드려볼까 해요.
 그 제품을 만드는 동안
 다른 디자이너분들도 충분히
 공감할 만한 일화들이 좀
 있었거든요.

오늘 제가 준비한 이야기는 작년에 출시했던
:flip[크리스마스 주식 퀴즈]{start="00;00;33;25"} 제품이 만들어지기까지의 
과정에 대해서 말씀을 드려볼까 해요. 그 제품을 
만드는 동안 다른 디자이너분들도 충분히 공감할 만한 
일화들이 좀 있었거든요.

음, 크리스마스 주식 퀴즈라는 게
 조금 낯설기도 한데요.
 그러면 이게 뭔지 짧게
 설명 :questionMark[가능하실까요]{start="00;00;54;06"}

음, 크리스마스 주식 퀴즈라는 게 조금 낯설기도 
한데요. 그러면 이게 뭔지 짧게 설명 :questionMark[가능하실까요]{start="00;00;54;06"}

네, 먼저 크리스마스 퀴즈 제품을
 모르는 분들도 계실 것 같아서
 간략히 소개를 해드리자면,

네, 먼저 크리스마스 퀴즈 제품을 모르는 분들도 
계실 것 같아서 간략히 소개를 해드리자면,

이 제품은 :tag[특정 해외 주식]{start="00;01;03;20" color="rgba(255, 255, 255, 1)"}
 종목에 대한 퀴즈가 하루에 한 번씩
 나가고, 사용자들이 그 퀴즈의
 정답을 맞히면 리워드로
 퀴즈에서 언급됐던 종목의
 주식을 :tag[소량으로 지급]{start="00;01;15;11" color="rgba(255, 255, 255, 1)"}하는
 이벤트성 제품이에요.

이 제품은 :tag[특정 해외 주식]{start="00;01;03;20" color="rgba(255, 255, 255, 1)"} 종목에 대한 퀴즈가 
하루에 한 번씩 나가고, 사용자들이 그 퀴즈의 
정답을 맞히면 리워드로 퀴즈에서 언급됐던 종목의 
주식을 :tag[소량으로 지급]{start="00;01;15;11" color="rgba(255, 255, 255, 1)"}하는 이벤트성 제품이에요.

사용자들은 하루에 한 번씩
 새로운 종목에 대해 알게 되면서
 :tag[무료 주식]{start="00;01;22;18" color="rgba(255, 255, 255, 1)"}도 받고, 또 주식 투자에
 대한 :color[막연한 두려움]{start="00;01;25;16"}과
 :color[심리적 장벽]{start="00;01;26;21"}을 떨쳐낼 수 있게
 되는 거죠.

사용자들은 하루에 한 번씩 새로운 종목에 대해 
알게 되면서 :tag[무료 주식]{start="00;01;22;18" color="rgba(255, 255, 255, 1)"}도 받고, 또 주식 투자에 대한 
:color[막연한 두려움]{start="00;01;25;16"}과 :color[심리적 장벽]{start="00;01;26;21"}을 떨쳐낼 수 있게 
되는 거죠.

그러면 제가 :inline[코카콜라]{start="00;01;30;21" asset="cocacola"} 주식에 
대한 퀴즈를 풀고 또 퀴즈를 맞히면
 :inline[코카콜라]{start="00;01;35;07" asset="cocacola"} 주식을 소량으로
 받기도 하고 :omit[리워드로]{} 그런 거네요.
 너무 :popup[재밌을]{start="00;01;40;28" asset="happy"} 것 같아요!
 이거는 어쩌다가
 :questionMark[시작하게 된 거예요]{start="00;01;44;05"}

그러면 제가 :inline[코카콜라]{start="00;01;30;21" asset="cocacola"} 주식에 대한 퀴즈를 풀고 
또 퀴즈를 맞히면 :inline[코카콜라]{start="00;01;35;07" asset="cocacola"} 주식을 소량으로 
받기도 하고 :omit[리워드로]{} 그런 거네요. 너무 :popup[재밌을]{start="00;01;40;28" asset="happy"} 것 같아요! 
이거는 어쩌다가 :questionMark[시작하게 된 거예요]{start="00;01;44;05"}

퀴즈를 만들게 된 배경은
 저희 팀이 사용자의  :tag[첫 주식 구매]{start="00;01;49;06" color="rgba(255, 255, 255, 1)"}를
 목표로 하는 액티베이션 :omit[Activation]{} 
사일로 였거든요. 그래서
 어떻게 하면 사용자로 하여금
 :quoteMark[single-start]{}:questionMark[첫 주식 구매를 하게 할까]{start="00;01;57;09"}:quoteMark[single-end]
 팀원들이랑 아이디에이션 워크샵
 같은 :speakBubble[거를]{data='[{"speaker":"Speaker 1", "start":"00;02;02;00", "text":" 네~"}]'} 했었거든요.

퀴즈를 만들게 된 배경은 저희 팀이 사용자의  
:tag[첫 주식 구매]{start="00;01;49;06" color="rgba(255, 255, 255, 1)"}를 목표로 하는 액티베이션 :omit[Activation]{} 
사일로 였거든요. 그래서 어떻게 하면 사용자로 
하여금 :quoteMark[single-start]{}:questionMark[첫 주식 구매를 하게 할까]{start="00;01;57;09"}:quoteMark[single-end] 팀원들이랑 
아이디에이션 워크샵 같은 :speakBubble[거를]{data='[{"speaker":"Speaker 1", "start":"00;02;02;00", "text":" 네~"}]'} 했었거든요.

그때 여러 가지 아이디어가
 나왔는데 그 중에서도
 :quoteMark[single-start]{}:exclamationMark[주식 퀴즈를 풀게 해보자]{start="00;02;07;06"}:quoteMark[single-end]
 하는 아이디어가 실행해보기
 가장 적합한 아이템이었어요.

그때 여러 가지 아이디어가 나왔는데 그 중에서도 
:quoteMark[single-start]{}:exclamationMark[주식 퀴즈를 풀게 해보자]{start="00;02;07;06"}:quoteMark[single-end] 하는 아이디어가 
실행해보기 가장 적합한 아이템이었어요.

그래서 주식퀴즈를 경험을 하게 
되면 종목을 :color[더 잘 알게 될 것]{start="00;02;17;16"}이고 
따라서 :tag[첫 주식 구매]{start="00;02;19;29" color="rgba(255, 255, 255, 1)"}를 더 잘하게
될 것이다 라는 가설로 
시작하게 됐어요.

그래서 주식퀴즈를 경험을 하게 되면 
종목을 :color[더 잘 알게 될 것]{start="00;02;17;16"}이고 따라서 :tag[첫 주식 구매]{start="00;02;19;29" color="rgba(255, 255, 255, 1)"}를 
더 잘하게 될 것이다, 라는 가설로 시작하게 됐어요.

주식이란 게 좀 낯선데,
 퀴즈를 풀면서 조금씩 친해져
 가는거군요. 그러면
 :tag[크리스마스]{start="00;02;31;07" color="rgba(255, 255, 255, 1)"}는 또 어쩌다가
 나온 컨셉이에요?

주식이란 게 좀 낯선데, 퀴즈를 풀면서 조금씩 
친해져 가는거군요. 그러면 :tag[크리스마스]{start="00;02;31;07" color="rgba(255, 255, 255, 1)"}는 또 
어쩌다가 나온 컨셉이에요?

사실 그 퀴즈 제품이 처음부터
 :xmark[크리스마스 컨셉]{start="00;02;37;00"}을 가졌던 건
 아니에요. 그래서 방금
 말씀드린 그 가설을 검증하는
 동안에는 소수의 사용자들에게만
 이런 UI의 모습으로
 보여졌었어요.

사실 그 퀴즈 제품이 처음부터 :xmark[크리스마스 컨셉]{start="00;02;37;00"}을 
가졌던 건 아니에요. 그래서 방금 말씀드린 그 가설을 
검증하는 동안에는 소수의 사용자들에게만 이런 
UI의 모습으로 보여졌었어요.

처음에는 그 가설 검증에
 성공을 했었고, 이제 12월 중순 쯤
 :flip[전체 사용자]{start="00;02;54;17"}들을 대상으로
 오픈을 준비하는 단계였어요.

처음에는 그 가설 검증에 성공을 했었고, 
이제 12월 중순 쯤 :flip[전체 사용자]{start="00;02;54;17"}들을 대상으로 오픈을 
준비하는 단계였어요.

그런데 아무래도 전체 유저를
 대상으로 오픈을 하다 보니까
 기존 제품을 조금 더 :tag[보완]{start="00;03;05;10" color="rgba(255, 255, 255, 1)"}하고
 싶은 마음이 좀 있었거든요.
 그래서 첫 번째로 고민했던 게 
바로 :color[퀴즈 제품의 컨셉]{start="00;03;11;17"}이었어요.
 12월의 상징인 :inline[크리스마스]{start="00;03;15;02" asset="christmas"}라는
 빅 이벤트가 있더라고요.

그런데 아무래도 전체 유저를 대상으로 오픈을 하다 
보니까 기존 제품을 조금 더 :tag[보완]{start="00;03;05;10" color="rgba(255, 255, 255, 1)"}하고 싶은 마음이 
좀 있었거든요. 그래서 첫 번째로 고민했던 게 바로 
:color[퀴즈 제품의 컨셉]{start="00;03;11;17"}이었어요. 12월의 상징인 
:inline[크리스마스]{start="00;03;15;02" asset="christmas"}라는 빅 이벤트가 있더라고요.

그래서 또 도메인도 :flip[증권]{start="00;03;19;12"}이다
 보니까 그냥 주식 퀴즈로 보내기엔
 조금 :inline[딱딱]{start="00;03;23;10" asset="forget"}하고 :inline[어렵게]{start="00;03;23;29" asset="confused"} 
느껴질 수 있을 것 같아서,
 :inline[크리스마스]{start="00;03;26;24" asset="christmas"}를 테마로 꾸며보면
 좀 더 친절한 경험이
 될 수 있지 :questionMark[않을까]{start="00;03;31;14"}
이런 생각을 했었던 것 같아요.

그래서 또 도메인도 :flip[증권]{start="00;03;19;12"}이다 보니까 그냥 
주식 퀴즈로 보내기엔 조금 :inline[딱딱]{start="00;03;23;10" asset="forget"}하고 :inline[어렵게]{start="00;03;23;29" asset="confused"} 
느껴질 수 있을 것 같아서, :inline[크리스마스]{start="00;03;26;24" asset="christmas"}를 테마로 
꾸며보면 좀 더 친절한 경험이 될 수 있지 :questionMark[않을까]{start="00;03;31;14"}
이런 생각을 했었던 것 같아요.

그래서 :inline[크리스마스]{start="00;03;34;26" asset="christmas"}라는
 테마 자체가 그냥 듣기만 해도
 되게 귀엽고 또 :popup[몽글몽글]{start="00;03;39;00" asset="christmasgif"}
 하잖아요. 그래서 :quoteMark[single-start]{}그런
 컨셉 자체가 일단 좋은 경험의
 시작일 수 :exclamationMark[있겠다]{start="00;03;44;07"}:quoteMark[single-end] 이런
 생각을 했었어요.

그래서 :inline[크리스마스]{start="00;03;34;26" asset="christmas"}라는 테마 자체가 그냥 
듣기만 해도 되게 귀엽고 또 :popup[몽글몽글]{start="00;03;39;00" asset="christmasgif"} 하잖아요. 
그래서 :quoteMark[single-start]{}그런 컨셉 자체가 일단 좋은 경험의 
시작일 수 :exclamationMark[있겠다]{start="00;03;44;07"}:quoteMark[single-end] 이런 생각을 했었어요.

아, 그럼 주식이라는 도메인이
 좀 어렵고 낯설게 느껴질 수도
 있잖아요. 그럼 그거를 :tag[퀴즈]{start="00;03;52;18" color="rgba(255, 255, 255, 1)"}라는
 게임 형태로 만들어서 좀 더
 쉽게 만들고, 그리고 :tag[크리스마스]{start="00;03;56;26" color="rgba(255, 255, 255, 1)"}
라는 컨셉을 입혀서 친숙하게 
만들었던 그런 과정이네요.

아, 그럼 주식이라는 도메인이 좀 어렵고 낯설게 
느껴질 수도 있잖아요. 그럼 그거를 :tag[퀴즈]{start="00;03;52;18" color="rgba(255, 255, 255, 1)"}라는 
게임 형태로 만들어서 좀 더 쉽게 만들고, 
그리고 :tag[크리스마스]{start="00;03;56;26" color="rgba(255, 255, 255, 1)"}라는 컨셉을 입혀서 
친숙하게 만들었던 그런 과정이네요.

음, 맞아요. 그래서 조금 엉뚱할
 순 있지만 토스증권 직원인
 :inline[산타]{start="00;04;07;21" asset="santa"}가 제 눈앞에 있고 저랑 
같이 :tag[주식 퀴즈]{start="00;04;10;27" color="rgba(255, 255, 255, 1)"}를 풀고 있다면
 :questionMark[어떤 모습일까]{start="00;04;13;06"} 상상을 했었던
 것 :speakBubble[같아요.]{data='[{"speaker":"Speaker 2", "start":"00;04;16;16", "text":" 네ㅋㅋㅋㅋ"}]'}

음, 맞아요. 그래서 조금 엉뚱할 순 있지만 
토스증권 직원인 :inline[산타]{start="00;04;07;21" asset="santa"}가 제 눈앞에 있고 저랑 같이 
:tag[주식 퀴즈]{start="00;04;10;27" color="rgba(255, 255, 255, 1)"}를 풀고 있다면 :questionMark[어떤 모습일까]{start="00;04;13;06"} 상상을 
했었던 것 :speakBubble[같아요.]{data='[{"speaker":"Speaker 2", "start":"00;04;16;16", "text":" 네ㅋㅋㅋㅋ"}]'}

그래서 저랑 같이 막
 눈이 흩날리고 있는 눈밭에서
 돌돌 말린 :popup[낡은]{start="00;04;21;23" asset="santa1"} 종이에 적혀있는 
퀴즈를 내고 있는 모습, 아니면
 퀴즈 정답을 맞추었더니 :popup[박수도]{start="00;04;27;16" asset="santa2"} 
쳐주고 축하해주면서 :popup[주섬주섬]{start="00;04;29;20" asset="santa3"}
 빨간 보따리에서 선물을
 꺼내고 있는 모습.

그래서 저랑 같이 막 눈이 흩날리고 있는 눈밭에서 
돌돌 말린 :popup[낡은]{start="00;04;21;23" asset="santa1"} 종이에 적혀있는 퀴즈를 내고 있는 모습, 
아니면 퀴즈 정답을 맞추었더니 :popup[박수도]{start="00;04;27;16" asset="santa2"} 쳐주고 
축하해주면서 :popup[주섬주섬]{start="00;04;29;20" asset="santa3"} 빨간 보따리에서 선물을 
꺼내고 있는 모습.

이런 장면들을 머릿 속으로
 그려보곤 했던 것 같아요.

이런 장면들을 머릿 속으로 그려보곤 했던 것 같아요.

그런데 이게 무슨 영화도 아니고
 며칠 만에 그 장면들을
 모바일 제품에서 그래픽 영상
 같은 걸로 :xmark[화려하게 만들 수도]{start="00;04;46;09"}
 없는 :bb[노릇이잖아요]{start="00;04;48;24"}
 그래서 최대한 그런 장면들은
 소소하게 :tag[라이팅]{start="00;04;53;10" color="rgba(255, 255, 255, 1)"} 같은 걸로라도
 풀어보려고 했었어요.

그런데 이게 무슨 영화도 아니고 며칠 만에 
그 장면들을 모바일 제품에서 그래픽 영상 같은 
걸로 :xmark[화려하게 만들 수도]{start="00;04;46;09"} 없는 :bb[노릇이잖아요]{start="00;04;48;24"} 
그래서 최대한 그런 장면들은 소소하게 :tag[라이팅]{start="00;04;53;10" color="rgba(255, 255, 255, 1)"} 
같은 걸로라도 풀어보려고 했었어요.

그러면 되게 주어진 한계
 속에서도 어떻게든 :inline[산타]{start="00;05;00;09" asset="santa"} 컨셉을
 녹이려고 노력하신 것 같아요.

그러면 되게 주어진 한계 속에서도 어떻게든 
:inline[산타]{start="00;05;00;09" asset="santa"} 컨셉을 녹이려고 노력하신 것 같아요.

또 저희 :omit[디자인]{} 시스템 쓰면 새로운
 화면을 만들기가 어려울 때도
 있잖아요. 그러면 이거는
 지금 얼마나 걸려서 만드셨어요?

또 저희 :omit[디자인]{} 시스템 쓰면 새로운 화면을 만들기가 
어려울 때도 있잖아요. 그러면 이거는 지금 얼마나 
걸려서 만드셨어요?

디자인만 치면 한 3, 4일 정도
 걸렸던 것 같아요.

디자인만 치면 한 3, 4일 정도 걸렸던 것 같아요.

:zzz[3, 4일이요? 아, 그렇구나.]{start="00;05;15;00"}
 진짜 최선을 다한 거네요.
 그러면 이렇게 촉박한 시간
 속에서도 경험을 잘 만들려고
 노력하셨는데 :color[노력하신 만큼]{start="00;05;25;14"}
 제품도 잘 나왔다고 보세요?

:zzz[3, 4일이요? 아, 그렇구나.]{start="00;05;15;00"} 진짜 최선을 다한 거네요. 
그러면 이렇게 촉박한 시간 속에서도 경험을 
잘 만들려고 노력하셨는데 :color[노력하신 만큼]{start="00;05;25;14"} 제품도 
잘 나왔다고 보세요?

아무래도 처음에는 :tag[전환율]{start="00;05;30;12" color="rgba(255, 255, 255, 1)"}에
 대한 고민이 좀 컸었어요.
 왜냐하면 기존 퀴즈 인트로
 페이지에서는 10명 중에
 :flip[3명]{start="00;05;38;17"} 꼴로 사용자들이 :color[이탈하는]{start="00;05;40;14"}
 형태를 보였거든요.

아무래도 처음에는 :tag[전환율]{start="00;05;30;12" color="rgba(255, 255, 255, 1)"}에 대한 고민이 좀 컸었어요. 
왜냐하면 기존 퀴즈 인트로 페이지에서는 10명 중에 
:flip[3명]{start="00;05;38;17"} 꼴로 사용자들이 :color[이탈하는]{start="00;05;40;14"} 형태를 보였거든요.

오, 근데 10명 중에 :flip[7명]{start="00;05;44;12"}이
 그러면 퀴즈 풀었다는
 :speakBubble[거잖아요.]{data='[{"speaker":"Speaker 2", "start":"00;05;46;28", "text":" 맞아요 맞아요"}]'} 그러면 많이
 푼 거 아니에요?

오, 근데 10명 중에 :flip[7명]{start="00;05;44;12"}이 그러면 퀴즈 풀었다는 
:speakBubble[거잖아요.]{data='[{"speaker":"Speaker 2", "start":"00;05;46;28", "text":" 맞아요 맞아요"}]'} 그러면 많이 푼 거 아니에요?

많이 풀었다고 생각할 수 있는데
 저는 계속 :color[의아한 지점]{start="00;05;53;23"}이
 있었어요. 왜냐하면 저희가
 사실 주식 퀴즈 제품을
 내기 전에, :tag[제품 매력도]{start="00;06;00;06" color="rgba(255, 255, 255, 1)"} 검증
 차원에서 :color[게릴라 테스트]{start="00;06;02;16"}를
 굉장히 여러 번 했었거든요?

많이 풀었다고 생각할 수 있는데 저는 계속 
:color[의아한 지점]{start="00;05;53;23"}이 있었어요. 왜냐하면 저희가 사실 
주식 퀴즈 제품을 내기 전에, :tag[제품 매력도]{start="00;06;00;06" color="rgba(255, 255, 255, 1)"} 검증 차원에서 
:color[게릴라 테스트]{start="00;06;02;16"}를 굉장히 여러 번 했었거든요?

그때 사람들이
 :quoteMark[single-start]{}무료 주식을 :pipFocus[준다]{ index="1" start="00;06;08;18"} :quoteMark[single-end]라는 것보다
:quoteMark[single-start]{}:color[퀴즈가 있다]{start="00;06;10;18"}:quoteMark[single-end] 라는
 :pipFocus[포인트에서]{ index="2" start="00;06;11;34"} 엄청 높은
 참여 의지를 보여주셨었거든요.

그때 사람들이 :quoteMark[single-start]{}무료 주식을 :pipFocus[준다]{ index="1" start="00;06;08;18"} :quoteMark[single-end]라는 것보다
:quoteMark[single-start]{}:color[퀴즈가 있다]{start="00;06;10;18"}:quoteMark[single-end] 라는 :pipFocus[포인트에서]{ index="2" start="00;06;11;34"} 엄청 높은 
참여 의지를 보여주셨었거든요.

게릴라 테스트라고
 말씀 주셨는데, 그거는 뭐예요?

게릴라 테스트라고 말씀 주셨는데,
그거는 뭐예요?

:tag[게릴라 테스트]{start="00;06;20;11" color="rgba(255, 255, 255, 1)"}가 뭐냐면,
 게릴라라는 뜻이 :quoteMark[single-start]{}예고 없이
 기습적으로 무엇을 행하다.:quoteMark[single-end] 이런
 의미가 :speakBubble[있어요.]{data='[{"speaker":"Speaker 1", "start":"00;06;26;22", "text":" 네"}]'}

:tag[게릴라 테스트]{start="00;06;20;11" color="rgba(255, 255, 255, 1)"}가 뭐냐면, 게릴라라는 뜻이 
:quoteMark[single-start]{}예고 없이 기습적으로 무엇을 행하다.:quoteMark[single-end] 이런 
의미가 :speakBubble[있어요.]{data='[{"speaker":"Speaker 1", "start":"00;06;26;22", "text":" 네"}]'}

그런데 게릴라 테스트는
 주로 사내에서 일하고 있는
 비제품 직군의 분들에게 제가
 기습적으로 찾아가서제가 만든
 프로토타입을 :popup[보여드리고]{start="00;06;37;01" asset="interview"}
 어떻게 사용하시는지 빠르게
 제가 캐치하는 :tag[사용성 테스트]{start="00;06;41;11" color="rgba(255, 255, 255, 1)"}를
 말해요.

그런데 게릴라 테스트는 주로 사내에서 일하고 있는 
비제품 직군의 분들에게 제가 기습적으로 찾아가서
제가 만든 프로토타입을 :popup[보여드리고]{start="00;06;37;01" asset="interview"} 어떻게 사용하시는지 
빠르게 제가 캐치하는 :tag[사용성 테스트]{start="00;06;41;11" color="rgba(255, 255, 255, 1)"}를 말해요.

그러면 게릴라 테스트를 해보니까
 사람들이 :tag[퀴즈]{start="00;06;46;06" color="rgba(255, 255, 255, 1)"}는 좋아했다는
 :speakBubble[거네요.]{data='[{"speaker":"Speaker 2", "start":"00;06;47;19", "text":" 네 엄청"}]'} 근데 그러면
 :color[이탈하는 세 명]{start="00;06;49;06"}은 :questionMark[왜 이탈했을까]{start="00;06;50;15"}
 이게 고민이셨던 거군요.

그러면 게릴라 테스트를 해보니까 사람들이 :tag[퀴즈]{start="00;06;46;06" color="rgba(255, 255, 255, 1)"}는 
좋아했다는 :speakBubble[거네요.]{data='[{"speaker":"Speaker 2", "start":"00;06;47;19", "text":" 네 엄청"}]'} 근데 그러면 :color[이탈하는 세 명]{start="00;06;49;06"}은 
:questionMark[왜 이탈했을까]{start="00;06;50;15"} 이게 고민이셨던 거군요.

맞아요. 그래서 제가 왜 이탈하는지
 너무 궁금해가지고 :tag[데이터]{start="00;06;57;14" color="rgba(255, 255, 255, 1)"}를
 좀 :popup[자세히]{start="00;06;58;15" asset="focuson"} 봤었거든요?
그런데 :pipFocus[대부분이]{ index="1" start="00;07;00;16"} :quoteMark[single-start]{}퀴즈 풀고
 주식 받기:quoteMark[single-end] 이 버튼까지는
 너무 잘 누르세요.
 그런데 여기서 :pipFocus[나오는]{ index="2" start="00;07;06;28"} 약관에서
 :xmark[동의하지 않고]{start="00;07;08;10"} 떠나셨던거죠.

맞아요. 그래서 제가 왜 이탈하는지 너무 
궁금해가지고 :tag[데이터]{start="00;06;57;14" color="rgba(255, 255, 255, 1)"}를 좀 :popup[자세히]{start="00;06;58;15" asset="focuson"} 봤었거든요?
그런데 :pipFocus[대부분이]{ index="1" start="00;07;00;16"} :quoteMark[single-start]{}퀴즈 풀고 주식 받기:quoteMark[single-end] 이 버튼까지는 
너무 잘 누르세요. 그런데 여기서 :pipFocus[나오는]{ index="2" start="00;07;06;28"} 약관에서 
:xmark[동의하지 않고]{start="00;07;08;10"} 떠나셨던거죠.

그래서 제 짐작으로는
 아무래도 약관이 :color[심리적인]{start="00;07;13;15"}
 :color[거부감]{start="00;07;14;13"}을 만들어내지 :questionMark[않았을까]{start="00;07;15;28"}
 이런 생각을 했었어요.

그래서 제 짐작으로는 아무래도 약관이 :color[심리적인]{start="00;07;13;15"} 
:color[거부감]{start="00;07;14;13"}을 만들어내지 :questionMark[않았을까]{start="00;07;15;28"} 이런 생각을 했었어요.

그런데 :flip[약관 동의]{start="00;07;19;08"} 라는 게
 번거로울 수는 있긴 하지만
 그래도 :color[꼭 필요한 거]{start="00;07;23;27"}잖아요.
그거는 어떻게 해결하셨어요?

그런데 :flip[약관 동의]{start="00;07;19;08"} 라는 게 번거로울 수는 있긴 
하지만 그래도 :color[꼭 필요한 거]{start="00;07;23;27"}잖아요.
그거는 어떻게 해결하셨어요?

처음에는 이 약관에 동의하지
 않으면 :xmark[퀴즈에 참여]{start="00;07;30;06"}할 수가 없기
 때문에 당연히 앞에서 인트로
 페이지에서 동의를 받아야겠다는
 생각으로 :popup[버튼을]{start="00;07;37;06" asset="button"} 누르면 뜨도록
 만든 거예요.

처음에는 이 약관에 동의하지 않으면 :xmark[퀴즈에 참여]{start="00;07;30;06"}할 수가 
없기 때문에 당연히 앞에서 인트로 페이지에서 
동의를 받아야겠다는 생각으로 :popup[버튼을]{start="00;07;37;06" asset="button"} 누르면 뜨도록 
만든 거예요.

그런데 사실 곰곰이 생각을
 해보니까 인트로 페이지에서
 딱히 :xmark[꼭 짚고 넘어가야 할 정보]{start="00;07;44;08"}가
 있는 것도 아니더라고요.

그런데 사실 곰곰이 생각을 해보니까 
인트로 페이지에서 딱히 :xmark[꼭 짚고 넘어가야 할 정보]{start="00;07;44;08"}가 
있는 것도 아니더라고요.

그래서 제공하고 있는 정보가
 퀴즈를 맞히면 리워드를 준다.
 그리고 약관 동의, 유의사항 
이런 게 전부였던 :speakBubble[거죠.]{data='[{"speaker":"Speaker 1", "start":"00;07;56;08", "text":" 네"}]'}

그래서 제공하고 있는 정보가 퀴즈를 맞히면 
리워드를 준다. 그리고 약관 동의, 유의사항 
이런 게 전부였던 :speakBubble[거죠.]{data='[{"speaker":"Speaker 1", "start":"00;07;56;08", "text":" 네"}]'}

그래서 이제 토스 제품 원칙 중에
 하나인 :quoteMark[single-start]{}Value First,
 Cost Later:quoteMark[single-end] 를 따라서
 사용자가 정답을 맞히고
 :tag[해피모먼트]{start="00;08;05;08" color="rgba(255, 255, 255, 1)"}가 생겼을 때 약관이
 뜨도록 순서를 좀 바꿔봤어요.

그래서 이제 토스 제품 원칙 중에 하나인 
:quoteMark[single-start]{}Value First, Cost Later:quoteMark[single-end] 를 따라서 
사용자가 정답을 맞히고 :tag[해피모먼트]{start="00;08;05;08" color="rgba(255, 255, 255, 1)"}가 생겼을 때 
약관이 뜨도록 순서를 좀 바꿔봤어요.

그래서 퀴즈를 맞춰서 :pipFocus[리워드]{ index="1" start="00;08;10;23"}를
 받을 수 있다는 :flip[Value]{start="00;08;12;16"}를 먼저 
전달을 하고, :pipFocus[약관]{ index="2" start="00;08;14;27"}이라는 
:flip[Cost]{start="00;08;15;20"}를 뒤에다 두었던 거죠.

그래서 퀴즈를 맞춰서 :pipFocus[리워드]{ index="1" start="00;08;10;23"}를 받을 수 있다는 
:flip[Value]{start="00;08;12;16"}를 먼저 전달을 하고, :pipFocus[약관]{ index="2" start="00;08;14;27"}이라는 :flip[Cost]{start="00;08;15;20"}를 
뒤에다 두었던 거죠.

그리고 원래 약관을
 인트로 페이지에서 :speakBubble[받았었잖아요.]{data='[{"speaker":"Speaker 1", "start":"00;08;20;22", "text":" 네"}]'}
약관을 뒤로 빼면서 이제
 :xmark[인트로 페이지]{start="00;08;23;25"}가 꼭 필요하지
 않아도 되겠다 해서 :speakBubble[없애봤고,]{data='[{"speaker":"Speaker 1", "start":"00;08;27;25", "text":" 네"}]'}
 그 대신에 2초 정도 퀴즈 제품을
 소개하고 사라지는 :tag[모달]{start="00;08;32;21" color="rgba(255, 255, 255, 1)"}을
 추가를 했었죠.

그리고 원래 약관을 인트로 페이지에서 :speakBubble[받았었잖아요.]{data='[{"speaker":"Speaker 1", "start":"00;08;20;22", "text":" 네"}]'}
약관을 뒤로 빼면서 이제 :xmark[인트로 페이지]{start="00;08;23;25"}가 꼭 
필요하지 않아도 되겠다 해서 :speakBubble[없애봤고,]{data='[{"speaker":"Speaker 1", "start":"00;08;27;25", "text":" 네"}]'} 그 대신에 
2초 정도 퀴즈 제품을 소개하고 사라지는 :tag[모달]{start="00;08;32;21" color="rgba(255, 255, 255, 1)"}을 
추가를 했었죠.

그렇게 해도 괜찮겠다고
 생각했던 이유가 이미 사용자는
 진입점에서 그 정보를 확인하고
 왔기 때문에 이거를 한 번 더
 :xmark[강조해서 보여줄]{start="00;08;43;02"} 필요가
 없다고 생각했어요.

그렇게 해도 괜찮겠다고 생각했던 이유가 
이미 사용자는 진입점에서 그 정보를 확인하고 
왔기 때문에 이거를 한 번 더 :xmark[강조해서 보여줄]{start="00;08;43;02"} 
필요가 없다고 생각했어요.

그래서 :footnote[디스클레이머]{note=“Disclaimer, 면책조항을 의미해요.
"}는
 퀴즈 질문 아래에다가 배치를
 하고 바꿨더니 그 다음 동의율이
 :color[25%p]{start="00;08;55;25"}정도가 상승했더라고요.

그래서 :footnote[디스클레이머]{note="Disclaimer, 면책조항을 의미해요."}는 퀴즈 질문 아래에다가 
배치를 하고 바꿨더니 그 다음 동의율이 :color[25%p]{start="00;08;55;25"}
정도가 상승했더라고요.

오~ 그러면 :xmark[인트로 페이지]{start="00;09;01;10"}를
 없애서 전환율이 올랐잖아요.
 인트로 페이지라는 건
 다 없는 게 나은 걸까요?

오~ 그러면 :xmark[인트로 페이지]{start="00;09;01;10"}를 없애서 
전환율이 올랐잖아요. 
인트로 페이지라는 건 다 없는 게 나은 걸까요?

근데 한 가지 :popup[유의할]{start="00;09;11;07" asset="caution"} 점이 있는데
 인트로 페이지를 없앤다고 해서
 무조건 또 전환율이 오르는 건
 아니더라고요. 지난 학기 동안
 저희 사일로에서 :color[33번의 실험]{start="00;09;22;08"}을
 했었거든요.

근데 한 가지 :popup[유의할]{start="00;09;11;07" asset="caution"} 점이 있는데 인트로 페이지를 
없앤다고 해서 무조건 또 전환율이 오르는 건 
아니더라고요. 지난 학기 동안 저희 사일로에서 
:color[33번의 실험]{start="00;09;22;08"}을 했었거든요.

:zzz[한 학기에 33번이요?]{start="00;09;24;19"}
 그러면 거의 주에 한 개 이상
 하는 거 잖아요. 그렇죠?

:zzz[한 학기에 33번이요?]{start="00;09;24;19"} 그러면 거의 주에 한 개 이상 
하는 거 잖아요. 그렇죠?

그래서 다른 제품에서도
 인트로 페이지를 제거하는
 실험을 해봤는데, 그때는
 전환율에 :xmark[유의미한 차이]{start="00;09;37;17"}가
 없었어요.

그래서 다른 제품에서도 
인트로 페이지를 제거하는 실험을 해봤는데, 
그때는 전환율에 :xmark[유의미한 차이]{start="00;09;37;17"}가 없었어요.

그래서 퀴즈 제품의 경우에는
 참여자들의 전환율은
 :color[이미 애초에 너무 좋았지만]{start="00;09;43;17"}
 참여하는 사용자들의 모수가
 좀 부족해서 인트로 페이지를
 없앤 것이기 때문에 효과를
 볼 수 :questionMark[있었지 않나]{start="00;09;51;25"} 이런 생각이
 들어요.

그래서 퀴즈 제품의 경우에는 참여자들의 전환율은 
:color[이미 애초에 너무 좋았지만]{start="00;09;43;17"} 참여하는 사용자들의 
모수가 좀 부족해서 인트로 페이지를 없앤 것이기 
때문에 효과를 볼 수 :questionMark[있었지 않나]{start="00;09;51;25"} 이런 생각이 들어요.

오 좋은 러닝이네요. 그러면
 이렇게 바꾸고 전체 배포
하셨어요?

오 좋은 러닝이네요. 그러면 이렇게 바꾸고 
전체 배포하셨어요?

:zzz[이게 또 끝이 아니고]{start="00;10;00;03"}
 마지막 관문이 하나 있었는데요.

:zzz[이게 또 끝이 아니고]{start="00;10;00;03"} 마지막 관문이 하나 있었는데요.

토스증권이 도메인 상
 회원 체계가 존재해요.
:tag[비회원]{start="00;10;07;23" color="rgba(255, 255, 255, 1)"}이 있고, 계좌 없이도 
토스증권을 둘러보는 정도로 
사용하는 :tag[준회원]{start="00;10;13;01" color="rgba(255, 255, 255, 1)"}이 있고, 
그리고 계좌 개설까지 완료한 
:tag[정회원]{start="00;10;16;24" color="rgba(255, 255, 255, 1)"} 이렇게 세 가지가 
있어요.

토스증권이 도메인 상 회원 체계가 존재해요.
:tag[비회원]{start="00;10;07;23" color="rgba(255, 255, 255, 1)"}이 있고, 계좌 없이도 토스증권을 둘러보는 
정도로 사용하는 :tag[준회원]{start="00;10;13;01" color="rgba(255, 255, 255, 1)"}이 있고, 그리고 계좌 개설까지 
완료한 :tag[정회원]{start="00;10;16;24" color="rgba(255, 255, 255, 1)"} 이렇게 세 가지가 있어요.

:zzz[뭔가 좀 어렵게 느껴져요.]{start="00;10;19;15"}

:zzz[어렵나..?]{start="00;10;22;25"}
 좀 더 쉽게 말해 볼게요.

:zzz[어렵나..?]{start="00;10;22;25"} 좀 더 쉽게 말해 볼게요.

왜 막 이벤트를 참여하거나
 쿠폰을 받으려고 할 때,
회원이 아니면 :color[회원 가입]{start="00;10;31;07"}을 
해야 되는 경우가 :speakBubble[있잖아요.]{data='[{"speaker":"Speaker 1", "start":"00;10;33;20", "text":" 그렇죠"}]'}
 그래서 제가 만든
 제품에서는 그런 경험을 좀
 :tag[보완]{start="00;10;38;14" color="rgba(255, 255, 255, 1)"}을 하고 싶었어요.

왜 막 이벤트를 참여하거나 쿠폰을 받으려고 할 때,
회원이 아니면 :color[회원 가입]{start="00;10;31;07"}을 해야 되는 경우가 :speakBubble[있잖아요.]{data='[{"speaker":"Speaker 1", "start":"00;10;33;20", "text":" 그렇죠"}]'} 
그래서 제가 만든 제품에서는 그런 경험을 좀 
:tag[보완]{start="00;10;38;14" color="rgba(255, 255, 255, 1)"}을 하고 싶었어요.

그래서 :omit[회원이 아닌]{} 사람들도 
계좌가 있는 정회원과
 다르지 않게 :xmark[계좌 개설]{start="00;10;45;02"} 없이도
 퀴즈에 참여하고 또 정답을 맞히고
 리워드를 확인할 수 있게 :speakBubble[바꿨죠.]{data='[{"speaker":"Speaker 1", "start":"00;10;51;12", "text":" 음~"}]'}

그래서 :omit[회원이 아닌]{} 사람들도 계좌가 있는 정회원과 
다르지 않게 :xmark[계좌 개설]{start="00;10;45;02"} 없이도 퀴즈에 참여하고 
또 정답을 맞히고 리워드를 확인할 수 있게 :speakBubble[바꿨죠.]{data='[{"speaker":"Speaker 1", "start":"00;10;51;12", "text":" 음~"}]'}

그 :funnelFocus[후에도]{type="auto" start="00;10;52;06" end="00;11;10;01" from="1" to="6"} 리워드를 받으면
 계좌 개설하는 거였는데, 
 퀴즈를 푼 다음에 리워드를 받아야 
하는 순간에도 혼란스럽지 않게 
계좌 개설 :inline[완료]{start="00;11;02;21" asset="done"}하고 바로 
리워드를 받을 수 있는 플로우가
 쭉 한 번에 이어지도록 설계를 
했었어요.

그 :funnelFocus[후에도]{type="auto" start="00;10;52;06" end="00;11;10;01" from="1" to="6"} 리워드를 받으면 계좌 개설하는 거였는데, 
 퀴즈를 푼 다음에 리워드를 받아야 하는 순간에도 
혼란스럽지 않게 계좌 개설 :inline[완료]{start="00;11;02;21" asset="done"}하고 바로 리워드를 
받을 수 있는 플로우가 쭉 한 번에 이어지도록 
설계를 했었어요.

여러 케이스에서도 경험을
 일관되게 만들려고 고민하셨던
 것 같은데, 그러면 :popup[이렇게]{start="00;11;16;09" asset="question"}
 하고 나서 이제 전체
 배포 하셨었나요?

여러 케이스에서도 경험을 일관되게 만들려고 
고민하셨던 것 같은데, 그러면 :popup[이렇게]{start="00;11;16;09" asset="question"} 하고 나서 
이제 전체 배포 하셨었나요?

:zzz[또 이게 끝이 아니고]{start="00;11;19;23"} 
 이 제품에 :tag[공유 퍼널]{start="00;11;22;17" color="rgba(255, 255, 255, 1)"}이 붙어요.
공유 퍼널이 뭐냐면 퀴즈 정답을
 맞히고 무료 주식을 받고 나면
 :quoteMark[single-start]{}방금 참여한 이벤트 친구에게도
 알려주세요:quoteMark[single-end] 하는 페이지가
 있어요. 이제 그 페이지에서
 버튼을 누르면 링크가 복사가
 :speakBubble[되거든요?]{data='[{"speaker":"Speaker 1", "start":"00;11;39;17", "text":" 네"}]'}

:zzz[또 이게 끝이 아니고]{start="00;11;19;23"}  이 제품에 :tag[공유 퍼널]{start="00;11;22;17" color="rgba(255, 255, 255, 1)"}이 붙어요.
공유 퍼널이 뭐냐면 퀴즈 정답을 맞히고 무료 
주식을 받고 나면 :quoteMark[single-start]{}방금 참여한 이벤트 친구에게도 
알려주세요:quoteMark[single-end] 하는 페이지가 있어요. 이제 그 
페이지에서 버튼을 누르면 링크가 복사가 :speakBubble[되거든요?]{data='[{"speaker":"Speaker 1", "start":"00;11;39;17", "text":" 네"}]'}

친구가 받은 그 :funnelFocus[링크를]{type="auto" start="00;11;41;01" end="00;11;52;01" from="1" to="4"} 누르면
 친구는 외부 페이지를 마주하게
 되거든요. 거기서 나오는 버튼을 
누르면 비로소 토스 :inline[앱]{start="00;11;50;15" asset="toss_appicon"}이 
열리면서 내가 경험했던 이벤트
 :funnelFocus[페이지]{type="focus" start="00;11;53;25" index="4"}로 친구가 들어올 수 
있게 되는 거죠.

친구가 받은 그 :funnelFocus[링크를]{type="auto" start="00;11;41;01" end="00;11;52;01" from="1" to="4"} 누르면 친구는 외부 페이지를 
마주하게 되거든요. 거기서 나오는 버튼을 누르면 비로소 
토스 :inline[앱]{start="00;11;50;15" asset="toss_appicon"}이 열리면서 내가 경험했던 이벤트 :funnelFocus[페이지]{type="focus" start="00;11;53;25" index="4"}로 
친구가 들어올 수 있게 되는 거죠.

그러면 퀴즈 풀고 끝나는 게
 아니라 퀴즈 풀고 다시 :tag[공유]{start="00;12;01;14" color="rgba(255, 255, 255, 1)"}해서
 다른 사람들도 퀴즈를 풀 수 있게
 만드는 그런 또 :tag[선순환]{start="00;12;05;21" color="rgba(255, 255, 255, 1)"}이
 있는 거네요.

그러면 퀴즈 풀고 끝나는 게 아니라 퀴즈 풀고 
다시 :tag[공유]{start="00;12;01;14" color="rgba(255, 255, 255, 1)"}해서 다른 사람들도 퀴즈를 풀 수 있게 
만드는 그런 또 :tag[선순환]{start="00;12;05;21" color="rgba(255, 255, 255, 1)"}이 있는 거네요.

맞아요. 이제 :color[바이럴]{start="00;12;08;09"}을
 태우려고 만든 목적이었죠.

맞아요. 이제 :color[바이럴]{start="00;12;08;09"}을 태우려고 만든 목적이었죠.

네, 근데 이 화면이었는데
 뭔가 :xmark[디자인]{start="00;12;16;27"}이 마음에
 안 드는 :speakBubble[거예요.]{data='[{"speaker":"Speaker 1", "start":"00;12;20;08", "text":" 왜요?"}]'}

네, 근데 이 화면이었는데 뭔가 :xmark[디자인]{start="00;12;16;27"}이 마음에 
안 드는 :speakBubble[거예요.]{data='[{"speaker":"Speaker 1", "start":"00;12;20;08", "text":" 왜요?"}]'}

개발할 때 이 페이지부터
 프론트 개발이 시작됐거든요?
 근데 이미 개발이 시작됐는데
 계속 뭔가 고민이 :bb[되는 거예요]{start="00;12;30;17"}

개발할 때 이 페이지부터 프론트 개발이 시작
됐거든요? 근데 이미 개발이 시작됐는데 
계속 뭔가 고민이 :bb[되는 거예요]{start="00;12;30;17"}

아, 뭔가 좀 :popup[더]{start="00;12;32;00" asset="question"} 나은 안이
 나올 수 있을 것 같은데, 아직은
 그게 뭔지 모르겠지만 계속
 조금 :bb[찝찝한 마음이 있었어요]{start="00;12;35;03"}

아, 뭔가 좀 :popup[더]{start="00;12;32;00" asset="question"} 나은 안이 나올 수 있을 것 같은데, 
아직은 그게 뭔지 모르겠지만 계속 조금 
:bb[찝찝한 마음이 있었어요]{start="00;12;35;03"}

그런데 결국에는 너무
 찝찝함을 :popup[이기지]{start="00;12;44;08" asset="no"} 못하고
메이커 조직이랑 가장 거리가
 먼 분한테 :tag[게릴라 테스트]{start="00;12;49;13" color="rgba(255, 255, 255, 1)"}를
 좀 해 봤어요.

그런데 결국에는 너무 찝찝함을 :popup[이기지]{start="00;12;44;08" asset="no"} 못하고
메이커 조직이랑 가장 거리가 먼 분한테 
:tag[게릴라 테스트]{start="00;12;49;13" color="rgba(255, 255, 255, 1)"}를 좀 해 봤어요.

또 게릴라 테스트를 :speakBubble[하셨었군요.]{data='[{"speaker":"Speaker 2", "start":"00;12;53;27", "text":" 맞아요"}]'}
 게릴라 테스트 :zzz[중독자신데요.]{start="00;12;56;07"}
 해보니까 또 어땠어요?

또 게릴라 테스트를 :speakBubble[하셨었군요.]{data='[{"speaker":"Speaker 2", "start":"00;12;53;27", "text":" 맞아요"}]'} 게릴라 테스트 
:zzz[중독자신데요.]{start="00;12;56;07"} 해보니까 또 어땠어요?

근데 그걸 보시더니 이
 :tag[OG 이미지]{start="00;13;01;08" color="rgba(255, 255, 255, 1)"}를 보고 퀴즈를 풀면
 뭘 준다고 했던 것 같은데 갑자기
 뭔가 또 퀴즈가 나오니까
 :color[당황스러웠다.]{start="00;13;09;16"}

근데 그걸 보시더니 이 :tag[OG 이미지]{start="00;13;01;08" color="rgba(255, 255, 255, 1)"}를 보고 퀴즈를 
풀면 뭘 준다고 했던 것 같은데 갑자기 뭔가 또 
퀴즈가 나오니까 :color[당황스러웠다.]{start="00;13;09;16"}

이 OG :popup[이미지]{start="00;13;11;04" asset="og1"}에 쓰여 있던
 내용을 좀 더 자세히 보고 싶었는데
 그 내용을 뭔가 :xmark[찾을 수 없기도]{start="00;13;16;07"} 하고
별로 :xmark[다음 스텝]{start="00;13;18;10"}으로 넘어가고
 싶지 않다는 말씀을 :speakBubble[하시더라고요.]{data='[{"speaker":"Speaker 1", "start":"00;13;21;20", "text":" 아~"}]'}

이 OG :popup[이미지]{start="00;13;11;04" asset="og1"}에 쓰여 있던 내용을 좀 더 자세히 
보고 싶었는데 그 내용을 뭔가 :xmark[찾을 수 없기도]{start="00;13;16;07"} 하고
별로 :xmark[다음 스텝]{start="00;13;18;10"}으로 넘어가고 싶지 않다는 말씀을 
:speakBubble[하시더라고요.]{data='[{"speaker":"Speaker 1", "start":"00;13;21;20", "text":" 아~"}]'}

디자이너들은 이 OG 이미지에
 들어가는 그래픽 하나,
 문구 하나하나 다 신경 :popup[써서]{start="00;13;28;26" asset="draw"}
 만들잖아요.근데 사용자는
 그 문구 :xmark[하나하나]{start="00;13;32;10"} 다 읽지 않고
그냥 이 엄청 큰 제목의
 :color[일부 키워드만 보고]{start="00;13;36;18"} 바로
 1초 만에 눌러 보시더라고요.

디자이너들은 이 OG 이미지에 들어가는 그래픽 하나, 
문구 하나하나 다 신경 :popup[써서]{start="00;13;28;26" asset="draw"} 만들잖아요.
근데 사용자는 그 문구 :xmark[하나하나]{start="00;13;32;10"} 다 읽지 않고
그냥 이 엄청 큰 제목의 :color[일부 키워드만 보고]{start="00;13;36;18"} 
바로 1초 만에 눌러 보시더라고요.

그래서 아마도 기존 안은
 제품 원칙 중의 하나인
 :color[Explain Why]{start="00;13;44;23"} 가
 부족하지 않았나 싶은 생각도
 들어요. 지금 와서 생각이 드는 건.

그래서 아마도 기존 안은 제품 원칙 중의 하나인 
:color[Explain Why]{start="00;13;44;23"} 가 부족하지 않았나 싶은 
생각도 들어요. 지금 와서 생각이 드는 건.

게릴라 테스트에진심인 이유