내용으로 건너뛰기
UX Writing – 정의, 지침 및 모범 사례

UX Writing – 정의, 지침 및 모범 사례

UX Writing은 제품/웹사이트 디자인과 관련된 명확하고 이해하기 쉬운 사용자 중심의 UI 텍스트를 만들어 사용자가 쉽게 탐색하고 상호 작용할 수 있도록 하는 것입니다.

14min read

스타벅스에 들어가 주문한 음료를 사기 위해 5명의 다른 사람들 뒤에 줄을 서서 기다렸을 때 바리스타가 "그란데 레이트 with skimmed!"라고 외친다면 어떤 기분이 들까요? 당신은 궁금해 할 수 있습니다 : 이것은 당신의 음료입니까, 아니면 다른 사람의 음료입니까? 계속 진행하여 잡아야 합니까? 그리고 "클레어!"라는 말을 들으면 어떨까요? 당신의 이름입니다. 사용자와 커피 경험에 훨씬 더 좋습니다. 간결하고, 명확하고, 이해하기 쉽고, 정확하고, 메시지를 즉시 전달합니다. UX Writing을 다룰 때도 거의 동일합니다.

사본은 간결하고, 명확하고, 이해하기 쉽고, 정확하고, 특정 메시지를 즉시 전달해야 합니다. 그러나 UX 라이팅은 비교적 새롭습니다(카피라이팅, 특히 광고 카피라이팅과 달리 XV 세기와 바빌로니아 시대까지 거슬러 올라가는 카피라이팅은 1477년에 최초의 인쇄된 종이가 등장하고 기도서를 홍보했습니다). 따라서 UX 라이팅 분야는 여전히 확장되고 신비화되고 있지만 비즈니스, UI 및 UX 디자인, 영업에서 중요성이 커지고 있습니다.

이러한 이유로 이 글은 UX Writing을 설명하고, 좋은 UX 관행과 나쁜 UX 관행에 대한 지침을 제공하며, 가장 잘 작동하는 UX 작성 예제를 보여주는 목적을 가지고 있습니다.

UX 라이팅이란 무엇인가요?

UX Writing은 사용자가 제품/웹사이트와 상호 작용할 때 더 잘 탐색할 수 있도록 제품/웹사이트 디자인과 관련된 명확하고 이해하기 쉬운 사용자 중심 텍스트 또는 기타 매크로 및 마이크로카피를 만드는 기술입니다. CTA 버튼, 헤더, 오류 메시지, 페이지 하단의 바닥글, 툴팁, 양식 필드 레이블 및 목록, 챗봇, 팝업 메시지 및 컨트롤은 모두 소프트웨어 솔루션, 데스크톱 또는 모바일 애플리케이션, 웹 사이트 및 기타 디지털 제품의 디자인 내에서 사람들이 우연히 발견하는 UX 텍스트입니다.

UX Writing의 주요 목표는 다음과 같습니다.

  • 사용자의 여정을 지원하고 반영합니다.
  • 처음 사용하는 사용자가 계속 진행하거나 돌아가는 데 필요한 조치를 취할 수 있도록 가장 간단하고 유용한 방법으로 안내합니다.
  • 그들이 도착한 페이지에서 특정 작업을 완료하도록 도와주세요.
  • 신뢰와 신뢰를 구축하여 획득, 전환율 및 유지율을 높일 수 있습니다.

이를 달성하는 것은 그리 간단하지 않습니다. 좋은 UX 라이팅과 나쁜 UX 라이팅의 경계는 매우 희박합니다. 그리고 주의를 끌고 행동을 자극하는 방식으로 올바른 메시지를 표현하는 대신 잘못 배치되면 UX 텍스트가 사용자를 놀라게 할 수 있습니다.

Google I/O 2017의 "단어가 제품을 돋보이게 하는 방법" 토크에서 Google의 선임 UX 라이터인 Maggie Stanphill은 간단한 조정이 어떻게 긍정적인 변화로 이어지는지, 그리고 그들의 경우 참여율이 17% 증가하는지 보여주는 매우 훌륭한 UX 작성 예시를 제공합니다. 고객 여정을 분석한 결과, 연구팀은 Google의 호텔 검색 엔진을 사용하는 사람들이 CTA 버튼인 "객실 예약"에 도달했을 때 너무 긴박하게 들리기 때문에 약속을 할 가능성이 낮다는 것을 발견했습니다. 그런 다음 UX 팀은 변경 사항을 제안했고 사본을 "재고 확인"으로 전환하여 즉시 참여도를 높였습니다.

Google의 책 A Room CTA에 의한 UX 작성 예시
(이미지 출처: unxdesign 및 "UX 라이팅으로 더 나은 제품을 만드는 방법" 기사)

Stanphill은 다음과 같이 지적합니다.

"우리는 의사 결정 과정의 현 단계에서 너무 헌신적이라는 것을 발견했습니다. 그래서 우리는 그것을 재고 확인으로 전환했고, 이것이 사용자의 마음가짐에서 충족되고 있다는 것을 발견했습니다. 고객들은 여전히 객실을 고려하고 있었고 해당 날짜 범위의 예약 가능 날짜와 가격을 파악하고 싶어했습니다."

따라서 입력을 시작하기 전에 UX 라이터는 사용자 경험 디자인, 상호 작용 디자인, 제품 또는 서비스 작동 방식에 대한 지식이 있어야 합니다. 다음으로, 사용자를 조사하고, 사용자의 행동을 철저히 이해하고, 사용자의 언어를 구사할 수 있을 만큼 충분히 깊이 파고들고, 사용자 페르소나를 구축하기 위해 노력해야 합니다. 그런 다음 경쟁력 분석을 수행합니다. 유사한 비즈니스의 성공과 실패를 알아보세요. 이를 통해 가장 효율적인 방법으로 디지털 제품을 청중에게 전달하고, 사용 방법을 가르치고, 행동으로 안내하고, 미묘한 방식으로 헌신을 자극하고, 그들이 마침내 앱/웹사이트에서 하게 된 일을 할 수 있도록 매우 간단하고 직관적으로 만들 수 있습니다.

UX 라이팅과 카피라이팅: 차이점은 무엇입니까?

UX 라이팅과 카피라이팅은 공통의 목표와 관행을 공유하는 같은 것처럼 보일 수 있습니다. 그러나 UI 및 UX 디자인과 마찬가지로 구별됩니다.

카피라이팅은 새로운 고객에게 도달하는 동시에 비즈니스 및 제품 가치를 전달하는 것을 목표로 하는 모든 마케팅, 광고 또는 비즈니스 블로깅 자료가 될 수 있습니다. 카피라이터는 일반적으로 마케터, SEO 전문가, 연구원 등과 협력합니다. 카피라이팅의 유형은 다음과 같습니다.

  • 랜딩 페이지
  • 뉴스 레터
  • 백서
  • Product descriptions
  • Blog posts
  • Posts on social media
  • 인쇄 광고 및 기타 광고 자료
  • Slogans

반면 UX Writing은 사용자가 특정 작업을 더 쉽게 탐색하고 완료할 수 있도록 제품을 더 쉽게 만드는 디자인과 목표를 염두에 두고 완전히 사용자 중심적입니다. UX 라이터는 디자이너 및 개발자와 협업합니다. UX 라이팅의 유형은 다음과 같습니다.

  • 화면 또는 음성을 통해 전달되는 UI 메시지
  • UX marketing copy
  • UX 지원 카피
  • Interface copy
  • User guidance for proper and easier web/app use
  • Microcopy like 버튼, 컨트롤, 챗봇 팝업, 양식 필드
  • Macrocopy like error messages, instructions, headers

UX가 전체 디자인 프로세스의 일부가 되어야 하는 이유

디지털 제품 개발 분야에서 디자인이 발전함에 따라 모든 각도에서 디자인, 제품 및 비즈니스를 연구하는 다양한 전문가가 필요합니다. UX 라이터는 여전히 제품 및 디지털 디자인에서 기능적 개체로 부상하고 있으며, 아이디어 구상부터 배포에 이르기까지 모든 디자인 프로세스와 단계에서 잘 통합되어야 합니다. 이것이 왜 그렇게 중요할까요?

디자인의 적절한 위치에 올바른 메시지를 전달하는 간결하고 명확하며 이해하기 쉬우며 정확한 UX 라이팅을 제작하기 위해 UX 라이터는 UI 및 UX 라이터, 제품 관리자, 개발자 및 이해 관계자와 팀을 이루어야 합니다. UX 카피는 디자인이 완료된 후에 이루어진다는 것이 일반적인 가정입니다. 그러나 이것은 잘못된 것입니다. 사본은 디자인과 그 요소에 맞아야 하므로 두 프로세스가 교차해야 합니다. CTA 버튼에 대한 마이크로카피를 작성해야 하는데 모바일 장치에 표시될 때 텍스트의 길이가 디자인을 손상시키는 것으로 판명되었다고 상상해 보십시오. 텍스트와 버튼 디자인 및 배치를 만들기 전에 논의하여 나중에 수정하는 데 더 많은 비용이 들었을 때 발견되는 사용자 가치에 대한 반복과 타협을 피하는 것이 더 낫지 않을까요?

UX Writer와 개발자 간의 관계도 마찬가지입니다. 설계를 코드로 변환하기 전에 초기 단계에서 협업이 부족하면 일부 기술적 기능 장애가 발생할 수 있습니다. 줄 바꿈과 같은 간단한 작업으로 코드가 중단될 수 있습니다. 설계 구현 및 배포 전에 이에 대해 논의하고 테스트했다면 추가 수정에 드는 시간과 비용을 절약할 수 있었을 것입니다.

로렘 입숨을 파괴하기 위해. 의미 없는 Lorem Ipsum 텍스트 상자로 가득 찬 와이어프레임이 의미 있는 것으로 채워지기를 기다린다면 어떤 기분이 들까요? 확실히 당신이 제공하는 UX 텍스트가 이 빈 상자에 맞지 않을 가능성이 큽니다. 이 경우 반복이 불가피합니다. 당신은 텍스트를 다시 써야 하고 디자이너는 와이어프레임을 다시 디자인해야 합니다. 그런 다음 둘 다 테스트하고 변경 사항이 어떻게 나타나는지 확인해야 합니다. 이는 시간과 자원의 낭비입니다. 제시 데이(Jesse Day)는 'Lorem ipsum is a Crime '에서 "플레이스홀더 카피는 나중에 작가가 해결해 주기를 바라며 실제 문제 해결을 미룰 수 있는 버팀목"이라고 주장한다.

따라서 lorem Ipsum 텍스트의 사용은 효율성과는 거리가 멉니다. 그와는 반대로. 이는 비생산적이며 설계 프로세스에서 더 많은 병목 현상을 초래합니다.

그럼에도 불구하고 UX 라이팅의 중요성은 전반적인 디자인-컨텍스트-개발 공생을 훨씬 뛰어넘습니다. 좋은 UX 라이팅은 사용자를 떠나게 만드는 장애물과 디자인 콘텐츠 부족을 제거합니다. UX Writing은 앱이나 웹 사이트에서 사용 가능한 작업이 사용자에게 전달되는 방식에 중요하므로 UI와 상호 작용하면서 수행해야 하는 작업과 수행 방법을 알 수 있습니다.

좋은 UX 라이팅이 할 수 있는 일은 다음과 같습니다

그것은 디자인을 완성하고 제품을 사용 가능하고 즐겁게 만듭니다

모든 사용자 인터페이스는 안정적이고 기능적이어야 하지만 CTA 버튼, 태그 지정 가능한 메뉴, 채우기 양식 또는 쉽게 찾고, 읽고, 이해할 수 있는 기타 UX 텍스트도 수용할 수 있어야 합니다. 이렇게 하면 사용자는 지원 센터에 전화하여 추가 방향을 요청해야 하기 때문에 앱/웹사이트를 버리거나 프로세스 속도를 늦추는 대신 페이지에 남아 작업을 진행할 수 있습니다.

성공적인 조치에 대한 동기를 부여하고 확인합니다.

이에 대한 좋은 예는 Amazon이 제품 배송 및 UX 카피를 관리하여 잠재 구매자가 더 나은 정보를 얻는다고 느끼도록 하는 방법입니다.

Amazon의 헤드셋 배송 당일 ux 사본을 보여주는 이미지

온라인 쇼핑을 할 때 얻을 수 있는 최악의 사용자 경험 중 하나는 특정 구매가 언제 도착할지 알 수 없다는 것입니다. 아마존은 이것을 완벽하게 잘 이해하고 있습니다. 따라서 예상 배송 날짜에 대한 세부 정보를 제공하여 의사 결정 과정을 돕습니다. 위 그림의 UX 텍스트가 "Delivery 1 – 2 months"라고 되어 있다고 상상해 보십시오. 이런 식으로 제시되면 사용자에게 완전히 다른 메시지를 전달하고 나쁜 UX를 생성합니다. 사용자는 채우기 프로세스를 완료했는지 또는 진행 버튼을 클릭했는지 여전히 확신할 수 없습니다. 좋은 UX 라이팅은 특정 작업에 대한 일종의 피드백을 제공하는 것입니다. 예를 들어 작은 팝업에 표시되는 토스트 알림과 같습니다.

브랜드 보이스와 어조 및 사용자의 언어 사이의 균형

저는 개인적으로 MailChimp를 사용할 때 항상 즐깁니다. 그들은 재미있고 친근한 방식으로 정보를 전달합니다. 그러나 그들은 그것을 감당할 수 있습니다. 예를 들어, 임상시험을 다루는 헬스케어 산업의 글로벌 기업이 이런 유형의 목소리와 어조를 사용한다면 약간 어색하게 들릴 것입니다. 그것은 청중에게 반향을 일으키지 못할 것입니다. 브랜드를 파악하고, 사용자를 조사한 다음, UX 글쓰기를 제시하기 위한 완벽한 어조와 목소리의 조합을 찾는 것이 중요합니다. 사용자를 다시 교육하려고 하지 마세요. 당신이 애플이 아니라면, 다시 한 번 바퀴를 발명하는 것을 목표로합니다. 사용자(특히 청중)에게 익숙한 언어를 사용합니다. 그렇지 않으면, 그들은 그들이 알고 이해할 수 있는 것으로 도망칠 것이다.

Increases ROI

좋은 UX 라이팅은 ROI를 높이는 가장 좋은 방법 중 하나입니다. 메시지와 작업 경로가 명확할수록 사용자가 원하는 작업을 진행하고 작업을 더 쉽게 완료할 수 있습니다. 사용자가 단순히 배송료를 찾을 수 없거나 무엇을 입력해야 하는지 또는 특정 데이터를 입력해야 하는 이유를 이해할 수 없기 때문에 프로세스를 포기하는 것은 드문 일이 아닙니다. 이러한 의미에서 잘 작성되고 명확한 UX 메시지는 유지율 및 전환율 증가로 이어집니다. 이는 투자 수익률 통계를 개선하는 데 도움이 됩니다.

UX 텍스트 작성에 대한 팁: 좋은 점과 나쁜 점

UX 라이터로 전환하는 카피라이터이든 전문 UX 라이터이든 상관없이 이 팁이 도움이 될 것입니다.

Do’s:

  • 짧고 스캔 가능한 텍스트 블록을 사용하고 가장 중요한 텍스트를 미리 보관합니다.
  • 작업을 수행할 때 달성될 내용부터 시작 -> 양식 채우기를 진행하려면 다음을 클릭합니다.
  • UX 쓰기를 일관되게 유지하고 반복을 피하기 위해 동의어를 사용할 필요가 없습니다. 이것은 혼란을 야기할 것입니다.
  • 능동태로 작성하고 현재 시제를 사용합니다.
  • 단어 대신 숫자를 사용하여 공간을 절약하고 텍스트를 더 예리하게 만드십시오.
  • 버튼에 올바르게 레이블을 지정합니다.
  • 사용자의 언어와 회사의 목소리 및 어조 간의 균형을 유지합니다.
  • 사용성 테스트 및 사용자 테스트를 수행하여 작동하는 것과 그렇지 않은 것을 확인합니다(Indigo.Design와 같은 디지털 설계 및 개발 제품 가속기를 사용하여 자동화를 통해 수행할 수 있습니다.

하지 말아야 할 일:

  • UX microcopy 또는 macrocopy의 모든 곳에서 유머를 사용합니다. 이것은 부적절할 수 있으며 다른 문화권으로 번역하기 어려울 수도 있습니다.
  • 혼동을 일으킬 수 있는 모호한 메시지: "오류가 발생했습니다". 흠, 무슨 오류입니까? 어디?
  • 날짜를 나타냅니다. 이렇게 하면 프로세스 속도가 느려지고 사용자에게 일정을 확인하도록 요청합니다. 대신 가능하면 "어제", "오늘" 또는 "내일"이라고 쓰십시오.
  • 인터랙티브 요소를 과도하게 사용하는 것. 이로 인해 사용자의 주요 목표에서 주의가 산만해지고 이탈률이 증가할 수도 있습니다.

판도를 바꾸는 UX 라이팅의 예

By Infragistics

몇 년 전, UX 팀은 Ignite UI for jQuery 프레임워크를 사용하는 개발자에게 표시되지 않는 불명확하고 일관성이 없으며 결코 솔루션 지향적이지 않은 오류 메시지를 발견했습니다. 이 문제를 완화하기 위해 UX 관리자인 Stefan Ivanov는 두 문장 구조에 따라 간단한 템플릿을 만들었습니다. 따라서 각 오류 메시지는 먼저 문제를 식별한 다음 솔루션을 제안해야 했습니다. 이러한 변경 후의 예는 "데이터 원본 유형을 확인할 수 없습니다. JSON 또는 XML 데이터인지 지정하십시오." 이러한 오류는 개발자 콘솔에 표시되기 때문에 CTA 버튼 레이블 정도의 간결함에 대해 이야기할 수 없습니다. 그럼에도 불구하고 메시지는 메시지의 명확성을 크게 개선하지 않고 잠재적으로 들어갈 수 있는 내용을 제거합니다. 한편으로는 "죄송합니다, 인식할 수 없는 데이터"보다 훨씬 좋게 들립니다. 다른 한편으로는 "데이터 소스 유형을 지정하십시오"보다 더 구체적이고 솔루션 중심적입니다.

인기 있는 웹사이트 및 기업별

PayPal은 초정밀 힌트를 사용하여 잠재적인 문제를 해결하고 사용자가 전체 양식을 탐색할 수 있도록 도와줍니다.

양식 힌트를 채우기 위해 PayPal에서 ux 사본을 사용하는 것을 보여주는 이미지

Mailchimp는 명확하고 정확하며 직접적이고 건방진 카피와 현실적인 목소리를 가지고 있습니다.

Mailchimp ux 작성 예제 이미지

금융 관련 앱인 Kraken은 눈에 잘 띄는 UX 작성을 통해 대상 그룹에게 브랜드 아이덴티티와 비전을 전달하고 개성과 완벽하게 일치합니다.

Kraken의 ux 작성 예제를 묘사한 이미지

Amazon과 유사하게 UX Writing을 사용하여 사람들에게 정보를 제공하고 구매를 유도하는 방법을 알고 있는 Ebay. 예상 배송 날짜에 대한 명확성과 세부 정보를 제공함으로써 고객은 멋진 제품을 받고 있다는 것을 알 수 있을 뿐만 아니라 언제 받게 되는지도 알 수 있습니다.

Ebay'a가 배송 날짜 세부 정보에 ux 사본을 사용하는 것을 보여주는 이미지

UX 라이팅 Indigo.Design 어떤 이점이 있을까요?

물론 좋은 UX 카피와 나쁜 UX 카피의 다른 예는 많이 있으며, 더 많이 보고 더 철저히 탐구할수록 이 새로운 분야는 더 흥미로워집니다. 단순히 CTA 버튼에 "이 제품 구매"를 표시하는 것이 아니라는 것을 깨닫기 시작합니다. 또는 "죄송합니다, 무슨 일이 일어났습니다!" 오류 메시지로. UI 및 UX 노하우, 사용자 중심 분석, 창의성 및 유연한 글쓰기 기술을 결합하여 앱, 웹사이트 및 기타 디지털 제품에서 정확한 UX 메시지를 제공할 수 있도록 하는 것입니다.

약간 어렵거나 시간이 많이 걸리는 것처럼 들릴 수 있습니다. 그러나 Indigo.Design와 같은 최신 디자인 가속기를 사용하면 UX 작성 프로세스를 간소화할 수 있습니다. 디지털 제품 디자인 플랫폼이 UX 라이터로서 어떤 이점을 얻을 수 있는지 소개합니다.

  • 프로토타이핑 및 와이어프레임–Indigo.Design는 Sketch, Adobe XD(및 Figma 곧 출시 예정)와 같은 가장 인기 있는 벡터 그래픽 도구와 호환되므로 프로토타입 또는 와이어프레임을 가지고 놀고 UX 사본 조정을 디자인 파일에 빠르게 푸시하는 데 도움이 될 수 있습니다. UX macrocopy 또는 microcopy가 어떻게 맞는지 확인하기 위해 쉽게 재정렬할 수 있는 클릭 가능한 요소도 있습니다.
  • 실시간 분석을 통한 원격 및 중재되지 않은 사용자 테스트– 디자인 가속기를 사용하면 사용자 및 사용성 테스트, 화면 녹화를 수행하고 설문 조사 결과를 수집할 수 있습니다. 이렇게 하면 대상 고객이 UX 콘텐츠와 어떻게 상호 작용하는지 포괄적으로 파악하고 어떤 유형의 메시지가 가장 잘 반향을 일으키는지에 대한 데이터 기반 결정을 내릴 수 있습니다.
  • 개념 증명 및 협업 -이제 Indigo.Design POC에 대한 공동 편집, 프레젠테이션 및 이해 관계자의 피드백을 받을 수 있으므로 시간과 리소스를 절약하는 동시에 관련된 모든 사람에게 안전한 작업 공간을 제공할 수 있습니다.
  • 유연성 및 일관성– 이 도구는 일관성을 유지하면서 쉽게 편집할 수 있는 UX 카피를 만드는 데도 도움이 됩니다. 다른 섹션 또는 페이지의 UX 텍스트에서 동일한 변경을 여러 번 수행하는 대신 아티팩트를 쉽게 재사용할 수 있는 유연성을 얻을 수 있습니다.
UX
데모 요청