상세 컨텐츠

본문 제목

Daily UI #002 Credit Card Checkout

UIUX/D-100

by 가을이야 2023. 8. 6. 23:45

본문

반응형


Daily UI 

#002 Credit Card Checkout

 
요즘 잘 이용하고 있는 결제앱은 네이버페이와 페이북이다.
페이북에서 신용카드와 체크카드가 등록되어 있다. 이용하면서 편의를 느꼈던 부분은 쇼핑몰 결제창에서 신용카드를 선택하고 페이북 앱으로 전환돼서 다시 체크와 신용카드를 선택할 수 있다는 점이었다.
 
캐러셀 ui로 내가 등록한 카드와 페이북에서 쌓은 포인트 중 하나를 선택할 수 있고, 실물 카드 디자인이 작게 이미지로 표시되어 있어 인지하기 편했다. 반면 네이버 페이에서는 라디오 버튼으로 결제 수단을 선택할 수 있도록 디자인되어 있는데 계좌 간편 결제, 카드 간편 결제, Npay 머니 충전결제 텍스트가 세로로 나열되어 있는데 서로 간의 구분이 뚜렷하지 않아 처음에는 파악하기 쉽지 않았다. 
 
시각적인 이미지로 카드를 구분할 수 있도록 하고, 스크롤이 생기는 세로 정열보다는 캐러셀ui를 활용한 가로 정렬이 인지하고 선택하는 데 유용했다.
 
내 경험을 토대로 좋았던 ui로 디자인했다.

반응형

'UIUX > D-100' 카테고리의 다른 글

Daily UI #006 User Profile  (0) 2023.08.11
Daily UI #005 App icon  (0) 2023.08.10
Daily UI #004 Calculation  (0) 2023.08.08
Daily UI #003 Landing page  (0) 2023.08.08
Daily UI #001 Sign up  (0) 2023.08.05

관련글 더보기