UX 라이팅 — 버튼·폼·안내 문구 마이크로카피
버튼 한 줄, 폼 안내 한 줄, 에러 메시지 한 줄 — 이런 작은 문구를 마이크로카피(UX 라이팅) 라고 합니다. 마케팅 카피가 “설득”이라면, UX 라이팅은 “사용자가 막히지 않고 끝까지 가게 돕는” 글이에요. 작지만 전환율을 크게 좌우합니다.
설득용 카피(Hero·CTA)는 웹사이트 카피라이팅에서 다룹니다. 이 글은 UI 안의 기능적 문구입니다.
UX 라이팅의 3원칙
| 원칙 | 의미 |
|---|---|
| 명확성 | 멋보다 이해. 헷갈리면 실패 |
| 간결성 | 최소한의 단어로 |
| 도움 | 다음에 뭘 해야 할지 알려줌 |
💡 좋은 마이크로카피는 눈에 안 띕니다. 사용자가 막힘 없이 흐르면 성공이에요.
1. 버튼 라벨
버튼은 누르면 무슨 일이 일어나는지 알려야 합니다.
❌ "확인" "제출" "예"
✅ "예약 신청" "파일 업로드" "결제하기"- 사용자 입장의 동사로: “신청하기”, “저장하기”
- 모호한 “확인”보다 결과를 명시: 삭제 버튼은 “삭제” (취소는 “취소”)
2. 폼(입력 양식) 문구
폼은 이탈이 가장 많은 곳이라 문구가 중요합니다.
라벨·플레이스홀더
✅ 라벨: "휴대폰 번호"
플레이스홀더: "010-1234-5678" (예시 형식)- 플레이스홀더만으로 라벨을 대체하지 마세요 (입력하면 사라져 헷갈림)
도움말
- 왜 필요한지 한 줄: “예약 확인 문자를 보내드립니다”
- 형식 안내: “8자 이상, 영문+숫자”
에러 메시지
❌ "오류가 발생했습니다"
✅ "이메일 형식이 올바르지 않아요. 예: name@example.com"- 무엇이 잘못됐고, 어떻게 고치는지 함께. 비난조 X.
3. 빈 상태(Empty State)
목록이 비었을 때 그냥 빈 화면은 불친절합니다.
❌ (아무것도 없음)
✅ "아직 등록된 후기가 없어요. 첫 후기를 남겨보세요!" + [후기 쓰기] 버튼- 왜 비었는지 + 다음 행동을 제시.
4. 확인·완료 메시지
행동 후 됐는지 안 됐는지 즉시 알려줍니다.
✅ "예약이 접수됐어요. 확인 문자를 보내드렸습니다."
✅ "저장됐습니다."- 완료는 짧고 분명하게. 다음 안내가 있으면 덧붙입니다.
5. 위험한 행동 — 한 번 더 확인
삭제·취소처럼 되돌리기 어려운 행동은 확인을 받되, 문구를 명확히.
❌ "정말 하시겠습니까?"
✅ "이 예약을 취소할까요? 취소하면 되돌릴 수 없어요."
[취소하기] [닫기]- 버튼 라벨도 행동을 명시 (“예/아니오”보다 “취소하기/닫기”)
6. 404·오류 페이지
막다른 곳에서도 길을 안내합니다.
✅ "찾는 페이지가 없어요.
주소가 바뀌었거나 삭제됐을 수 있습니다."
[홈으로] [문의하기]톤 — 친근하되 과하지 않게
- 너무 딱딱: “입력값이 유효하지 않습니다”
- 적절: “이메일 형식을 확인해주세요”
- 너무 장난스러움: “앗! 뭔가 잘못됐어요 ㅠㅠ 다시 해볼까요?”
→ 브랜드 톤에 맞추되, 사용자가 곤란한 순간(에러)엔 더 차분하고 명확하게.
마이크로카피 체크리스트
- 버튼이 누르면 무슨 일이 일어나는지 알려주는가
- 폼에 라벨이 있는가 (플레이스홀더만으로 대체 X)
- 에러가 원인 + 해결법을 함께 주는가
- 빈 상태에 다음 행동 안내가 있는가
- 완료 메시지로 결과를 알려주는가
- 위험한 행동에 명확한 확인이 있는가
- 404에 돌아갈 길이 있는가
⚠️ 자주 하는 실수
- 버튼이 전부 “확인”: 무슨 일이 일어날지 모름
- “오류가 발생했습니다”: 원인·해결법 없어 사용자가 막힘
- 플레이스홀더로 라벨 대체: 입력하면 사라져 뭘 적는지 잊음
- 빈 화면 방치: 비었을 때 안내 없음
- 완료 피드백 없음: 됐는지 안 됐는지 몰라 중복 클릭
- 에러에 비난조: “잘못 입력하셨습니다” → 사용자 탓하는 느낌
❓ FAQ
Q. UX 라이팅과 카피라이팅은 뭐가 다른가요? A. 카피라이팅은 방문자를 설득하는 마케팅 문구(Hero·CTA)이고, UX 라이팅은 UI 안에서 사용자가 막히지 않게 돕는 기능적 문구(버튼·폼·에러)입니다. 목적이 달라요.
Q. 작은 문구가 정말 전환에 영향을 주나요? A. 큽니다. 버튼 라벨 하나, 에러 메시지 하나가 폼 완료율을 좌우합니다. 특히 결제·예약·문의 폼은 마이크로카피가 이탈을 막는 핵심이에요.
Q. 페이지 빌더에서도 신경 써야 하나요? A. 네. 빌더의 기본 문구(“제출”, “오류”)를 그대로 두지 말고, 사용자 관점으로 바꾸세요. 폼 플러그인·예약 위젯의 안내 문구도 점검 대상입니다.
Q. 영어 UI 용어를 그대로 써도 되나요? A. 익숙한 건 괜찮지만(예: “로그인”), 가능하면 한국어로. 대상 사용자가 이해하는 말이 우선입니다.