웹 디자인 : 좋은 쇼핑 카트의 기본 - 인형

비디오: The Mobile Web: State of the Union - Google I/O 2016 2025

전자 상거래 웹 사이트의 핵심 쇼핑 카트 - 사용자가 구매하고자하는 세트 아이템 저장소 항목 모음입니다. 종종 장바구니는 일반적으로 빠른 집계표라고하는 실행 집계를 유지하는 웹 사이트의 머리글에있는 작은 영역이거나 사용자가 체크 아웃을 진행하기 전에 항목을보고 검토 할 수있는 전용 페이지입니다.

판매를 극대화하려면 기존의 사용자 인터페이스 규칙을 따르는 것이 가장 좋습니다.

빠른보기 장바구니 디자인

"장바구니"가 충분하지 않다는 웹 사이트의 머리글에있는 작은 링크 (오른쪽 위가 대회 임). 장바구니에있는 항목 수를 표시하는 것이 가장 좋습니다. 작은 가방 디자인이나 아이콘을 포함하는 것과 같은 시각적 처리는 사용자가 장바구니를 찾고 항목을 구입할 수있게 도와 주며 이미 물품을 몇 개 보관했는지 확인하는 데 도움이됩니다. 사용자가 빠른보기 카트를 클릭하면 일반적으로 작은 창이 열리고 항목 요약이 표시됩니다 (따라서 "빠른보기"라는 이름). 사용자는 창 외부를 클릭하여 창을 닫고 쇼핑을 계속하거나 체크 아웃 버튼을 클릭하여 구매를 계속할 수 있습니다. 종종 빠른보기 창에는 고객 서비스 링크, 전화 번호 및 허용 된 지불 유형 아이콘과 같은 유용한 추가 요소가 있습니다. 한 가지 더 좋은 방법은 마우스 포인터를 머리글의 빠른보기 카트 위로 돌리는 것에 대한 응답으로 총 금액을 사용자에게 제공하는 것입니다.

신용: © LUSH 북미 Lush 사이트의 오른쪽 상단에있는 것과 같은 빠른보기 카트는 사용자가 클릭 할 때 열리는 작은 미리보기 창에서 이름을 가져옵니다.

신용: © LUSH 북미 무성한 빠른보기 카트 디자인은 사용자가 마우스 포인터를 롤오버했을 때 총 비용을 표시합니다.

쇼핑 카트 페이지 디자인

사용자가 빠른보기 카트에서 링크를 클릭하여 체크 아웃 할 준비가되면 다음 페이지가 전용 쇼핑 카트 페이지입니다. 이 페이지는 현재 카트에있는 모든 요소의 요약을 보여줍니다. 가장 좋은 방법은 모든 항목을 시각적으로 표시하는 것입니다 (이미지를 클릭 할 수 있어야하고 사용자가 해당 세부 정보 페이지로 돌아 가야 함). 그리고 사용자에게 수량을 편집하거나 항목을 제거 할 수있는 옵션을 제공하십시오. 포함 할 또 다른 유용한 요소는 소계 옆에 배송 계산기입니다.배송비는 사용자에게 큰 장벽이됩니다. 배송 비용이 얼마인지에 놀라기 때문입니다. 그 과정에서 조기에 예상치를 제시하는 것이 가장 좋습니다. 많은 소매상들이이 장벽을 통해 쇼핑객을 끌어들이는 데 도움이되는 배송에 대한 인센티브를 제공합니다.

또한 프로모션을 제공하는 경우 장바구니 페이지를 통해 사용자는 얼마만큼의 할인 혜택을 볼 수 있는지 알 수 있습니다. 배송 계산기와 함께 소계 옆에 프로모션 입력란을 제공하면 사용자는 지불해야하는 실제 비용을 알 수 있습니다.

다른 결제 옵션을 제공하는 것이 결제 프로세스를 통해 사용자를 도울 수있는 또 다른 좋은 방법입니다. 많은 회사가 신용 카드 이외에 PayPal로 결제 할 수 있습니다. 목표는 사용자에게 많은 총비용 정보를 제공하고 결제 유연성을 보여줌으로써 결제를 쉽게 수행 할 수 있도록하는 것입니다.

Checkout 버튼을 클릭하여 구매를 진행하면 많은 전자 상거래 회사가 다음과 같은 두 가지 경로를 제공합니다. 손님으로 로그인하거나 로그인하여 등록 된 것으로 진행할 수 있습니다. 진행하기 전에 로그인한다는 아이디어는 웹 사이트가 정보 필드 (이름, 주소 등)를 파일로 저장하여보다 빠른 프로세스로 계산할 수 있다는 것입니다.

피고용인이 피하기를 원하는 것은

사용자가 체크 아웃을 진행하기 전에 등록해야한다는 것입니다. 그것은 고객을 잃을 수있는 확실한 방법입니다. 항상 손님 체크 아웃 옵션을 제공하십시오. 체크 아웃하는 동안, 당신은 어쨌든이 사용자들을 등록하는 데 필요한 대부분의 데이터를 포착하게됩니다. 그래서 등록이 목표라면, 체크 아웃이 끝날 때 암호를 추가 할 수있는 옵션을 사람들에게 줄 수 있습니다. 사용자.