사용자 경험을 개선하는 UX 라이팅
구글 머티리얼 디자인 시스템의 라이팅 파트를 번역한 글입니다.
UI텍스트는 문화 혹은 언어와 관계 없이, 어디서나 누구나 이해할 수 있어야 합니다.
원칙
UI 텍스트는 인터페이스의 사용성을 높이고, 인터페이스에 신뢰를 부여합니다. 텍스트는 명확하고(clear) 정확하며(accurate) 간결해야(concise) 합니다.
간결하게 쓰기
탐색 및 검색을 용이하게 하기 위해, 한 번에 하나의 내용에 초점을 맞춰 짧게 UI 텍스트를 작성하세요.
Do
미국 내 이메일 주소가 있는 사람에게 돈을 보내세요. 빠르고, 쉽고, 무료입니다.
정보와 행동을 간결하게 표현합니다.
Don’t
미국 내 이메일 주소가 있는 가족과 친구에게 돈을 보내고 받으세요. 대기 시간이 거의 없고, 두 단계만 거치면 되며, 수령자에게 수수료가 과금되지 않습니다.
핵심 행동이나 개념을 설명할 때 많은 복잡한 내용을 나열하지 않습니다.
Do
전화기와 함께 제공된 지침을 읽으세요.
하나의 핵심에 초점을 맞춰 지시사항을 작성합니다.
Don’t
자세한 내용은 전화기와 함께 제공된 설명서를 참고하세요.
지시사항에 장황한 설명을 삽입하지 않습니다.
단순하고 직접적으로 쓰기
내용을 이해하기 쉽도록 간단하고 직접적인 언어를 사용하세요.
Do
변경 사항을 저장할까요?
UI 텍스트를 짧게 씁니다.
Don’t
변경 사항을 저장해도 괜찮겠습니까?
필요한 내용보다 긴 텍스트를 작성하지 않습니다.
Do
투표 등록하기
현재 작업에 초점을 맞추어 UI 텍스트를 씁니다.
Don’t
투표하기 위해서는 사전에 등록해야 합니다.
사용자에게 어떻게 해야 하는지를 알릴 뿐, 반드시 그렇게 해야 한다고 말하지 않습니다.
사용자를 명확하게 지칭하기
상황에 따라 이인칭 또는 일인칭으로 사용자를 지칭하세요.
- 이인칭: UI가 사용자에게 직접 말할 때 사용하며 대부분의 상황에 적합합니다.
- 일인칭: 콘텐츠나 동작에 대한 사용자의 소유권을 강조할 때 사용합니다.
Do
화면을 잠금 해제하지 않고 카메라(your camera)를 빠르게 여시오.
이인칭으로 상대방을 직접 지칭합니다.
Do
서비스 조건을 따르는 데에 동의합니다(I agree).
일인칭을 이용하여 행동의 소유권을 강조합니다.
Do
당신의(your) 장소
이인칭으로 상대방을 직접 지칭합니다.
내(my) 계정
일인칭을 이용하여 콘텐츠의 소유권을 강조합니다.
일인칭과 이인칭 섞어 쓰기
사용자의 혼란을 방지하기 위해, 하나의 구문에 일인칭과 이인칭을 혼합하여 사용하지 마세요.
Don’t
내 계정(my account)에서 기본 설정(your preferences) 변경
같은 구문 안에서 사용자를 지칭하기 위해 일인칭과 이인칭 모두 사용하지 않습니다.
필수적인 세부사항만 전달하기
사용자가 자신의 행동에 집중할 수 있도록 필수적인 세부사항만 전달하세요. 때때로 가장 효과적인 UI에는 텍스트가 전혀 포함되어 있지 않습니다.
Do
로그인하는 중…
휴대폰에서 연결을 시도합니다. 최대 5분까지 걸릴 수 있습니다.
현재 상태나 행동을 이해하는 데 필수적인 세부사항만 전달합니다.
Don’t
로그인하는 중…
휴대폰에서 계정에 로그인하기 위해서는 서버와 통신해야 합니다. 최대 5분까지 걸릴 수 있습니다.
작업 또는 프로세스가 수행되는 방식처럼 사용자가 알 필요가 없는 세부 정보까지 전달하지 않습니다.
일반적인 단어 사용하기
누구나 명확하고 쉽게 이해할 수 있는 일반적인 단어를 사용하세요.
Do
위치 기록 켜기
평범한 단어를 씁니다.
Don’t
위치 기록 활성화하기
업계 용어
UI 기능에 업계 용어를 사용하지 마세요.
Do
영상을 준비하는 중…
Don’t
버퍼링중…
Do
전화기에서 지원되지 않는 동작입니다.
UI와 장치를 설명하는 일반적인 방법을 사용합니다.
Don’t
듀얼 코어 장치에서만 지원되는 동작입니다.
문맥을 이해하는 데 필요한 경우가 아니라면 기술 언어를 사용하지 않습니다.
현재 시제로 쓰기
현재 시제를 사용하여 제품의 동작을 설명하세요. 과거 또는 미래 시제 대신 단순한 동사를 사용하세요.
Do
Message sent
현재 시제로 씁니다.
Don’t
Message has been sent
현재완료시제처럼 현재시제의 변형을 쓰지 않습니다.
숫자 사용하기
특수한 경우를 제외하고는 “하나, 둘, 셋”과 같은 문자 대신 “1, 2, 3”과 같은 숫자를 사용하세요.
Do
새로운 메세지 3개
Don’t
새로운 메세지 세 개
Do
“두 개의 3을 입력하세요”
두 가지 다른 방법으로 숫자를 사용할 때는 숫자와 문자를 섞어쓸 수 있습니다.
불필요한 문장부호 생략하기
사용자가 텍스트를 한 눈에 스캔할 수 있도록, 필요하지 않을 때는 마침표를 생략하세요.
온점
아래의 UI 요소에서 단독 문장에 마침표를 사용하지 않습니다.
- Labels
- Hover text
- Bulleted lists
- Dialog body text
단, 아래의 경우에는 온점을 사용합니다.
- 두 개 이상의 문장
- 링크가 담긴 문장 (링크가 단독으로 문장이 될 수는 없음)
더 긴 텍스트에서의 마침표 사용
문장이 길거나 복잡한 경우, 문맥에 더 어울린다면 마침표를 사용할 수 있습니다.
Do
편집을 실행 취소하시겠습니까?
편집을 실행 취소하면, 변경한 모든 내용이 이전 상태로 되돌아갑니다
단독 문장 뒤에 마침표를 생략합니다.
Don’t
편집을 실행 취소하시겠습니까?
변경한 모든 내용이 이전 상태로 되돌아갑니다.
단독 문장인 경우, 본문 뒤에 마침표를 붙이지 않습니다.
콘텐츠 구조
목적으로 시작하기
어떤 구절이 목적과 행동을 묘사할 때, 행동의 목적으로 문장을 시작합니다.
Do
이 앨범에서 제거하려면 사진을 휴지통으로 끌어다 놓으세요.
목적(“사진 제거하기”)으로 문장을 시작하고 사용자 작업(“휴지통에 끌어다 놓기”)으로 끝냅니다.
Don’t
사진을 휴지통에 끌어서 이 앨범에서 제거하세요.
목표(“사진 제거하기”) 전에 사용자가 수행하는 작업(“휴지통에 끌어다 놓기”)을 명시하지 않습니다.
필요한 디테일만 드러내기
정보를 점진적으로, 필요한 만큼만 공개합니다.
첫 번째 상호작용에서 모든 세부사항을 설명할 필요는 없습니다. 사용자가 추후 더 많은 정보가 필요할 때 정보를 확인할 수 있도록 하세요.
Do
다운로드한 책을 제거할까요?
Don’t
다운로드한 책을 제거할까요? 제거한 뒤에는 온라인 상태가 아니면 접속할 수 없습니다.
일관된 단어 사용하기
UI 기능 전반에 걸쳐 일관된 단어를 사용하세요.
Do
사진 삭제
페이지에서 사진을 삭제할까요?
UI에서 일관된 언어를 사용합니다.
Don’t
사진 삭제
페이지에서 사진을 제거할까요?
서로 다른 단어를 사용해서 동작을 설명하지 않습니다.
이름으로 지칭하기
이름(label)은 요소가 하는 일을 나타내며 버튼, 스위치, 텍스트처럼 컨트롤이나 컨트롤 근처에 나타납니다. UI 요소를 지칭할 때 종류를 설명하는 대신 이름을 직접적으로 사용하세요.
Do
계속하기를 클릭하시오.
UI 요소의 이름으로 지칭합니다.
Don’t
계속하기 버튼을 클릭하시오.
UI 요소의 종류와 이름 모두를 말하지 않습니다.
