카피라이팅
카피라이팅 (Copywriting)
인터페이스에서는 대화를 통해 사용자와 공감해야 해요. 정확하고 명확한 단어는 이해하기 쉽고, 적절한 톤은 신뢰감을 쉽게 만들어요. 그래서 인터페이스 디자인에서 카피를 진지하게 다뤄야 해요.
출처: 문서
본문
인터페이스에서는 대화를 통해 사용자와 공감해야 해요. 정확하고 명확한 단어는 이해하기 쉽고, 적절한 톤은 신뢰감을 쉽게 만들어요. 따라서 인터페이스 디자인에서는 카피라이팅을 진지하게 받아들여야 해요. 카피를 사용하고 작성할 때 주의할 점이 몇 가지 있어요:
- 사용자의 관점에서 고려하기
- 일관되게 표현하기
- 중요한 정보를 두드러진 위치에 배치하기
- 전문적이고 정확하며 완전하게
- 간결하고 친근하며 긍정적으로
언어 (Language)
인터페이스에서 카피라이팅은 사용자와 소통하는 기초예요. 따라서 단어의 표현을 신중히 숙고하고 설계해야 해요. 명확하고 정확하며 간결한 카피라이팅으로 사용자 경험을 더 친근하게 만들 수 있어요.
표현의 입각점 (Articulate foothold)
콘텐츠를 표현할 때 초점은 사용자에 있어야 해요 — 그들이 여러분의 제품으로 무엇을 할 수 있나요? 여러분과 제품이 그들을 위해 무엇을 하고 있는지가 아니라요. 콘텐츠 표현의 입각점은 매우 중요해요. 사용자 중심 디자인이므로 카피라이팅도 가능한 한 사용자 중심이어야 해요.
참고: 사용자가 시스템에 문제, 제안, 불만을 보고할 때는 "we"로 소통해요. 예를 들어 "We will consider your complaint."처럼요.
간결한 표현 (Concise statement)
쓸모없는 단어를 생략하고, 사용자가 이미 아는 사실을 반복하지 마세요. 대부분의 상황에서 인터페이스가 모든 세부를 설명할 필요는 없어요. 짧고 접근하기 쉬운 콘텐츠를 제공해 보세요.
사용자에게 익숙한 단어 사용하기
간단하고 직접적이며 이해하기 쉬운 단어를 사용해요. 간접적이거나 애매하고, 난해하며 지나치게 "세련된" 카피라이팅은 사용자의 인지 부하를 늘려요.
일관되게 표현하기 (Express consistently)
- 같은 것을 설명할 때 일관된 단어를 사용해요;
- 문맥의 일관된 문법, 언어, 단어 순서를 사용해요;
- 일관된 작업 이름과 페이지 제목을 사용해요.
중요한 정보를 두드러진 위치에 배치하기
사용자가 가장 중요한 콘텐츠를 첫눈에 보게 해요.
참고: 보안 문제를 고려할 때 개인 정보는 "클릭 후 보이기"로 조정할 수 있어요.
완전하고 직접적으로 표현하기 (Express completely and directly)
사용자가 어떤 행동을 하길 원할 때는 사용자가 무엇을 얻을 수 있고 어떤 느낌을 받을지에 집중해야 해요. 행동의 목적이나 중요성을 알려주면 사용자가 더 기꺼이 수행하게 돼요.
오류 보고는 UI의 흔한 기능이자 사용자 경험의 중요한 부분이에요. 사용자가 잘못된 내용을 입력했을 때 오류 메시지는 사용자의 인지와 일치하고, 이해하기 쉬운 방식으로 표현돼야 해요.
단어를 정확하고 완전하게 사용하기 (Use words precisely and completely)
일반적인 기본 단어를 규범적으로 사용해요. 철자를 바르게 쓰고, 완전하게 표현해요. 전문 용어는 업계 표준에 따라 정확해야 해요. 시간 표현은 분명해야 해요.
톤 (Tone)
언어는 콘텐츠를 정의하고, 감정과 분위기는 톤에서 더 많이 표현돼요. 같은 콘텐츠도 서로 다른 사용자에게 다른 톤으로 표현될 수 있어요. 예를 들어 전문 운영자와 신규 사용자에게는 다른 카피라이팅을 써야 해요.
서로 가까워지기 (Bring each other closer)
같은 문구에서 "my"와 "your"로 사용자를 지칭하지 마세요.
참고: 사용자를 혼란스럽게 하지 않으려면 같은 문장에서 1인칭("I", "me", "my")과 2인칭("you", "your")을 섞지 마세요.
친근하고 존중하기 (Be friendly and respectful)
사용자에게 지지와 격려를 주지, 명령이나 압박을 주지 마세요. 사용자를 유지하고 싶다면 문제가 생겼을 때 그들을 탓하지 마세요. 비난이 아니라 해결에 집중해요.
너무 극단적이지 않기 (Do not be too extreme)
사용자를 불편하게 만드는 지나치게 절대적인 표현을 쓰지 마세요.
대문자와 구두점 (Capitalization and punctuation)
대문자와 소문자 (Uppercase and lowercase)
제품의 전체 이름을 쓸 때는 각 단어의 첫 글자를 대문자로 해요. ESC, SLB처럼 제품 이름의 약어는 대문자로 써요.
사람들은 소문자로 쓰인 단어를 읽는 데 훨씬 익숙해요. 그게 우리 뇌가 스캔하고 즉시 흡수하기 가장 쉬운 형태거든요. 단어나 문구 전체를 대문자로 쓰는 건 피해 주세요.
올바른 대소문자를 사용해요.
헤드라인, 제목, 레이블, 메뉴 항목, 버튼 등에서는 문장형 대문자(sentence case)를 사용해요.
아라비아 숫자 (Arabic numbers)
사용자는 숫자를 더 빨리 인지해요. 숫자는 단어보다 정보를 더 효과적으로 전달해요.
불필요한 구두점 생략하기 (Omit unnecessary punctuation)
사용자가 텍스트를 더 효율적으로 훑도록 불필요한 마침표를 생략할 수 있어요. 다음 요소가 단독으로 나올 때는 구두점이 필요 없어요:
- 레이블 (Label)
- 제목 (Title)
- 입력 상자 아래 팁 (Tips under the input box)
- tooltip 컴포넌트의 텍스트 (Text in tooltip component)
- 테이블 안의 문장 (Sentences in the table)
다음 요소는 따로 나올 때 구두점이 필요해요:
- 여러 문장 또는 문단 (Multiple sentences or paragraphs)
- 링크 앞의 모든 문장 (Any sentence before a link)
느낌표 조심해서 사용하기 (Use exclamation marks with caution)
느낌표는 톤이 지나치게 흥분된 것처럼 보이게 하고, 분위기를 쉽게 지나치게 긴장시킬 수 있어요.
참고: 사용자에게 인사나 축하를 표현할 때는 "!"를 쓰는 게 합리적이에요. 예를 들어 "Welcome back to the community!"처럼요.