프로젝트를 진행하면서 UI / UX 에 대한 고민을 하면서 UX Writing이라는 개념을 알게 되었다.

당시에는 핵심 키워드를 통해 적용하기에 급급했다면, 전반적인 개념과 흐름을 파악해 이후 개발에 적용할 수 있도록 정리해 보았다.

1. 개요

UI writing 이란 인터페이스 내에 자리해 사용자 경험에 영향을 주는 단어, 문장 등의 텍스트를 부르는 말

💡 어플리케이션 안에 들어가는 텍스트는 평균 36%

"소셜미디어"(Facebook, Instagram, Snapchat, TikTok, Twitter, YouTube) 26.4%  
"피트니스" (Fitbit, Strava) 35.3%  
"여행" (Airbnb, Ryanair) 35.5%  
"음악 및 오디오" (Apple Music, Spotify Stitcher) 36.3%  
"스트리밍 미디어"(Apple Music, Netflix, Prime Video, Spotify, YouTube) 38.8%  
"서비스" (Airbnb, Deliveroo, Uber) 40.5%  
"유통" (Amazon, eBay, Ticketmaster) 40.7%  
"개인 금융" (Paypal, Revolut) 41.0%  
"지도 및 운송" (Strava, Google Maps, Uber) 45.2%

그만큼 텍스트는 서비스와 사용자간의 인터랙션에 있어 중요한 요소이다.

텍스트는 사용자를 안내하는 정보 요소로 사용자의 앱 경험 전반에 존재한다.
만약 사용자 경험을 고려한 애플리케이션을 만들고자 한다면 당연히 UX Writing을 초기에 고려해야한다.

UX Writing을 잘 쓰기 위한 내용들을 정리해 보았다.

2. 대분류

이해가 쉽게(Micro copy)

사용자 관점에서 이해하기 쉽게 작성해야한다.
사용자의 합리적인 행동, 선택을 이끄는 텍스트 같은 주요 액션에 가까운 언어를 Micro copy 라고한다.
반대로 이해하기 어렵게 작성해 비즈니스에 득이 되는 방향으로 사용자의 선택을 유도하는 언어도 존재한다.
⛔ 다크 패턴(Dark-pattern) - UX Writing 이라기 보다는 Business Writing 이라고 볼 수 있다.
- 부정적으로 인식될 수 있는 모든 단어를 긍정적인 문구로 위장
- 부정적인 것을 피해 가기 위해 친숙한 제목 사용
- 본래의 목적을 숨기기 위한 비문 사용
- 재검토를 유도하는 버튼 텍스트
- 전문 용어 장벽

마이크로 카피를 쉽게 작성하는 방법

먼저 사용자의 시나리오와 여정을 자세히 파악한 뒤 서비스 플로우에 맞춰 어떤 정보를 제공해야하는지 확인한다.

라이팅은 사용자의 행동 전 동기 부여하고, 행동을 위한 지침을 전달하고, 이후 피드백을 제공해 혼란을 막는다.

각 라이팅의 목적별 UI 요소는 다음과 같다.

동기부여	행동을 위한 지침	피드백
타이틀	조작	확정 메세지
디스크립션	텍스트 필드	알립
레이블		에러
상호작용 텍스트		공백 상태
		전환텍스트

동기부여

콘텐츠의 맥락을 명확하게 제공
다음 단계를 명확하게 인지할 수 있도록 작성
동작 동사를 통해 혜택을 보여줘 얻게 될 가치에 초점을 맞추도록 작성
구체적으로 작성 (일이 아닌 가치로 느끼게끔)

행동을 위한 지침

사용자의 성공을 위해 짧고 명확하게, 경험의 맥락을 끊지 않고 전달
사용자의 주의를 경허보다 에러에 집중
해결방법 제시

피드백

사용자 이탈로 이어질 확률이 크다면 섬세한 라이팅이 필수
해결할 수 없는 상황이라면 다른 콘텐츠를 제공하거나 링크를 제공

일관된 보이스(Voice & Tone)

보이스는 아이덴티티, 정체성에 가깝고 톤은 애티튜드, 톤에 가깝다.

개인적으로는 경험해본 서비스 중에서 토스의 UX Writing을 가장 선호한다.

사용자 친화적인 자세를 라이팅을 통해 보여주고 있다고 생각하기 때문인데, 사용자가 이렇게 느낄 수 있도록
토스에서는 어떤 라이팅을 사용하는지 알아보았다.

토스에서 일관된 보이스를 만들기 위한 코어 밸류 5가지는 다음과 같다.

1. 명확한 Clear

한번에 이해할 수 있는 명확한 문장을 통해 사용자가 이해 할 수 있도록 한다.

2. 간결한 Concise

원하는 정보를 빠르게 스캔할 수 있도록 필요한 내용만 전달한다.

3. 친근한 Casual

딱딱한 뉘앙스를 쉽고 친절하게 변경해 친근한 서비스로 느낄 수 있도록 한다.

4. 존중하는 Respect

이익을 조금 포기하는 제스쳐를 통해 진실되고 사용자를 존중하는 커뮤니케이션을 한다.

5. 공감하는 Emotional

사용자가 느낄 감정에 공감하고 연결되어 있다는 느낌을 줄 수 있도록 한다.

이러한 코어밸류를 구현하기 위한 8가지 원칙은 다음과 같다.

1. 다음 화면을 예상할 수 있는 힌트가 있는가?

다음 화면을 예상하는 문장을 통해 사용자에게 과하지 않은 힌트를 주면 안정적으로 느낄 수 있다.

2. 의미 없는 단어를 모두 제거했는가?

사용자가 원하는 정보를 빠르게 습득할 수 있도록 간결하게 쓴다.
글자수를 줄이기 보다 단어와 문장을 제거한다.

3. 의미 없는 문장을 모두 제거했는가?

똑같은 말을 반복하거나 의미없는 설명을 제거한다.

4. 정말 중요한 메시지만 전달하고 있는가?

사용자에게 당장 필요하지 않은 정보를 전달하면 부담으로 다가올 수 있어 꼭 확인해야 하는 내용만 전달한다.

5. 이해하기 어려운 용어나 표현을 사용하지 않았는가?

한 문장 안에는 가능하면 하나의 메시지만 담고 전문 용어를 줄여 직관적이고 쉽게 표현한다.

6. 특정 행동을 강요하거나 공포감을 주고 있지는 않은가?

사용자를 우리가 원하는 방향으로 유도하는 것을 피한다.

7. 모두가 이해할 수 있고 모두에게 무해한가?

연령, 교육 수준, 종사 업계 등 다양한 차이에 따라 이해도가 드를 수 있는 용어를 지양한다.

8. 단순히 정보를전달하는 것을 넘어 사용자의 감정에 공감했는가?

명확한 정보 전달도 중요하지만 사용자의 마음과 감정을 생각한 문장으로 사용자와 유대감을 형성한다.

3. 세부 원칙

위에서 살펴본 대원칙과 토스의 코어 밸류, 원칙을 통해 세부적으로 구분해본다면 다음과 같이 설명할 수 있다.

텍스트 작업은 초기에 수행해라

UI 텍스트는 종종 디자인에 영향을 미치기 때문에 전체 프로세스의 초반에 수행해야한다.

간결하게 작성한다

의미를 잃지 않는 선에서 최대한 적은 수의 단어를 사용해 효율적으로 작성한다.

잘못된 단어는 지운다.
댓글 쓰기 전에 로그인 해야만 합니다. → 로그인해 댓글을 써보세요

긴 텍스트 블록을 피해라

사용자는 작업에 집중할 뿐 인터페이스에 몰입하지 않기 때문에 UI 텍스트를 읽지 않는다.
텍스트를 가능한 짧은 문장, 문단으로 나누고 가장 중요한 단어를 앞에 둬 훑을 수 있도록 한다.

짧게 쓰고 반으로 잘라라

이중 부정을 피해라

이중 부정은 메세지 해석을 오래 걸리게 만든다.

구독취소를 취소하기 → 구독하기

목표부터 시작하라

문장에 목표와 행동이 들어간다면 목표로 문장을 시작하고 행동으로 끝맺는다.

탭 해서 내용을 확인하세요 → 내용을 보려면 탭하세요

가능하다면 구체적인 동사를 사용해라

구체적 동사(연결, 저장)는 일반 동사(구성, 관리) 보다 사용자에게 더 의미있다.

계정 관리 → 개인 정보 수정

일관성 있게 써라

UI의 다른 파트에서 단어를 동의어로 바꿔쓰지말고 같은 표현을 쓴다.
또한 같은 문장에서 사용자를 2인칭과 1인칭으로 동시에 칭하지 않는다.

내 계정에서 사용자 환경설정 변경 → 사용자 계정에서 사용자 환경설정 변경
예약 관리, 부킹 관리 → 예약 관리

전문 용어를 피하라

기술적인 용어를 제하고 익숙하고 이해하기 쉬운 단어와 문장을 사용한다.

System error (code #2234) 유효하지 않은 사용자입니다. → 잘못된 비밀번호 입니다.

현재형으로 써라

행동을 미래형으로 쓰는 것을 피한다.

반영 될 것입니다. → 반영되었습니다.

능동형으로 써라

수동태는 사용자를 따분하게 만든다.

항목을 검색할 준비가 되면 검색버튼을 클릭하세요 → 클릭해서 문서를 검색하세요.

숫자를 사용하라

수를 표현하는 단어 대신 숫자를 사용한다.

두 개의 알림이 있습니다 → 2개의 알림이 있습니다.

모든 디테일을 앞으로 끄집어 내지 말아라

필요할 때만 세부 정보를 표현하고 디테일은 점진적 공개 메커니즘을 사용한다.

한번에 모든 것을 보여주지 않고 캐러셀 등 활용

인터랙티브한 요소를 적절하게 드러내라

기능을 명확히 전달하고 차별화하는 레이블을 사용해 특정 요소가 무엇을 하는지 한 눈에 알 수 있게 한다.
또한 레이블링 할 때 동사를 사용한다.

제출 → 보내기

유머를 사용할 때 주의하라

유머 또한 디자인 되어야 하고 번역에 유의한다.

특정 사용자만 이해할 수 있는 유머보다 정보 전달이 정확해야 한다.

이용자에게 플랫폼과 일치하는 언어를 사용해라

웹, 모바일 환경에 맞는 용어를 사용한다.

모바일: 클릭 → 탭, 터치

날짜 대신 오늘, 어제, 내일을 사용해라

날짜보다는 지칭하는 단어를 사용해 캘린더를 확인하지 않도록 한다.

2024.09.20 일정 → 오늘 일정

의사소통에 도움이 된다면 그래픽을 사용해라

어떤 맥락에서는 언어로 표현하는 것이 불가능한데 사용자에게 이미지가 도움이 될 수 있다.

모든 디테일을 다 보여줄 필요없듯이 별개의 세부정보를 구현하도록 한다.

출처

https://byeongjunkim.medium.com/번역-효과적인-ux-writing를-위한-16가지-규칙-be0fc6e253cb

https://tra.voyage/m/entry/UX-Writing-Q-UX-라이팅-어떻게-써야할까요-A-두가지로-요약해드립니다-❶편-이해하기-쉽게-쓰기

https://toss.tech/article/8-writing-principles-of-toss