잎사귀
코어디자인팀 / 작은 개선과 UX라이팅에 관심이 많은 디자이너
혜택 내역 숨기기? 보기?
케이뱅크에서 입출금리워드나 돈나무 키우기 보상 등 현금 혜택을 받아 본 적이 있나요? 케이뱅크의 다양한 서비스들이 사용자들께 많은 혜택을 드리려고 노력하고 있는데요,
의욕이 과하다 보니 입출금통장에 자잘하게 돈 받은 내역이 지저분하게 쌓인다는 페인 포인트가 발견되었어요.
돈을 받으니 즐거운 부작용이긴 하지만… 정작 중요한 내 거래 내역을 찾기 힘들다면 곤란하겠죠?
그래서 작년 10월, [혜택 내역 숨기기] 기능이 추가되었답니다.
내 입출금통장의 ‘관리’ 메뉴에서 접근할 수 있는데요,
이 기능을 활용하면 내가 원하는 혜택만 통장 내역에서 표시하고, 보고 싶지 않은 혜택은 숨길 수 있어요.
이미 알고 있던 분은 케이뱅크 우수 사용자 인정!
그런데 이 [혜택 내역 숨기기] 가 지난달에 [혜택 내역 보기/숨기기] 로 메뉴명이 슬쩍 변경된 것도 알고 계셨나요?
기능 사용법을 살펴볼까요? 숨김과 숨김해제는 토글로 간편하게 설정할 수 있어요.
토글을 OFF 로 두면 내 통장 내역에서 원하지 않는 내역이 바로 가려지니 이제 아무런 불편 없이 통장을 깔끔하게 쓸 수 있겠지?
라고 생각하며 서비스를 출시했죠.
그런데, 출시 후 얼마 되지 않고부터 “이 기능…. 너무 헷갈려요.” 라는 의견이 들리기 시작했어요.
계속 서비스를 들여다보다가 오히려 당연하게 생각해서 간과한 부분이 있었던 거예요.
서비스명이 [혜택 내역 숨기기]인데, 토글은 OFF로 해야 숨겨지는 게 어렵다는 내용이었어요.
숨기기를 활성화하는 개념이라면 ON으로 해야 숨겨지는 게 아닌가? 라고 생각하는 의견도 너무나도 타당했던지라,
바로 개선에 돌입했어요.
처음에는 아예 ‘보기’, ‘숨기기’라는 글자가 각각 보이도록 UI를 뜯어고치는 방안을 생각했어요.
여러 가지를 시도해 보았지만, 어떤 안도 토글 방식만큼 간편하지 않아서 고민이 되었어요.
게다가 UI를 바꾸면 모두 숨김/모두 보기 기능을 활용하기도 어려웠죠.
기능을 희생하고 개발자에게 수정을 요청하는 것보다는 화면 내 Writing만으로 혼동을 없앨 수 있는 방법을 찾아보기로 했어요.
사실 해답은 간단했어요.
우선 서비스명을 ‘혜택 내역 보기/숨기기’로 변경해서 더 중립적인 느낌을 주었어요.
해당 메뉴에서 숨기는 기능뿐만 아니라 혜택을 다시 노출시키거나 숨긴 내용들을 모아 볼 수도 있어서 숨기는 쪽에만 집중할 필요는 없다고 생각했어요.
또, 토글로 조절되는 각각의 항목 옆에 ‘입출금리워드 보기’처럼 ‘보기’라는 단어를 각각 추가했어요. 이렇게 하면 ON일 경우에 보는 것, OFF일 경우에 보지 않는 것이라는 인지가 명확히 되죠.
‘입출금리워드 숨기기’처럼 ‘숨기기’로 쓰는 방향도 고민했으나 이 경우 반대로 ON 이 숨기는 기능이 되는데
[OFF = 끄다 = 숨기다] 로 인지가 연결되는 게 더 자연스러워서 지금 버전이 되었어요.
이렇게 단순해 보이는 하나의 단어 변경이지만,
실은 많은 시안을 거쳐 최소한의 변경으로 최대 효과를 어떻게 낼 수 있을지 고민한 산물이랍니다.
앱테크 전문가라면 이 기능, 꼭 활용해 보세요!✨


전기통신 금융사기, 어디까지 알고 계세요?
[UX 잎맥 ①] 작은 단어 하나가 만드는 큰 차이
회식문화 고찰; 고기라고 다 고기서 고기인가?