쇼핑 사이트에서 예쁘고 실용적인 카트를 디자인하는 방법

이에 따라 많은 쇼핑 사이트도 등장한다. 미관과 가용성을 겸비한 웹 장바구니를 디자인하는 방법은 매우 연구 가치가 있는 문제이다. 이 글은 독자에게 10 개의 우수한 장바구니의 디자인 기교를 소개하고, 독자에게 외국의 우수한 장바구니 디자인 감상을 추천했다. 1.

전체 카트와 미니 카트는 일반적으로 전체 페이지 카트와 웹 페이지 구성 요소인 미니 카트의 두 가지 형태로 제공됩니다. 두 가지 형식을 모두 포함하는 것이 좋습니다. 미니 카트는 카트 외부의 레이아웃에 영향을 주지 않고 쇼핑 목록과 간단한 정보만 표시하며 전체 카트 페이지를 가리키는 눈에 띄는 링크가 있습니다. 반면 전체 카트 페이지는 제품 상세 정보, 삭제/추가, 세금, 배송 옵션 등 보다 자세한 정보를 제공합니다. 다음은 오른쪽 위 모서리에 미니 카트가 포함된 전체 카트 페이지입니다.

2.

체크아웃: 단계별 부팅 또는 단계별 안내로 간편하게 시작할 수 있습니다. Apple.com 체크아웃 페이지를 보십시오. 체크아웃 절차는 등록, 결제 및 위탁, 결제 방법 및 최종 확인/수정의 네 단계로 구성됩니다.

단계별 안내 외에도 모든 유료, 운송 및 결제 작업을 한 페이지에 두는 방법도 있습니다.

설계가 합리적이라면 좋은 방법이기도 합니다. 다음 웹 사이트에서는 좋은 단일 페이지 체크아웃 프로세스를 사용합니다.

3.

아이콘을 사용하여 세부 정보 페이지로 연결 미니 카트에는 세부 정보 페이지로 연결되는 눈에 띄는 아이콘이 있어야 합니다. 아래 이 페이지는 일본어로 되어 있지만, 그 아이콘은 장바구니 링크라는 것을 분명히 알 수 있습니다. 4.

명확한 정보

를 포함하고 고객을 체크아웃 프로그램으로 안내하는 것이 중요한 명백한 체크아웃/추가 버튼을 사용하여 전자 상거래 카트를 디자인합니다. "장바구니에 추가" 또는 "체크아웃" 과 같이 명확하고 이해하기 쉬운 텍스트가 포함된 명백한 버튼을 사용하는 것이 좋습니다.

5.

깨끗하고 깔끔한 목록으로 카트를 디자인하려면 목록 구조, 명확한 현실 정보, 표준 글꼴 사용

, 복잡한 배경 사용 최소화

6.

"계속 구매" 링크 "계속 쇼핑" 링크의 역할은 사용자가 상품 목록으로 돌아가 구매를 계속할 수 있도록 안내하는 것입니다. 물론 모든 웹 사이트에서 원하는 것입니다.

7.

너무 많은 항목을 채우지 말고 최대한 적은 양식을 작성하게 하고 가장 빠른 속도로 온라인 쇼핑 프로세스를 완료합니다.

8.

전자 상거래 웹 사이트에 대한 힌트 팁은

프롬프트된 문자를 올바르게 사용하여 사용자 경험 향상 9.

시각적 보조 사용 아이콘, 화살표, 문자 등 눈에 띄는 시각적 보조 요소를 사용하여 사용자의 시각적 흐름을 안내합니다. 다음 그림은 매우 편리한 클릭 및 드래그 차량

을 보여줍니다. . 이미지적인 장바구니 아이콘은 고객에게 물건을 장바구니로 끌 수 있다는 것을 알려준다.

10.

확인 단계 포함 사용자는 올바른 상품을 구입했는지 확인하는 단계가 있어야 하며, 제때에 선택을 취소하고 지급 결제 프로그램으로 들어갈 수 있는 방법이 있어야 합니다.