인터랙션 엔지니어링 · 3 / 10

오류 방지와 가역성: 사용자가 겁내지 않고 누르게

지난 레슨은 오류를 어떻게 말할지를 다뤘어요. 이번엔 한 발 앞으로: 오류가 아예 나지 않게 하고, 났더라도 한 번에 되돌리게. AI가 만든 앱은 확인 팝업을 보험처럼 좋아하지만, 그건 가장 약한 방어선이에요. 직접 연락처 두 개를 지워 보면 알 수 있어요.

오류 방지 3수되돌리기 toast늑대 실험개조 연습
사용자는 탐색 중이에요—탐색을 실수로 취급하지 마세요

Cooper는 《About Face 4》 15장에서 이렇게 말해요. 사용자 멘탈 모델로 보면 「잘못된 조작」이란 건 없어요. 소프트웨어를 쓰는 일은 곧 탐색이에요—이것 눌러 보고, 저것 시도해 보고, 막다른 골목에 들어갔다가 다시 나오는 게 도구를 배우는 정상 경로죠. 탐색을 오류로 낙인찍고 툭하면 팝업으로 막는 소프트웨어일수록, 사용자는 갈수록 위축돼요.

되돌리기에 대한 비유도 생생해요. 동굴 탐험을 할 때 입구에 언제든 올라올 수 있는 밧줄 사다리가 걸려 있으면 훨씬 대담해지죠. 되돌리기가 그 사다리예요. 실제로 구해 주는 횟수는 많지 않아도, 걸려 있어야 사용자가 더 깊이 들어가 봐요.

「하라, 묻지 마라.」
Alan Cooper, 《About Face 4》: 팝업으로 확인을 받기보다, 자신 있게 실행한 뒤 되돌리기를 준비해 두세요.

겁내지 않고 누르는 심리 메커니즘(방어 심리, 통제감)은 심리학 부에 한 레슨이 있어요. 여기엔 점프 카드만 두고, 다시 가르치진 않을게요.

교차 부 · 방어 심리: 사용자는 못 쓰는 게 아니라, 감히 못 쓰는 거예요가역성이 어떻게 통제감을 주는지, 왜 한 번 잘못 누르면 다시는 손을 못 대는지—심리학 부 6레슨에서 다 다뤄요. 여기를 눌러 건너가세요.
오류 방지 3수: 오류 메시지의 최고 경지는 알릴 오류가 없는 것

15장의 순서는 분명해요. 오류 메시지를 아무리 잘 써도, 오류가 나지 않게 하는 것보다 못해요. AI 산출물을 검수할 때 이 3수가 들어갔는지부터 보세요. 세 가지 모두 싸고, AI도 다 할 수 있어요—당신이 요청하기만 하면요.

쓸 수 없는 항목 비활성화
조건이 안 된 버튼은 회색으로 두고, 옆에 뭐가 부족한지 적으세요. 일단 누르게 한 뒤 오류를 띄우는 건, 함정을 파 두고 밟히길 기다리는 셈이에요.
위험한 조작은 거리를 두기
「비우기」를 「저장」 옆에 두지 마세요. Cooper의 비유: 해롭지 않은 기능과 비상 탈출 레버를 나란히 두는 건, 열린 바비큐 그릴 옆에 앉는 것과 같아요.
안전한 기본값으로 받치기
기본 옵션은 언제나 가장 안전한 쪽이어야 해요. 단체 메일의 기본값이 전원에게 보내기라면, 손미끄러짐 비용을 최대로 미리 설정해 둔 셈이죠.

3수가 대부분을 막고, 나머지는 가역성에 맡기세요. 그래서 질문이 생겨요: 삭제처럼 민감한 동작에서 AI가 제일 자주 내는 답이 확인 팝업인데, 그게 정말 버틸까요? 실험해 보죠.

직접 해보기 · 데이터 하나 삭제, 두 가지 수습

좌우 주소록은 데이터가 같아요. 왼쪽은 AI가 좋아하는 확인 팝업, 오른쪽은 즉시 삭제 + 되돌릴 수 있는 toast예요. 양쪽에서 하나씩 지운 뒤, 지운 걸 살려 보세요—체감이 결론을 내려 줄 거예요.

확인 팝업 vs 되돌리기 toast 양쪽 다 지워 보세요
행 끝의 「삭제」를 누르세요. B면은 지운 뒤 5초 안에 되돌릴 수 있고, 카운트다운 바가 끝나면 정말 사라져요
contacts.example.com
주소록A · 확인 팝업 방식
왕샤오후
프로덕트 · 138****2201
삭제
임만청
디자인 · 139****8842
삭제
진대강
운영 · 137****0917
삭제
정말 삭제할까요?
삭제하면 되돌릴 수 없어요.
contacts.example.com
주소록B · 되돌리기 toast 방식
왕샤오후
프로덕트 · 138****2201
삭제
임만청
디자인 · 139****8842
삭제
진대강
운영 · 137****0917
삭제
삭제됨 되돌리기
A면이 팝업으로 0번 끊었어요. 지운 걸 살릴 수 있나요? 없어요. 팝업은 사전에 한 번 막을 뿐, 막은 뒤에는 손을 털어요.
B면은 데이터 0개를 살렸고, 팝업은 제로예요. 삭제는 바로 적용되고 흐름을 끊지 않으며, 후회 창은 5초 동안 열려 있어요.
늑대 실험 · 확인 팝업이 왜 당신을 못 막나

납득이 안 될 수도 있어요: 팝업이 어쨌든 한 번은 막았는데, 왜 제일 약하냐고요. Cooper의 설명은 습관화예요. 늘 같은 자리에 뜨는 확인창은 금세 읽지도 않고 닫히고, 진짜 위험이 오면 손가락이 머리보다 빨라요. 이 실험은 20초, 직접 검증해 보세요.

팝업 여덟 개를 연달아 눌러 보고, 몇 번째를 막을 수 있는지 보세요 실험
규칙: 팝업 여덟 개를 최대한 빨리 처리하세요. 어떻게 눌러도 돼요. 끝나면 결과가 나와요
oa.example.com/daily-report
일일 보고를 서두르는 중이고, 팝업이 하나씩 뜰 거예요
평소처럼 처리하면 돼요. 빠를수록 좋고, 시스템이 시간을 재요.
연습 · 위험한 버튼 세 개 개조하기

3수와 가역성까지 갖춰졌으니, 손대고 고쳐 보죠. 세 장면 모두 AI 산출물의 흔한 병이에요. 장면마다 가장 맞는 오류 방지 수단을 고르세요. 틀리면 설명이 나오고, 맞을 때까지 고르면 돼요.

장면 1: 툴바에 「캔버스 비우기」가 「저장」 바로 옆에 있고, 이미 손미끄러짐이 났어요 객관식
A「캔버스 비우기」를 누를 때 확인창을 띄운다
B「캔버스 비우기」를 메뉴 깊숙이 옮기고 「저장」과 거리를 둔 뒤, 되돌리기를 붙인다
C「캔버스 비우기」 버튼을 빨간색으로 바꿔 경고한다
D비우기 전에 백업 파일을 로컬로 자동 내보낸다
장면 2: 단체 알림 팝업에서 수신자가 기본으로 「모든 멤버(2841명)」에 체크되어 있다 객관식
A보내기 전 확인창을 띄우고 수신자 수를 보여 준다
B「모든 멤버」 옵션을 없앤다
C기본값을 「내가 고른 사람에게만」으로 바꾸고, 「모든 멤버」를 고르면 그 자리에서 인원 수를 보여 준다
D보낸 뒤 회수를 허용하면, 그 안전망이면 충분하다
장면 3: 폼을 다 안 채워도 「제출」이 눌리고, 누르면 「정보가 불완전합니다」가 뜬다 객관식
A오류 문구를 3요소에 맞춰 더 친절하게 고친다
B다 안 채웠을 때 「제출」을 막고, 버튼 옆에 무엇이 남았는지 적는다
C제출 시 빈 칸에 기본값을 자동으로 채운다
D확인창에 빈 칸을 나열하고, 계속할지 돌아갈지 고르게 한다
퀴즈 · 네 방어선을 순위로
네 방어선 중 어느 것이 가장 약할까요? 객관식
틀려도 설명이 나오고, 맞을 때까지 고르면 돼요
A쓸 수 없는 항목을 비활성화하고, 설명을 붙인다
B위험한 조작과 자주 쓰는 조작의 거리를 둔다
C삭제 전에 확인창을 띄운다
D즉시 실행하고, 되돌릴 수 있게 한다
핵심 요점

사용자는 탐색 중이에요—실수로 취급하지 마세요: 되돌리기는 동굴 입구의 밧줄 사다리예요. 걸려 있어야 사용자가 더 깊이 들어가요(Cooper, 《About Face 4》 15장).

오류 방지 3수: 쓸 수 없는 항목을 비활성화하고 설명하고, 위험한 조작은 거리를 두고, 기본값은 가장 안전한 쪽. 오류 메시지의 최고 경지는 알릴 오류가 없는 것.

확인 팝업은 가장 약한 방어선: 늑대 효과—일상 팝업은 읽지도 않고 닫히고, 진짜 위험이 올 때쯤엔 이미 죽어 있어요. 하라, 묻지 마라—그리고 되돌리기를 준비하세요.

AI에게 쓰는 요청 말투: 「삭제는 즉시 적용하고, 되돌릴 수 있는 toast를 5초 띄워 줘」가 「삭제에 확인이 있어야 해」보다 한 단계 나은 산출을 내요. 흐름의 군더더기 단계를 어떻게 자를지는 다음 레슨에서요.

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