버튼은 행동을 말해야 합니다
‘확인’, ‘더보기’, ‘제출’ 같은 버튼은 짧지만 어떤 일이 일어나는지 모호할 수 있습니다. 사용자가 다음에 무엇을 하게 되는지 알 수 있도록 문구를 쓰는 편이 좋습니다.
예를 들어 정보 사이트에서는 ‘글 더 보기’, 문의 화면에서는 ‘문의 내용 확인하기’, 오픈채팅 연결에는 ‘오픈카톡으로 문의’처럼 행동을 명확히 적을 수 있습니다.
폼 라벨은 placeholder보다 중요합니다
입력칸 안의 placeholder만으로 정보를 안내하면 사용자가 입력을 시작한 뒤 안내가 사라집니다. 이름, 이메일, 문의 유형처럼 중요한 정보는 라벨로 고정되어 있어야 합니다.
placeholder는 예시를 보여주는 역할로 쓰는 편이 좋습니다. ‘예: 평일 오후 2시 이후’처럼 입력 방식이 필요한 항목에만 넣으면 화면이 깔끔해집니다.
동의 문구는 짧고 정확해야 합니다
동의 문구가 너무 길면 모바일에서 줄이 깨지고 사용자는 내용을 읽기 어렵습니다. 문의 응대 목적이라면 어떤 정보를 확인하는지 짧게 설명하고, 자세한 내용은 개인정보처리방침으로 연결하면 됩니다.
예를 들어 ‘문의 응대용 정보 확인에 동의합니다’처럼 목적을 담은 짧은 문구가 안정적입니다. 불필요한 법률 문장을 폼 안에 길게 넣으면 오히려 완성도가 떨어집니다.
오류 문구는 사용자를 탓하지 않습니다
폼 오류는 ‘잘못 입력했습니다’보다 ‘이메일 형식으로 입력해주세요’처럼 해결 방법을 안내해야 합니다. 사용자가 다음 행동을 바로 알 수 있어야 합니다.
문구의 톤은 사이트 전체와 맞아야 합니다. 디자인 교육 사이트라면 차분하고 정확한 문장이 좋고, 과하게 친근한 말투는 전문성을 낮출 수 있습니다.
마이크로카피 예시: 신청 폼 오류 문구 고치기
버튼과 폼 문구는 작아 보이지만 사용자의 행동을 직접 바꿉니다. 특히 오류 문구가 불친절하면 사용자는 무엇을 고쳐야 할지 알기 어렵습니다.
짧고, 구체적이고, 다음 행동을 알려주는 문구가 가장 안정적입니다.
문구 수정 예시
| 수정 전 | 잘못된 입력입니다. |
|---|---|
| 수정 후 | 휴대폰 번호 11자리를 숫자만 입력해주세요. |
| 수정 전 | 제출하기 |
| 수정 후 | 상담 신청 내용 보내기 |
폼 문구 검수 방식
사용자가 실수했을 때 문구가 책임을 묻는 느낌인지, 아니면 고칠 방법을 알려주는지 확인합니다. 문구의 톤은 브랜드 이미지보다 먼저 사용성에 맞춰야 합니다.
- 버튼 문구가 클릭 후 결과를 예상하게 하는가?
- 오류 문구가 고쳐야 할 항목을 구체적으로 말하는가?
- 필수 입력 항목과 선택 항목이 구분되어 있는가?
- 문구가 너무 길어 모바일 버튼 안에서 잘리지 않는가?
작성자 검수 메모
마이크로카피는 작은 글이지만 사용자가 길을 잃지 않게 하는 안내판입니다. 좋은 문구는 예쁜 표현보다 다음 행동을 정확히 알려줍니다.
이 글은 버튼과 폼 문구를 사용자가 이해하고 행동할 수 있는 문장으로 바꾸는 방법을 정리했습니다.
현장 적용 노트
마이크로카피는 브랜드 목소리와 사용성 사이에서 균형을 잡아야 합니다. 특히 오류 문구는 친절해 보여도 고치는 방법이 없으면 사용자는 같은 실수를 반복합니다.
버튼 문구는 명령보다 결과를 알려주는 쪽이 이해하기 쉽습니다. 제출하기보다 상담 신청 내용 보내기처럼 클릭 후 일어나는 일을 말하면 사용자의 불안을 줄일 수 있습니다.
포트폴리오 기록 포인트
작업 기록에는 바꾼 문구와 함께 사용자가 헷갈릴 수 있던 지점을 적는 것이 좋습니다. 작은 문구 수정도 전환 흐름을 개선한 근거로 설명할 수 있습니다.
오류 문구를 버튼 문구와 연결하기
폼 문구는 버튼만 따로 고쳐서는 완성되지 않습니다. 사용자가 입력을 실패했을 때 어떤 필드를 어떻게 고쳐야 하는지 바로 알 수 있어야 다음 행동이 이어집니다. “오류가 발생했습니다”처럼 넓은 문장은 원인을 숨기므로, 입력 형식과 해결 방법을 같은 줄에서 알려주는 편이 좋습니다.
- 버튼 문구는 결과를 예측하게 씁니다.
- 오류 문구는 문제와 해결 방법을 함께 제시합니다.
- 선택 입력과 필수 입력은 라벨에서 먼저 구분합니다.
마이크로카피 톤을 서비스 상황에 맞추기
버튼과 폼 문구는 짧지만 서비스의 태도를 보여줍니다. 금융, 교육, 채용처럼 신뢰가 중요한 화면에서는 장난스러운 표현보다 정확한 행동 안내가 필요합니다. 반대로 가벼운 커뮤니티나 이벤트 화면에서는 너무 딱딱한 문구가 거리감을 만들 수 있습니다.
문구를 고칠 때는 “친절한가”만 보지 말고 “다음 행동을 예측할 수 있는가”를 함께 확인합니다. 사용자가 누른 뒤 어떤 변화가 생기는지 버튼에서 알 수 있어야 합니다.
제출 전 불안을 줄이는 문구
폼 마지막 버튼 주변에는 사용자가 망설이는 정보가 모입니다. 저장되는 정보, 처리 시간, 취소 가능 여부를 짧게 알려주면 불필요한 이탈을 줄일 수 있습니다. 단, 버튼 안에 모든 설명을 넣기보다 버튼 아래 보조 문구로 분리하는 편이 화면이 안정적입니다.
마지막 문구 검수
버튼 문구를 확정하기 전에는 실제 사용자가 제출 직전에 어떤 불안을 가질지 다시 봅니다. 비용, 저장, 취소, 개인정보처럼 민감한 정보는 버튼 주변의 짧은 보조 문구로 풀어주면 클릭 전 망설임을 줄일 수 있습니다.