UX 라이팅
제품의 모든 글자는 인터페이스의 일부입니다. 명료하고 차분하게, 한글을 우선으로 — 사용자가 다음에 무엇을 할지 한 번에 알게 쓰는 규칙을 정리했습니다.
13 sections · 한글 우선 · 라이트/다크
01 원칙
모든 카피가 따르는 다섯 가지. 망설여질 때 이 순서로 판단하세요 — 먼저 명료한가, 그다음 차분한가.
한 번에 이해되게 씁니다. 전문용어·중의성·돌려 말하기를 걷어내고, 한 문장에 하나의 뜻만 담습니다.
과장과 재촉, 느낌표를 쓰지 않습니다. 강조는 색·굵기·위계로, 말투는 담담하게.
UI 기본은 한글입니다. 영문은 고유명사·기술 용어·보조 표시에만. 두 글자 모두 Pretendard로 맞물립니다.
액션은 결과를 약속하는 동사로. "확인"보다 "저장하기", "예"보다 "삭제".
가짜 진행, 거짓 안심, 책임 회피를 쓰지 않습니다. 오류는 솔직하게 알리고 해결을 안내합니다.
02 보이스 & 톤
보이스는 항상 같습니다(명료·차분). 톤은 상황에 따라 미세하게 조절합니다 — 성공은 담담하게, 오류는 침착하게, 파괴적 작업은 단호하게.
| 상황 | 톤 | 예시 |
|---|---|---|
| 일반 | 중립적 · 간결 | 프로젝트를 저장했습니다 |
| 성공 | 담담한 확인 (자축 금지) | 변경 사항을 저장했습니다 |
| 오류 | 침착 · 해결 지향 (비난 금지) | 이메일 형식을 확인해 주세요 |
| 위험 · 파괴 | 명확 · 단호 · 영향 명시 | 이 작업은 되돌릴 수 없습니다 |
| 대기 | 짧게 · 안심 | 불러오는 중… |
| 안내 · 빈 상태 | 도움 주는 · 다음 행동 제시 | 아직 항목이 없습니다 — 먼저 하나 추가해 보세요 |
03 문장 기본
표기·문장부호·길이의 기본 규칙. 화면마다 흔들리지 않게 일관적으로 적용합니다.
길이 — 짧게, 한 번에
제목은 6단어 이하(영문), 본문은 한 문단에 한 가지 생각. 버튼은 1–2단어.
변경 사항을 저장했습니다.
회원님의 변경 사항이 성공적으로 완벽하게 저장 완료되었습니다!
영문은 Sentence case
영문 제목·디스플레이는 첫 글자만 대문자. 전부 대문자는 와이드 트래킹의 작은 오버라인 레이블(TYPOGRAPHY)에만.
Build with clarity
Build With Clarity!!
문장부호 · 이모지
짧은 UI 문구의 한글은 종결 마침표를 생략할 수 있습니다(버튼·레이블·짧은 토스트). 완전한 안내 문장은 마침표를 씁니다. 이모지는 쓰지 않습니다 — 화살표(→ ↗)는 인라인 어포던스로 허용.
저장하기
변경 사항을 저장했습니다.
저장하기.
저장 완료! 🎉
숫자 · 데이터
숫자·금액·퍼센트·통계는 Pretendard의 tabular 숫자로(컬럼 정렬 유지). 천 단위 쉼표, 단위는 맥락에 맞춰 붙이거나 띄웁니다(1,250원, 24%, 3.2GB).
₩1,250,000 · +12.4%
1250000원 · 플러스 십이점사 퍼센트
04 버튼 & 액션
버튼은 누르면 무슨 일이 일어나는지 그 자체로 말해야 합니다. 동사로 시작하고, 결과를 구체적으로.
동사 + 결과
"확인 / 예 / 제출" 같은 막연한 말 대신 행동의 결과를 적습니다. 다이얼로그에서는 본문을 안 읽어도 버튼만으로 판단되게.
결제하기
무엇을 하는지 명확. 금액 맥락과 이어짐.
확인
무엇을 확인하는지 알 수 없음.
파괴적 액션은 대상까지
항목 3개 삭제
예
'취소'와 '닫기'를 구분
취소는 진행 중인 작업을 되돌립니다. 닫기는 정보를 보여주던 창을 닫을 뿐 변화가 없습니다. 둘을 섞지 마세요.
05 폼
레이블·플레이스홀더·도움말은 역할이 다릅니다. 플레이스홀더로 레이블을 대신하지 마세요 — 입력하면 사라지니까요.
레이블은 명사로 짧게, 플레이스홀더는 예시
레이블: 이메일
플레이스홀더: you@example.com
레이블 없이 플레이스홀더만: 이메일을 입력하세요
입력 시작과 동시에 안내가 사라짐.
도움말은 입력 전에, 미리
제약 조건은 오류로 뒤늦게 알리지 말고 필드 아래 도움말로 먼저 안내합니다.
비밀번호
8자 이상, 숫자 1개 포함
비밀번호
(안내 없음 → 제출 후 오류)
06 오류 메시지
좋은 오류는 세 가지를 담습니다 — 무엇이 잘못됐고, (필요하면) 왜, 그리고 어떻게 고치는지. 사용자를 탓하지 않고, 코드·숫자만 던지지 않습니다.
구체적으로 + 해결 경로
비밀번호는 8자 이상이어야 합니다.
잘못된 입력입니다.
시스템 오류도 사람 말로
네트워크에 연결할 수 없습니다.
잠시 후 다시 시도해 주세요.
Error 500: Internal Server Error
진단용 코드가 필요하면 본문이 아니라 접힘 영역·세부 정보에 보조로 둡니다.
탓하지 않기
입력한 카드 번호를 다시 확인해 주세요.
당신이 카드 번호를 잘못 입력했습니다.
07 빈 상태
빈 화면은 막다른 길이 아니라 출발점입니다. 무엇이 없는지 알리고, 바로 다음 행동을 권합니다.
아직 프로젝트가 없습니다.
첫 프로젝트를 만들어 시작해 보세요.
프로젝트 만들기데이터 없음
다음에 뭘 해야 할지 알 수 없음.
08 확인 대화상자
제목은 결과를 묻거나 알리고, 본문은 영향을 설명하며, 버튼은 동사로 답합니다. "정말요? 예/아니오"는 아무것도 알려주지 않습니다.
이 파일을 삭제할까요?
삭제하면 복구할 수 없습니다.
삭제 취소
정말요?
이 작업을 진행하시겠습니까?
예 아니오
09 토스트 & 알림
결과를 짧게 과거형으로 알립니다. 되돌릴 수 있는 작업이면 실행취소를 함께 제공하세요.
링크를 복사했습니다
작업이 정상적으로 처리되었습니다
항목을 삭제했습니다 · 실행취소
삭제됨!! 다시 되돌리려면 관리자에게 문의하세요
10 툴팁 & 마이크로카피
툴팁은 보조 정보만 담습니다. 작업에 꼭 필요한 정보를 툴팁에 숨기지 마세요 — 본문이나 도움말로 드러냅니다.
아이콘 버튼 툴팁: 보관함으로 이동
아이콘만으로 모호한 동작을 한마디로 보완.
툴팁: 클릭하세요
정보가 없음.
11 날짜 · 시간 · 숫자
최근은 상대 시간으로, 정확함이 필요하면 절대 시간으로. 숫자는 항상 mono 서체로 정렬합니다.
| 맥락 | 표기 |
|---|---|
| 방금 / 최근 | 3분 전, 어제 |
| 정확한 날짜 | 2026년 6월 17일 |
| 날짜 + 시각 | 2026. 6. 17. 오후 2:30 |
| 금액 | ₩1,250,000 (천 단위 쉼표, tabular) |
| 범위 | 6월 1일 – 6월 17일 (en-dash) |
12 용어 표기
같은 개념은 늘 같은 단어로. 한 화면에서 "삭제 / 지우기 / 제거"를 섞으면 신뢰가 떨어집니다. 아래 표를 기준으로 통일하세요.
| 개념 | 권장 | 지양 |
|---|---|---|
| 인증 진입 | 로그인 | 사인인 · 로그온 |
| 인증 해제 | 로그아웃 | 사인아웃 · 나가기 |
| 저장 | 저장 | 세이브 · 저장하기/보관 혼용 |
| 삭제 | 삭제 | 지우기 · 제거 · 없애기 |
| 수정 | 편집 | 수정 · 변경 혼용 |
| 불러오기 대기 | 불러오는 중… | 로딩중 · 로딩 중입니다… |
| 재시도 | 다시 시도 | 재시도 · 리트라이 |
| 설정 화면 | 설정 | 세팅 · 환경설정 혼용 |
| 닫기 동작 | 닫기 | 취소(닫기 의미일 때) |
표는 출발점입니다 — 제품 도메인에 맞춰 확정하고, 한 번 정한 용어는 끝까지 유지하세요.
13 접근성 라이팅
스크린 리더와 키보드 사용자도 글만으로 맥락을 파악할 수 있어야 합니다.
링크 텍스트는 목적을 설명
링크만 따로 읽어도 어디로 가는지 알 수 있게. "여기 클릭", "더 보기"처럼 맥락 없는 문구는 피합니다.
요금제 비교 보기 →
자세한 내용은 여기를 클릭
아이콘 버튼엔 레이블, 이미지엔 alt
텍스트 없는 아이콘 버튼에는 aria-label을, 의미 있는 이미지에는 내용을 전달하는 alt를. 순수 장식 이미지는 alt=""로 비웁니다.
aria-label="검색"
alt="매출 추이 꺾은선 그래프"
레이블 없는 아이콘 버튼
alt="image1.png"
✓ 발행 전 체크리스트
화면에 글을 넣기 전 마지막 점검.
- ✓한 번 읽고 바로 이해되는가? 전문용어·중의성은 없는가?
- ✓버튼·액션이 동사로 시작하고 결과를 말하는가?
- ✓오류 메시지가 무엇이 잘못됐고 어떻게 고치는지 알려주는가?
- ✓같은 개념을 같은 용어로 일관되게 썼는가?
- ✓느낌표·이모지·과장 표현을 걷어냈는가?
- ✓숫자·금액·시간을 mono 서체와 규칙대로 표기했는가?
- ✓링크 텍스트만 읽어도 목적을 알 수 있는가?
- ✓한글이 우선이고, 영문은 꼭 필요한 곳에만 있는가?
관련 파운데이션: Voice & Writing 스페시멘 →