콘텐츠로 이동

[UX 잎맥 ①] 작은 단어 하나가 만드는 큰 차이

잎사귀

코어디자인팀 / 작은 개선과 UX라이팅에 관심이 많은 디자이너

혜택 내역 숨기기? 보기?

케이뱅크에서 ‘입출금 리워드’나 ‘돈나무 키우기’ 보상 등의 현금 혜택을 받아 보신 적 있으신가요💰? 케이뱅크는 사용자들에게 더 많은 혜택을 드리기 위해 다양한 서비스를 제공하고 있습니다.

그런데, 저희의 열정과 의욕이 조금 과했던 걸까요…🔥?

어느 날, 고객의 이런 페인 포인트를 받았습니다.

입출금 통장에 자잘한 금액을 입금받은 내역이 너무 지저분해 보여요!😥

작은 액수의 포인트라도 돈을 받는 건 분명 즐거운 일이지만, 이로 인해 정작 중요한 거래 내역을 찾아보기 힘들어진다면 곤란하겠죠

그래서 작년 10, 케이뱅크는 혜택 내역 숨기기기능을 추가했습니다.

 

이 기능은 입출금 통장의관리메뉴에서 확인할 수 있는데요. 사용자가 원하는 혜택만 통장 내역에 표시하고, 보고 싶지 않은 혜택은 숨길 수 있는 기능이었습니다(만약 이 기능을 이미 알고 계신다면, 당신은 케이뱅크 우수 사용자!😍). 

‘혜택 내역 숨기기’가 ‘혜택 내역 보기/숨기기’로 달라진 이유’

이제 사용자분들이 자잘한 현금 혜택은 챙기면서, 불편 없이 통장 내역을 확인할 수 있겠지😆?라고 생각하고 있었는데, 기능 추가 후 얼마 지나지 않아 청천벽력 같은 피드백을 듣게 되었어요.

이 기능너무 헷갈려요😥

서비스를 구축하면서 계속 마주하고 있다 보니 너무나 당연하게 생각해서 저희가 간과한 부분이 있었던 거죠. 그것은 바로 서비스명이었습니다.

기능은 혜택 내역 숨기기인데, 토글은 OFF로 설정해야 숨겨질 수 있다는 게 한 번에 이해하기 어렵다는 의견이었습니다.

숨기기를 활성화하는 개념이라면 ON으로 해야 숨겨지는 게 아닌가요?🥺

라고 대다수의 사용자분들은 생각하셨던 거죠. 이 피드백이 너무도 타당했던지라 저희는 바로 개선에 돌입했습니다🛠

사용자의 혼동을 줄이는 서비스명을 찾아서!

개선 첫 단계에서는 아예보기’, ‘숨기기라는 글자가 각각 보이도록 UI를 뜯어고치는 방안을 생각했습니다. 여러 시도를 해 봤지만, 그 어떤 안도 토글을 사용하는 것만큼 간편하게 느껴지진 않더라고요😥.

 

게다가 UI를 바꿔버리면, ‘모두 숨김/모두 보기기능을 활용하기도 어려워서 고민이 깊었습니다. 해당 기능의 장점을 포기하며 개발자에게 수정 요청을 하는 것보다, 화면 내 라이팅만으로도 사용자의 혼동을 줄일 방안을 찾아보기로 했어요

그 결과, 해답은 의외로 간단했습니다🤦‍♀️.

l  첫 번째 스텝, 서비스명을 혜택 내역 숨기기에서 혜택 내역 보기/숨기기로 변경해서 의미 해석에 중립적인 느낌을 더했어요. 해당 기능은 단순히 숨기기뿐만 아니라 혜택을 다시 노출하거나 숨긴 내용만 따로 모아서 볼 수 있었기 때문에 숨기는 기능에만 워딩을 집중할 필요는 없다고 생각한 것이죠😉. 

l  두 번째 스텝, 토글로 조절되는 각 항목 옆에입출금 리워드 보기처럼보기라는 단어를 추가했습니다👁‍🗨. 이렇게 하면 ‘ON일 경우에는 보는 것, OFF일 경우에는 보지 않는 것이라는 의미가 좀 더 명확하게 전달될 수 있더라고요.

이 과정에서 입출금 리워드 숨기기처럼 단어를 숨기기로 쓰는 건 어떨까? 고민도 해봤는데요🤔. ON을 누르는 순간 숨기기 기능이 활성화되는 건데, 우리에게는 보통 OFF끄다, 숨기다는 의미로 자연스럽게 인식되어 있는 만큼, 또 다른 오해를 불러일으킬 가능성이 있어서 지금의 버전을 선택하게 되었답니다✔✔.

이쯤에서 잠시 혜택 내역 보기/숨기기 기능 사용법을 설명해 드릴게요😆. 이 기능은 숨김과 숨김 해제를 간편하게 토클로 설정할 수 있습니다. 토글을 OFF로 하면 보고 싶지 않은 내역은 바로 가려져서 통장 내역을 좀 더 깔끔하게 정리된 상태로 볼 수 있어요. 앱테크 전문가라면 이 기능을 꼭 활용해 보시길 추천해요.

혜택 내역 숨기기에서 혜택 내역 보기/숨기기로 서비스명이 변화한 에피소드! 어떠셨나요? 어쩌면 하나의 단어 추가에 불과한 일이라고 생각할 수도 있지만, 사실 정말 많은 논의와 시안을 거치고, 최소한의 변경으로 최대의 효과를 낼 방안을 고민하며 만든 산물이었답니다