brunch

You can make anything
by writing

C.S.Lewis

by Maudie Apr 21. 2023

UX 라이팅 공부할 때 좋았던 사이트 공유해요

쓸모 있는 정보

모아두기만 하고, 까맣게 잊고 지내다가 결정적 순간에 늘 도움을 받네요.

오픈된 공간에 공유하면, 더 쓸모 있을 것 같아 소개합니다.




WWIT-윗

모바일 디자인 패턴을 수집하기 위해 만든 이유진 님의 아카이빙 웹사이트입니다.


카테고리와 패턴별로 분류되어 있어 한눈에 보기 좋아요.

└카테고리: 라이프스타일/금융/커머스/부동산/배달/엔터테인먼트/모빌리티

└패턴별: 스플래쉬/로그인/회원가입/온보딩/홈/검색/알림/선택/장바구니/주문·결제/리뷰/비밀번호/마이페이지/설정

개인 작업물 같은데 콘텐츠가 많지는 않지만, 실무에서 자료조사 할 때 참고하면 좋습니다. 보는 재미도 있고요. UI 패턴별로 보면 구성이나 워딩 등 공부에 도움이 됩니다.


WWIT-윗 홈화면




Mobbin

WWIT-윗을 만드는 데 영감을 받은 사이트입니다. 레퍼런스가 어마어마합니다.


지금은 이보다 더 많아졌겠죠


iOS, Android, 웹 버전으로도 볼 수 있고 산업군, 컴포넌트 등 다양한 필터를 적용해서 볼 수 있습니다.

플로우를 한눈에 볼 수 있어 좋고, 번역을 하면서 한국식으로 변주를 넣어보는 맛도 있어 꽤 흥미롭습니다.


모빈 홈화면


심지어 플로우마다 클릭하면, 각각의 정보도 제공합니다.

▼ 아래 이미지 오른쪽 항목을 보세요. 운영체제/패턴/UI컴포넌트/업데이트 날짜까지 보는 것 자체가 공부입니다. 가끔 컴포넌트 이름 몰라서 '그거/저거/있잖아, 왜 그거/그때 그거'로 말하는 건 너무 없어 보이잖아요. 이런 정보 자주 들여다보면 입에도 붙고, 아는 사람이란 이미지도 줄 수 있습니다. :)


이미지마다 클릭하면 확대/정보/복사까지 가능




쿠팡X원티드 시리즈: 콘텐츠 전략가

쿠팡이랑 원티드가 함께 만든 콘텐츠입니다. UX 라이팅 개념과 업무를 가장 쉽게 설명해 주는 글입니다.

최신 아티클은 아니지만, 아는 만큼 행간과 행간 사이에 담긴 의미가 보입니다.

저는 예~전에 읽고 지나쳤던 기억이 있는데 최근에 다시 읽으니 새로우면서도 무릎을 탁! 치게 만드는 요소가 군데군데 있더라고요.





브랜드 저널리즘 성공 케이스: 토스피드

네, 최근 포브스 선정 최고의 한국 1위 은행 토스의 브랜디드 콘텐츠입니다. 브랜드 저널리즘의 대표적인 성공사례로 소개되는 사이트죠.

개인적으로 CX(Customer Experience)에 관심이 많은데 단순히 UX 라이팅 범주에 갇히기보다는 CX 관점에서 라이팅 영역을 넓게 바라볼 수 있는 가장 좋은 예라고 생각합니다.

토스라는 하나의 브랜드를 중심으로 고객과의 다양한 접점에서 어떤 콘텐츠를 어떻게 발산하는지 라이팅 관점에서 보면 인터페이스 밖의 세상이 보입니다.


토스피드 홈화면



애플 Developer

애플 개발자 홈페이지에 소개된 UX 라이팅 관련 영상입니다. 애플의 UX Writer 두 분이 직접 이야기하는데, 친절하게도 한국자막이 나옵니다. 스크립트까지 제공

영상제목은 Writing for interfaces입니다. 애플 워치에 보이는 라이팅까지 얘기해 줍니다. 러닝타임도 그리 길지 않습니다.



https://developer.apple.com/videos/play/wwdc2022/10037/?time=691




MATERIAL DESIGN: UI 컴포넌트 활용

UI 컴포넌트 활용 개념을 다잡을 수 있는 사이트입니다. 응, 이런 게 있구나-하고 쓱 넘어갈 수도 있지만, 자세히 들여다보면 UX 라이팅 할 때 어떤 컴포넌트를 왜 써야 하는지 근거를 제시해 주기 때문에 꽤 공부가 됩니다. 콘텐츠 유형별(또는 UX 라이팅 패턴)로 이런 게 있으니 이럴 땐 이렇게 써라-까지만 생각했다면, 여기서 한 단계 더 나아갈 수 있는 자료입니다.

일반적인 UX 라이팅 가이드는 매번 '거기까지'만 제공돼서 그다음이 궁금하기도 했거든요.

기초가 되는 자료로 공부하고, 그 바탕 위에 자기만의(또는 자기 회사만의) 논리를 만들어가도 좋다고 생각합니다. 그러다 보면, 어느 맥락에서 어떤 UI에 어떤 위계로 라이팅 하면 좋을지에 대한 자기 논리가 모양을 갖춰나갈 테죠.


Confirmation & acknowledgement 관련 내용 중 발췌





어릴 때, 만화책도 정독해서 읽는 탓에 둘째가라면 서러운 슬로 리더였는데 UX 라이터가 되고부터는 어떤 글이든 더 '정독'하는 버릇이 생겼습니다. 그냥 쓱 보면 안 되겠더라고요.

일장일단이 있지만 일단 '장점'이 더 큽니다. 앞에 정보 또한 '정독'용 콘텐츠입니다.


리스트업 했으니 저도 두고두고 보면서 계속 공부하려고요. 모두 파이팅입니다!

매거진의 이전글 UX Writer 포트폴리오, 만들기 전에 보세요
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari