본문 바로가기
UX·UI/Daily UI

Daily UI 017 / Purchase Receipt 결제 내역

by 박해마 2024. 2. 15.

17번째 과제: Purchase Receipt 결제내역 UI

 

- 결제 내역에 필수로 들어가는 내용은 크게 4 섹션이다. 주문번호 / 구매 상품 / 결제 정보 / 배송지 정보

- 총 결제금액을 미괄식으로 보여주는 서비스: 배달의 민족, 에이블리

- 나는 한번도 사용해보지 못해서 몰랐는데, '주문내역 삭제' 기능이 있었다. 도대체 누가 이 기능을 사용할지 궁금하다.

- 무신사의 경우 할인율을 엄청나게 설정해두는데, 이로 인해 소비자가 이득보았다는 감정을 극대화하기 위해 할인금액에 컬러를 사용하여 강조한 것으로 보인다.

 

- 총 결제금액을 두괄식으로 보여주었다.

- 결제상세의 경우 총 결제금액을 드롭다운되기 전부터 보여주었다.

- 결제 직후 결제 내역 화면이 뜨는 경우, 드롭다운이 다 펼쳐져 있는 상태로 보여준다. 그 외의 경우에는 드롭다운을 접어두는 것으로 한다.

- 클릭을 유도하기 위해 배송조회, 구매 후기 쓰기는 메인 컬러로 강조해두었다.