카카오 뱅크와 기업은행 I-One뱅크의 비교

BLM NT님, 안녕하세요.

지난 번에 이어 이번에도 인사이트 넘치는 글 올려주셔서 너무 감사드립니다. BLM NT님 덕분에 저도 여러 시각에서 사례들을 볼 수 있어서 너무 좋습니다.

올려주신 사례들 모두 동의하며 몇가지 제 생각 추가로 코멘트합니다.

1. 직관성

I-ONE뱅크는 말씀하신대로 위계가 명확하게 고려가 되지 않은 듯한 느낌을 많이 받았습니다. 일반적으로 행동 유도를 위핸 메인 CTA(Call-To-Action)은 다른 요소에 비해 훨씬 두드러지게 만들어야 사용자가 여기서 이제 무엇을 해야 할지 명확하게 알 수 있어요. 그런 측면에서 I-ONE은 메인 CTA를 "이체"로 정의를 한 것 같은데 너무 많은 요소들이 두드러지고 있네요. 최하단의 계좌 정보부분을 이체 CTA와 같은 색을 사용한 것도 그렇고, 주황색을 사용한 것도 위계질서를 약하게 만드는 역할을 한 것 같아요.

그리고 가급적이면 화면상에서 클릭이나 누를 수 있는 요소들은 색을 사용하고 그렇지 않은 경우 검은색/회색 계열 텍스트를 사용하면 효과적일 수 있는데요. 해당 화면 상에서는 "나의 맞춤메뉴"를 주황색으로 사용한 것은 이해가 되지만, "환전지갑", "선물"도 주황색으로 사용한 것은 각각 누를 수 있는 링크라고 착각을 하게 만드는 것 같아요. 아니면, 이것들도 링크일까요? 링크라 한다면 차라리 문장 우측에 ">"를 없애주는 게 좋을 수도 있을 것 같네요. ">"는 보통 하나의 화면으로 가는 것이기 때문에 이거를 눌렀을 때 "환전지갑"에 대한 화면으로 이동을 할 것인지, "선물"에 대한 화면으로 이동할 것인지 명확하지가 않은 것 같아서요.

2. 친근한 단어선택

제가 일을 하면서 동료들에게 자주 들었던 문장이 있어요. "Context is the king"이라는 거였는데요. 맥락이 왕이다라고 번역을 할 수 있을 것 같은데, 사용자가 의미를 잘 이해할 수 있도록 배경을 잘 설명해주자는 거에요. 그런 점에서 카카오뱅크는 이를 잘 처리해주었네요. 굿굿!! 그리고 이 배경설명에 대해 옅은 회색/작은 텍스트 사이즈를 활용해서 메인 텍스트가 잘 돋보이게 해주고, 이 배경설명 텍스트들이 부담스럽지 않게 보인 점도 좋았던 것 같아요.

3. 쉬우 CTA

I-One은 이 화면은 비교적 CTA가 잘 보여지는 것 같네요. 다만, 계좌번호/연락처송금 탭에 대해서 선택된 탭이 CTA와 같은 색을 사용한 박스형태라 자칫 이것이 버튼이라고 오해를 할 수도 있을 것 같아요. 그리고 앞서 말씀하셨던 위계의 측면에서도 Main CTA를 두드러지게 하는게 중요하기 때문에 이 탭은 위계를 약하게 하는 부분이 있는 것 같습니다.

다시 한번 넘치는 인사이트 감사드립니다.