흐름 절제: 단계가 늘수록 사람이 떨어져 나가요

헛수고, Cooper가 이름을 붙였어요

《About Face 4》 12장은 사용자 조작을 두 종류로 나눕니다. 하나는 목표를 직접 밀어요—출근 운전의 액셀·핸들처럼요. 다른 하나는 도구를 모셔요: 차고 문 열기, 엔진 워밍업, 신호 대기—어느 한 걸음도 사무실에 더 가깝게 하지 않아요. 두 번째를 Cooper는 부담(excise)이라 불러요.

소프트웨어의 부담은 이렇게 생겨요. 피드 하나를 올리려는데 먼저 로그인하고, 입구를 찾고, 가이드 말풍선을 닫고, 업그레이드 팝업을 넘기죠. 올리기가 목표이고, 앞의 네 단계는 세금이에요. Cooper는 이 세금을 네 종류로 쪼개요:

인지세

이 제품을 어떻게 쓰는지 고민하기: 버튼이 무슨 뜻인지, 구조가 어떻게 짜였는지.

기억세

비밀번호·명령·어느 메뉴 층에 있는지 외우기.

시각세

화면에서 찾기: 눈을 어디서 시작할지, 어디를 누를 수 있는지, 어디가 장식인지.

체력세

클릭·이동·입력기 전환·층을 넘나드는 손의.

「가능한 한 모든 종류의 부담을 없애라.」
Alan Cooper는 이를 디자인 원칙으로 올리고, 한 칼 더 보탰어요: 인터페이스의 부담이 사용자가 소프트웨어에 불만인 1순위 이유다.

판정 기준은 하나, 외우기 쉬워요: 이 단계를 지우면, 사용자 목표가 여전히 달성되나요? 되면 그게 부담이에요. 이 기준으로 AI가 넘긴 흐름을 봅시다.

AI는 「완전한」 흐름을 좋아해요—완전함이 병이에요

AI에게 가입 페이지를 만들라고 하면, 십중팔구 다섯 단계 마법사를 줘요: 이메일, 휴대폰 인증, 프로필 완성, 관심 태그, 확인 제출—하나도 안 빠져요. 학습 데이터에서 「모범」 가입 흐름을 너무 많이 봐서 가장 빽빽한 세트를 내놓죠. 단계마다 단독으로는 말이 되지만, 합치면 세금 회랑이에요.

Cooper는 마법사 형식을 원래 좋아하지 않았어요. 과정을 Q&A로 박제하면 사용자는 금세 「다음」만 누르는 법을 배우고, 뇌는 줄곧 빠져 있죠. 대안은 일을 바로 끝내고, 합리적 기본값으로 받친 뒤, 나중에 고치게 하는 것. AI 시대엔 당신이 요구사항에 써야 해요—스스로는 생각 못 해요.

자르기 전에 얼굴을 익히세요. 12장이 지목한 부담원 중 AI 산출에 가장 빽빽히 나오는 셋이에요. 카드마다 열어 병징과 AI에게 쓸 말투를 보세요:

3대 부담원 빠른 조회 열기 0 / 3

내비게이션 부담 열기

병징 페이지·창을 바꾸고, 메뉴를 뒤져 기능을 찾기. 사용자는 길을 서두르고, 길엔 풍경이 없어요—매 걸음이 인내를 깎아요.

AI 전형 병 기능마다 새 페이지, 닉네임 수정도 세 층을 뛰어요; 자주 쓰는 도구는 2단 메뉴에 묻혀 있어요.

AI에게 쓸 말투: 자주 쓰는 조작은 그 자리에서 끝내고, 새 페이지를 열지 마세요; 내비게이션은 최대 두 층.

중단 부담 열기

병징 확인창·성공 대화상자·하찮은 보고—사람을 일하던 상태에서 꺼내 소프트웨어를 모시게 해요.

AI 전형 병 저장할 때마다 「저장 성공」이 뜨고, 확인을 닫아야 일을 이어가요.

AI에게 쓸 말투: 피드백은 페이지 안 가벼운 알림으로; 대화상자는 되돌릴 수 없는 큰일에만.

반복 입력 부담 열기

병징 소프트웨어가 이미 아는 일을 사용자에게 다시 말하게 하기: 재로그인, 재입력, 선호를 매번 다시 설정.

AI 전형 병 폼 제출이 실패하고 돌아오니 적은 내용이 전부 비어 있어요.

AI에게 쓸 말투: 채운 정보는 기억하고; 오류 시 채운 내용은 남기고; 추론 가능한 기본값은 바로 주세요.

직접 해보기 · 부담 점검기: 다섯 단계 가입을 둘로

아래는 AI가 만든 회원 가입 흐름, 다섯 단계가 다 있어요. 오른쪽 퍼널은 단계당 통과율 78%로 계산해요: 1000명이 들어오면 다섯 단계를 마친 뒤 289명만 남아요. 그 판정 기준으로 단계별로 점검해 목표를 밀지 않는 단계를 자르세요. 잘 자르면 퍼널이 오르고, 잘못 자르면 왜 못 자르는지 알려 줘요.

흐름 감사: 남길 건 남기고, 자를 건 자르기 자르기 0 / 3

각 단계 오른쪽 「자르기」를 누르세요. 잘린 단계는 접혀 사라지고, 퍼널이 실시간으로 다시 계산돼요

signup.example.com/register

계정 만들기흐름 감사 모드

1 이메일과 비밀번호자주 쓰는 이메일을 넣고 로그인 비밀번호를 설정

2 휴대폰 인증번호를 넣고 6자리 SMS 코드를 입력

3 프로필 완성아바타 업로드, 닉네임과 생일 입력

4 관심 태그 선택콘텐츠 추천용으로 최소 5개

5 약관 동의 후 만들기이용약관 체크, 「계정 만들기」 누르기

이 흐름의 퍼널

1000명이 「가입」을 눌렀어요

가입 완료 289명

데모 모델: 단계마다 통과율 78%로 계산

넓혀 보기 · 단계가 늘면 얼마나 떨어지나

가입은 제일 세기 쉬운 예일 뿐이에요. 주문·게시·신청·티켓—흐름이 있는 곳엔 이 퍼널이 있어요. 슬라이더로 단계 수를 바꿔 완료 인원이 어떻게 변하는지 보세요. 이탈률 22%는 데모 기준일 뿐, 실제 숫자는 제품마다 다르지만 방향은 언제나 같아요: 단계와 리텐션은 반대로 가요.

단계 퍼널 시뮬레이터 슬라이더 드래그

퍼널 안 흐르는 줄무늬는 데모 애니메이션이에요. 뷰포트 안에서만 재생되며 일시정지할 수 있어요

흐름 단계 수 5단계

1000명이 들어와, 끝까지 289명

편성과 흐름: 좋은 흐름은 사람을 상태에 머물게 해요

단계 자르기엔 이론이 받쳐 줘요. 《About Face 4》 11장은 「흐름」(flow)을 말해요: 심리학자 미하이 칙크센트미하이가 말한 개념으로, 일에 몰입하면 고생산 상태에 들어가 시간을 못 느껴요. Cooper의 추론: 인터랙션 디자인의 일은 이 상태를 지키는 것. 좋은 인터랙션은 「투명」해야 하고, 사용자는 해야 할 일만 마주하며 소프트웨어를 거의 못 느껴요.

흐름의 천적은 중단이에요. 단계가 늘고, 창이 뜨고, 페이지가 바뀔 때마다 사용자는 상태에서 한 번 빠져나오고, 돌아가려면 다시 데워야 해요. 퍼널이 사람을 잃는 이유도 여기 있어요: 이탈은 대개 끊긴 그 순간에, 「내가 왜 이걸 채우지?」 하고 페이지를 닫을 때 나요.

「인터페이스가 아무리 멋있어도, 적을수록 좋다.」
Alan Cooper, 《About Face 4》 11장. 같은 장에 더 직설적인 원칙도 있어요: 프로세스를 어리석게 끊지 마라.

AI 산출을 검수할 때의 워크스루: 핵심 흐름을 처음부터 직접 한 바퀴 돌며, 단계마다 질문 둘. 첫째, 이 단계를 지우면 목표가 여전히 달성되나? 둘째, 이 단계가 나를 상태에서 꺼냈나? 둘 다 통과한 흐름만 올릴 자격이 있어요.

퀴즈 · 어느 단계가 부담인가

배달 앱 주문 흐름으로 손감을 익혀 보죠. 네 단계 안에 전형 부담이 하나 숨어 있어요—판정 기준으로 골라내세요.

배달 주문 네 단계, 어느 단계가 세금을 걷나요? 객관식

틀려도 설명이 나오고, 맞을 때까지 고르면 돼요

A메뉴를 보고 장바구니에 담는다

B첫 주문 때 배송 주소를 적는다

C주문을 제출할 때마다 「배송 약관을 읽고 동의합니다」를 다시 체크한다

D결제 수단을 고르고 결제한다

핵심 요점

✓

부담 판정 한 줄: 이 단계를 지우면 사용자 목표가 여전히 달성되나요? 되면 부담이에요(Cooper, 《About Face 4》 12장). 인지·기억·시각·체력, 네 가지 세를 모두 치우세요.

✓

3대 부담원 얼굴 익히기: 내비게이션(페이지·메뉴), 중단(팝업과 보고), 반복 입력(소프트웨어가 아는 일을 다시 말하기). AI 산출엔 셋이 다 있고, 당신이 지목해 자르길 기다려요.

✓

단계와 리텐션은 반대로: 다섯 단계 가입을 둘로 자르면 끝까지 가는 사람이 두 배. 이탈 지점은 대개 끊긴 그 순간이고, 좋은 흐름은 사람을 상태에 머물게 해요(11장 편성과 흐름).

✓

AI에게 쓸 말투: 「가입은 이메일과 비밀번호만 받고, 나머지는 제품 들어온 뒤 보완; 피드백은 페이지 안 가벼운 알림; 채운 정보는 기억해.」 흐름을 잡았으면, 다음 레슨은 AI가 발명한 새 인터랙션이 어떻게 사람을 빠뜨리는지요.

콘텐츠 출처: 샤오산 아카데미 「인터랙션 엔지니어링」 특집 오리지널; 일부 원칙은 《About Face 4: 인터랙션 디자인의 정수》에서 정리.