콘텐츠 디자인 모범 사례

단어를 마지막에 붙이는 것이 아니라 디자인의 일부로 다루세요. UX 카피는 효과적이고 직관적이며 인간 중심적인 제품 경험에 기여할 수 있도록 사용자 정보와 맥락에 뿌리를 두어야 해요.

출처: Best Content Design Practices

본문

작성을 디자인 프로세스의 일부로 만들면 시작부터 디자인 이슈를 발견할 수도 있어요. 디자인이 단어로 설명하기 너무 어렵다면, 아직 개선이 필요할 수 있어요. 고해상도 목업을 만들 때쯤이면 이미 몇 차례의 콘텐츠 피드백을 거쳤고, 다듬는 데 집중할 수 있어요. 팀 간에 협력해 카피를 다듬고 목소리·톤 표준에 맞추세요.

이 가이드는 UX를 위해 작성할 때 따라야 할 모범 사례를 자세히 설명해요.

사용자를 알기

쓰기 전에 누구를 위해 쓰는지 이해하세요. 사용자의 요구와 경험을 알면 어떤 단어가 그들에게 공감될지 알 수 있어요.

사용자를 이해하려면 사용자 페르소나를 만들고(또는 팀이 이미 가진 것을 사용하고) 작업하면서 참조하세요. 팀이 사용자에 대한 정보를 수집하는 중이라면, 여러분이 참여할 수 있는 몇 가지 방법이 있어요:

인터뷰에 참석해 듣도록 요청하세요.
사용 중인 특정 단어, 참조되는 표준, 계속 나오는 개념에 관한 메모를 하세요.
인기 블로그·포럼·문서를 읽어 사용자의 도메인을 직접 조사하세요.

목표와 작업에 집중하기

사용자가 달성하려는 것(목표)과 거기에 도달하기 위해 취할 단계(작업)를 고려하세요. 전체 사용자 여정을 이해하면, 올바른 콘텐츠를 올바른 사용자에게 올바른 곳에서 올바른 때에 제공할 수 있어요.

각 작업을 대화로 구성하세요. 사용자와 한 방에 앉아 있다고 상상하고, 그들이 작업을 완료하도록 돕기 위해 나눌 수 있는 대화를 써보세요. 이 활동은 다음에 도움이 될 수 있어요:

자연스럽고 대화적으로 작성해 인터페이스에서 사용하는 콘텐츠를 알리고 개선할 수 있어요.
사용자가 도중에 가질 수 있는 질문을 예상할 수 있어요.
사용자로부터 수집해야 할 정보를 예상할 수 있어요.
지식이나 이해의 공백을 식별할 수 있어요.

맥락 이해하기

사용자는 많은 짐을 갖고 다니므로, 그들이 어디에서 왔는지—문자 그대로·개인적으로·감정적으로—알아야 해요.

문자 그대로: 만들고 있는 애플리케이션 또는 기능을 살펴보고, 사용자가 이 지점에 도달하기 위해 취할 수 있었던 잠재적 경로를 파악하세요. 그들은 Google 검색에서 왔나? 애플리케이션의 다른 페이지에서? 이메일에서?
- 그 맥락을 사용해 그들이 방향을 잡는 데 필요한 정보를 계획하세요. 이는 강력한 헤더와 약간의 소개 텍스트, 명확한 콜 투 액션, 브레드크럼 바, 또는 모두를 만들어야 한다는 뜻일 수 있어요.
개인적으로: 사용자가 개인적으로 어디에서 왔는지 고려하세요. 그들이 보길 기대하는 용어는 무엇인가? 주는 모든 정보에 익숙할까? 추가 정보나 문서 링크가 필요할 수도 있지 않을까?
- 그 맥락을 사용해 올바른 용어를 선택하고 콘텐츠를 우선순위화하세요.
감정적으로: 디자인하고 있는 상황에서 사용자가 어떻게 느낄 가능성이 있는지 고려하세요. 이 상황이 스트레스가 되나(청구서 납부)? 좌절스럽나(계정 생성 오류)?
- 공감하고 적절한 톤을 사용하세요.

사람처럼 말하기

전문 용어·비즈니스 용어·격식 있는 언어는 인간보다 브로슈어처럼 들리게 해요. 사용자는 신뢰하기 전에 브랜드에 공감하고 좋아해야 해요. 친숙하고 대화적인 단어로 사람처럼 그들과 대화하세요.

Before	After
Utilizing the open source phenomenon allows you to leverage collaborative communications.	Open source is great for collaboration.

명확하고 간결하게

닥터 수스(Dr. Seuss)가 가장 잘 말했어요: "필요한 것보다 더 많은 단어를 쓰는 작가는 읽는 독자에게 일을 만들게 한다." 평이한 언어를 사용하고, 필요 이상의 단어를 쓰지 마세요. 콘텐츠를 짧고 관련성 있는 섹션으로 나누고, 긴 문단이나 텍스트 줄을 피하세요.

Before	After
Make the decision to send a notification to your administrator.	Notify your administrator.

일관성 유지하기

전체 사용자 경험에 걸쳐 동작과 대상을 설명하는 데 같은 용어를 유지하세요. 의미가 같더라도 두 용어를 번갈아 쓰면 사용자를 혼란스럽게 할 수 있어요.

Before	After
Log in to your account only. Never sign in to your friend's account.	Log in to your account only. Never log in to your friend's account.

브랜드와 일치시키기

UX 카피가 브랜드 목소리(브랜드 목소리와 톤 가이드에서 설명한 대로)를 반영하는지 확인하세요. UX 카피는 단지 명확성을 더하고 인터페이스를 통해 사용자를 안내하기 위한 것만이 아니에요. 단어로 경험을 만들어 제품 상호작용이 인간적인 대화처럼 들리고, 느껴지고, 보이게 하는 것입니다.

혜택으로 시작하기

사용자는 왜 무언가를 해야 하는지 알고 싶어해요. 그것이 그들에게 무슨 의미가 있나? 사용자는 보통 문장의 시작에 집중하므로, 결과—즉 혜택—로 시작해 지시가 가치 있게 만드세요.

Before	After
Install this extension to learn more about email.	To learn more about email, install this extension.

긍정적이고 행동 지향적인 언어 사용하기

사용자가 작업을 완료하거나 목표에 도달하기 위해 해야 할 일에 집중하세요. 사용자가 원하는 것을 할 수 있다는 것을 보여주는 방향을 제시하세요.

Before	After
Your user settings do not allow you to access this file.	To access this file, adjust your user settings.

콘텐츠 디자인 모범 사례