🔥 스터디 참가 신청
home
🔥지금 바로 신청하기! 🔥
home

포켓CU 결제/적립 QR

유형
UX/UI리뷰
서비스
포켓CU
작성자
Pado
태그
편의점
결제
적립
UI개선
결제flow
QR코드
UX개선
포인트적립
Created time
2024/02/22 05:10
주차
2월2주차
서비스 명
포켓CU 결제/적립 QR
기타 소개
포켓CU는 편의점 CU의 공식 앱이다. 포켓CU의 주요 기능 중 하나인 결제/적립 페이지가 최근 어플 업데이트와 함께 UI개선이 되었는데, 이에 관해 다루고자 한다.
좋았던 점 (인상깊었던 점) & 이유
결제수단이 다양해지고 결제수단 변경이 쉬워졌다. 기존에는 결제 페이지에서 바로 사용할 수 있는 결제 수단이 1개였다. 결제 수단을 변경하려면 다른 페이지로 넘어가야 했는데, 리뉴얼 이후 단순히 캐러셀을 넘김으로써 결제수단을 변경할 수 있어 접근이 쉬워졌다.
아쉬웠던 부분 & 이유
1. 결제 수단의 순서가 고정되어 있어서 구성상 끝쪽에 위치한 결제수단을 이용하려면 여러 번 항목을 넘겨야 한다. 보통 결제 직전에 (카운터를 향하면서) 앱을 들어가 QR을 보여주는데, 이 부분에서 시간이 소요되서 아쉬웠다.
2. 결제 수단 중 ‘결제 수단 사용하지 않음’ 항목이 처음 이용하는 사용자에게는 낯설게 느껴질 수 있을 것 같다.
3. 결제 수단 캐러셀에 손이 잘 안 간다. 터치가 아닌 수평 스와이프를 거쳐야 한다는 점이 빠르게 결제를 하고자 하는 상황에 적합하지 않다고 보이기도 한다.
왜 이렇게 UX/UI를 설계한 것 같은지 의도 추론
1. CU머니와 CU간편결제 사용을 독려하기 위한 장치인 것 같다. 결제수단 캐러셀 내 카테고리화를 위해 ’결제수단 사용X - CU 시스템 이용 - 외부 간편결제 이용‘ 순으로 배치한 듯 하다. 기본 세팅으로는 좋은 순서라고 생각한다.
2. 사용자가 해당 캐러셀이 당연히 결제수단과 관련된 것임을 알고 '결제수단을 선택하고 싶지 않아서' 해당 항목을 고를 것이라고 예상한 것 같다.
3. 다양한 결제 수단을 제시하기 위해 캐러셀 형태를 사용한 것으로 보인다. 여유로운 온라인 결제와 다르게 오프라인 사용을 위한 QR이므로, 목록 형태와 같은 대안은 사용할 수 없었을 것이다. 캐러셀 내 이어지는 UI의 일부를 보임으로써 다른 선택지가 있음을 암시했고 캐러셀 사용시 익숙하게 사용되는 스와이프 형태를 채택한 것으로 추측한다.
아쉬웠던 부분에 대한 개선방안 & 이유
1. 결제 수단의 순서를 커스터마이징할 수 있는 설정이 추가되면 좋을 것 같다. 주로 이용하는 결제 수단을 한 쪽에 몰아넣을 수 있다면 사용자 편의성이 더욱 높아질 것이라 기대한다.
2. 결제 수단 사용하지 않음‘ 항목의 이름을 ’포인트만 적립‘으로 바꾼다면 더 직관적일 것 같다. 문장에 부정형을 넣지 않고 해당 항목의 기능을 표현함으로써 직관성을 높일 수 있을 것이다. 결제 수단을 선택하고 싶지 않아서 해당 항목을 선택하는 유저뿐 아니라 단순히 포인트 적립만 하고 싶어서 해당 항목을 찾는 유저들에게 유용할 것이라 기대한다.
3. 결제 수단 캐러셀의 수평 스와이프를 유지하면서, 양쪽에 터치 제스쳐로 이용 가능한 화살표를 추가하면 좋을 것 같다. 현재는 다른 선택 항목 UI (현재 선택한 결제 수단이 아닌 캐러셀 좌우에 보이는 이어지는 UI)를 선택하면 반응이 없거나 해당 결제수단 추가 페이지가 나온다. 이어지는 UI가 공통적으로 반응하지 않도록 하고 해당 위치 위에 화살표를 추가한다면 좋을 것 같다.