#UX라이팅 [요즘IT] 마이크로카피 이야기: | 커리어리

#UX라이팅 [요즘IT] 마이크로카피 이야기: ①토스의 UX Writing -UX Writing이란? 1) 사용자 인터페이스에서 사용자가 취하는 행동에 직접 관련된 단어 또는 문구 2) 사용자 행동 이전의 동기 부여 3) 사용자 행동에 동반되는 지침 4) 사용자 행동 이후의 피드백 -UX Writing의 역할은? 1) 긍정적인 경험을 만들어 사용자를 사로잡는다 2) 사용성을 향상시킨다 3) 브랜딩과 차별화를 강화한다 -기존 금융 앱 vs 토스 UX Writing 1) 돈 받을 사람에 대한 정보 입력 KB스타뱅킹 '받는 분' vs. 토스 '어디로 돈을 보낼까요?' (지금 행동하고 있는) 보내는 사람 입장에서 문구 작성 단어보다 문장, 대화형 2)보낼 금액 입력 KB스타뱅킹 : '0원' 을 눌러 금액 입력 토스: '얼마나 보낼까요?' 라는 플레이스홀더 사용 *글에서는 KB스타뱅킹앱을 이용할 때 '처음에 이 화면에서 어디를 눌러야 할지 고민한 경험이 있어, 문구를 통해 보낼 금액을 입력해달라는 가이드가 있었으면 하는 아쉬움이 있습니다.' 라고 말했으나, 개인적인 경험으로는 토스의 '얼마나 보낼까요?' 와 '0원' 사이의 사용자 경험이 크게 차이날까 하는 의문이 든다. 둘의 텍스트 배치 구도가 유사하다는 점에서 더 그렇다. 3) 세부 정보 확인 KB스타뱅킹: '받는 분 통장 표시'와 '내 통장 표시' 란을 위아래로 나란히 배열 토스: '내 KB통장에서', '000계좌로', '10,000원을 보낼까요?'라는 문구 사용 화면 하단에 '받는 분에게 표시: 000' *확실히 토스를 볼 때 내용이 직관적으로 보인다. '~에서 ~로 ~원을 보낸다'라는, 흔히 사용하는 문장구조를 앱에 그대로 녹여낸 점이 인상깊다. 4) 이체 완료 KB스타뱅킹: '~님께 ~원 이체가 완료되었습니다.' 앱 하단에 받는 계좌, 출금 계좌, 출금 후 잔액 표시 토스: '~로 ~원을 보냈어요.' '메모 남기기' 버튼을 통해 내 통장(사용자가 보는)에서 표시할 내용을 남길 수 있음. *KB스타뱅킹에서는 '받는 분 통장 표시'와 '내 통장 표시'를 한 페이지에 보여줬고, 토스는 단계를 분리했다. 사용자가 혹시 모를 실수를 방지하기 위해 미간을 찌푸리고 둘을 구분해야 할 수고를 덜어준다. 5) 톤 앤 매너 KB스타뱅킹: 전통적인 금융 서비스로서 신뢰와 전문성 강조 토스: '금융이 쉬워진다'를 모토로, 일상적이고 쉽게 다가갈 수 있는 금융서비스를 제공하고자 함. -UX Writing의 중요성을 강조하는 토스 팀 문화 1) DRI 문화로 다양한 실험을 책임감 있게 진행하기 DRI: Directly Responsible Individual, 내가 맡은 일의 최종 의사결정권은 내게 있다. 2) TDS로 일관된 목소리 내기 TDS: Toss Design System 일관된 문체를 제공하기 위한 모듈 3) Writing Principle에 기반하여 핵심만 전달하기 User-side Info: 유저 입장에서 생각하며 정보 제공하기 Weed Cutting: 잡초 제거하기 (의미 없는 문장 제거) Easy to Speak: 쉬운 언어로 이야기하기 Keep Consistency: 일관성을 유지하기

마이크로카피 이야기: ①토스의 UX Writing | 요즘IT

Wishket

2022년 2월 3일 오전 10:08

댓글 0

주간 인기 TOP 10

지난주 커리어리에서 인기 있던 게시물이에요!

현직자들의 '진짜 인사이트'가 담긴 업계 주요 소식을 받아보세요.

커리어리 | 개발자를 위한 커리어 SNS