본문으로 이동
가이드라인을 시스템으로 만드는 법
문서

가이드라인을 시스템으로 만드는 법

김자유 토스 · 토스 기술 블로그

원문 보기

AI 핵심 요약

에러 메시지 기준이 있어도 팀원들이 실제로 적용하지 않으면 일관된 사용자 경험으로 이어지지 않는다는 문제에서 출발했습니다. 토스 UX 라이팅 팀은 제품별 메시지를 직접 검토하고 개발자와 맥락을 확인하며 ‘다음 화면으로 안내한다’는 원칙 아래 문구를 다듬은 뒤, 반복되는 상황과 예외를 템플릿으로 정리했습니다. 이후 개발자가 코드에서 문구를 불러오는 에러 메시지 라이브러리와 디자이너가 프레이머에서 문구가 포함된 컴포넌트를 검색·삽입하는 프레이머링을 만들어 작성 과정을 작업 환경 안으로 가져왔습니다. 좋은 UX 라이팅은 기준을 만드는 데 그치지 않고, 팀원 누구나 쉽게 같은 기준을 적용하도록 문화와 도구를 함께 설계하는 데 있다는 점을 보여줍니다.

  • 기준을 문서로만 남기지 말고, 실제 제품의 문구를 함께 고치며 팀의 공감대를 만들어야 합니다.
  • 반복되는 오류 상황을 유형화하고, 예외 조건까지 포함한 템플릿을 마련하면 작성과 검토가 쉬워집니다.
  • 개발 환경에서 바로 불러올 수 있는 문구 라이브러리는 검색과 직군 간 커뮤니케이션의 부담을 줄입니다.
  • 디자인 툴에서 문구가 포함된 컴포넌트를 통째로 재사용하면 복사·붙여넣기 실수와 작업 단계를 줄일 수 있습니다.

소개

UX 라이팅은 한 명이 아닌, 팀원 모두가 잘 쓰는 게 중요해요. 이전까지는 세션이나 가이드라인 등의 방법으로 이 문제를 접근해왔지만, 토스는 조금 다르게 풀어봤어요. 시스템으로요.

비슷한 학습 자료

문서 강민우

'접근성은 어려운 것' 이라고 느끼는 분들을 위해 실무에서 바로 적용할 수 있는 접근성의 핵심 개념과 실수하기 쉬운 패턴을 알려주는 문서, A11y Fundamentals 을 소개합니다.

UI/UX

문서 유아란

토스 디자인 컨퍼런스 Simplicity가 돌아왔어요.

문서 김자유

오늘은 토스에서 UX Writing Team Leader로 근무하고 있는 김자유님의 인터뷰를 공유드려요. 자유님은 푸시 알림을 포함해 토스 앱 안에 보이는 모든 메시지의 보이스톤을 일관되게 통일하는 업무를 하고 있어요.

문서 김서연

토스팀에서 맥락도 도메인도 너무나 다양한 문제들을 마주하는 UX 리서치팀은 어떤 리서치 방법론을 사용하는지 소개해요.

UI/UX

문서 오천석

UX Writing Team이 ‘스스로 참여하고 싶은 프로그램 만들기’라는 모호한 문제에 접근한 방법을 소개해 드릴게요.

UI/UX

문서 김자유

좋은 에러 메시지란, 사용자가 다음 단계로 갈 수 있게 돕는 메시지예요. 사용자가 다음 단계로 가기 위해 필요한 내용은 어떤 것들이 있을까요? 토스는 6가지 에러 메시지 원칙을 생각하며 문구를 쓰고 있어요.

UI/UX