UI는 말한다: 사용자는 카피를 어떻게 읽나
컨트롤을 잘 골라도 UI는 말을 해야 해요. 버튼 두 글자, 다이얼로그 한 문장이 제품과 사용자의 전부 대화예요. 마이크로카피는 인터랙션의 절반이에요: 잘 쓰면 사용자가 안 생각해도 되고, 틀리면 컨트롤이 표준이어도 소용없어요. AI의 마이크로카피 비법은 하나—무슨 일이든 「확인」.
오늘 「확인」을 몇 번 눌렀는지 세어 보세요. 삭제·제출·종료·덮어쓰기·비우기 다이얼로그에 같은 단어가 백 가지 결과를 보증해요. 문제는 여기예요: 버튼 자체에 답이 없고, 답은 본문에 있어요. 사용자는 문단을 다 읽어야 이번 탭이 뭔지 알죠. 「확인 / 취소」 짝은 게으른 거예요—읽기 비용을 사용자에게 떠넘겨요.
처방은 버튼에 결과를 실는 거예요. 「확인」을 「이 3개 삭제」로, 「취소」를 「그대로 두기」로 바꾸세요. 본문을 한 글자도 안 읽어도 버튼만 훑으면 안전하게 답할 수 있어요. Cooper는 About Face 4 21장에서 기능 다이얼로그에 같은 규칙을 세워요: 제목에 동사를 쓰세요. 제목은 뭘 확인하는지, 버튼은 누르면 뭐가 되는지—양쪽 다 사용자가 추측하지 않게.
Alan Cooper, About Face 4 21장: 동사는 동작과 결과를 싣고, 명사와 「알림」은 아무것도 안 실어요.
이 규칙의 테스트 버전도 있어요: 본문을 가리고 제목과 버튼만 보고 안전하게 답할 수 있나요? 되면 카피 합격, 본문을 다시 봐야 하면 여전히 「확인 / 취소」의 게으른 변종이에요. 먼저 몇 가지 대조를 보며 동사 버튼의 감촉을 익혀 보세요.
| 장면 | 게으른 버전 | 결과를 실은 버전 |
|---|---|---|
| 장바구니 비우기 | 확인 / 취소 | 12개 비우기 / 일단 두기 |
| 편집 나가기 | 예 / 아니요 | 저장하고 나가기 / 변경 버리기 |
| 휴대폰 번호 연결 해제 | 계속 / 뒤로 | 138****2046 연결 해제 / 해제 안 함 |
「결과를 실은 버전」의 부산물도 보세요: 수량과 대상이 버튼에 함께 들어가요(12개, 138****2046)—사용자를 대신해 마지막 확인을 한 셈이죠. 오조작은 대개 「다른 묶음을 고른 줄 알았어」에서 나와요. 버튼이 대상을 말해 주면 그 오해가 바로 풀려요.
버튼 밖, 두 번째 재난 구역은 명사예요. 화면에 「필드 user_mobile 검증 실패」「유일성 제약 위반」이 적혀 있어요—사용자 아무도 모르는 말, DB와 로그에서 그대로 끌어온 거죠. Cooper는 14장에서 뿌리를 파요: 개발자가 DB 요구를 사용자 요구보다 앞에 두니, 소프트웨어는 CPU를 섬기고 사용자는 소프트웨어를 위해 일하는 꼴이 돼요.
14장에는 자주 인용되는 원칙도 있어요: 오류가 프로그램 탓이 아닐 수 있어도, 책임은 프로그램의 것. 휴대폰 번호가 한 자리 모자라고 사용자명이 중복되는 건 사용자 「실수」지만, 그 오류를 듣고 고칠 수 있는 말로 번역하는 건 프로그램 몫이에요. 메뉴 이름도 예외가 없어요. Cooper는 「파일」조차 구현 모델의 말이라 보고, 인보이스 앱 메뉴는 「인보이스」여야 한다고 해요. 사용자가 자기 물건을 뭐라고 부르면, UI도 그렇게 부르세요.
| 시스템 말 | 진짜 하고 싶은 말 | 병근 |
|---|---|---|
| 이 작업은 취소할 수 없습니다 | 「이 작업」이 뭔 작업이에요? 말하세요 | 시스템 시점의 지시—사용자가 직전 단계를 스스로 떠올려야 함 |
| Error 422 | 어디가 틀렸고, 어떻게 고치나 | HTTP 상태 코드는 개발자용 로그(2강 병력) |
| Session 만료 | 로그인이 만료됐어요. 다시 로그인하면 돼요 | Session은 구현 모델 말, 사용자 말은 「로그인」 |
AI가 UI를 쓸 때 이 병에 특히 잘 걸려요: 데이터 구조를 보고 카피를 만들고, 필드 이름이 곧 라벨이 돼요. 막지 않으면 DB가 무대에 올라 연설하죠. 아래에서 다이얼로그를 직접 고쳐, 카피 세 곳을 사람 말로 바꾸고 mock이 바로 바뀌는 걸 보세요.
왼쪽 삭제 확인 다이얼로그는 AI가 실제로 내는 수준이에요: 제목 「알림」, 본문 모호, 버튼 「확인 / 취소」. 오른쪽 세 곳에서 「사람 말로」를 하나씩 누르세요. 고칠 때마다 다이얼로그가 바로 갱신되고, 세 곳을 다 고친 뒤 본문 가리기 테스트를 하세요.
위험의 정의부터: 사용자가 이해 못 해도 눌러 버리는 그거야말로 위험이에요. 지난 강의 「늑대다」 실험에서 봤듯이, 사용자가 다이얼로그에 쓰는 평균 시간은 한 줄도 못 읽어요. 카피가 흐린 다이얼로그는 사각에 칼을 두는 셈이죠. 아래 둘 다 고객 데이터를 지워요—사용자에게 맡길 용기가 나는 쪽을 누르세요.
버튼 다음은 명사예요. 아래 다섯 줄은 AI가 UI에 그대로 올리기 좋아하는 시스템 말이에요. 각 줄에서 진짜 사람 말 번역을 고르세요. 주의: 어떤 선택지는 시스템 말만 꾸민 거라, 뼈대는 여전히 로그예요.
여기까지 오면 2강의 오류 카피 고쳐쓰기가 떠오를 거예요: 무슨 일, 왜, 어떻게. 그 3요소가 오류 메시지의 뼈대이고, 이번 강의는 뼈대 안 단어 선택이에요. 둘이 합쳐져야 완전한 카피 실력. 3요소는 다시 안 가르치고, 점프 카드는 여기 있어요.
이 장 인용 · 상태 3종 세트: 로딩, 빈 상태, 오류 상태오류 메시지 3요소(무슨 일, 왜, 어떻게)와 약한 카피 세 줄의 완전한 고쳐쓰기는 2강에서 다 다뤘어요. 여기를 눌러 건너뛰세요.마지막 종합 문제: 이번 강의 버튼 실력과 위 3요소를 함께 시험해요.
버튼이 결과를 싣는다: 「확인」을 「이 3개 삭제」로, 「취소」를 「그대로 두기」로. 검수 기준: 본문을 가리고 제목·버튼만 봐도 안전하게 답할 수 있어야 해요.
사용자 말을 쓰세요: Session, 필드명, 오류 코드는 구현 모델 말—사용자에게 들이밀지 마세요(Cooper, About Face 4 14장). 번역은 사용자가 행동할 수 있을 때까지.
오류는 프로그램의 책임: 사용자 입력은 틀릴 수 있어요. 그 틀림을 듣고 고칠 수 있는 말로 말하는 건 프로그램 몫. 사용자를 탓하지 마세요. 3요소 뼈대는 2강.
AI에게 요구하는 말: 「버튼 카피는 동작과 수량을 명시하고, 『확인 / 취소』 짝을 금지. UI 문구에 필드명·오류 코드·Session 등 시스템 말을 넣지 말 것」. UI 디테일은 여기까지, 다음 강의부터 이 요구를 AI에게 번역해 들려줘요.
콘텐츠 출처: 샤오산 아카데미 「인터랙션 엔지니어링」 특집 오리지널; 일부 인터랙션 원칙은 About Face 4: The Essentials of Interaction Design에서 정리.