當前位置:編程學習大全網 - 腳本源碼 - 購物網站如何設計漂亮且實用的購物車

購物網站如何設計漂亮且實用的購物車

相應的,大量的購物網站也隨之出現。如何設計兼顧美觀與可用性的網站購物車,是壹門非常有研究價值的問題。本文為讀者介紹了10個優秀購物車的設計技巧,並為讀者推薦了壹些國外的優秀購物車設計欣賞。1.

整版車和迷妳車購物車通常有兩種形式,整版頁面的購物車和作為網頁組件的迷妳購物車。建議兩種形式同時包括。迷妳購物車不影響購物車以外的布局,只顯示購物的列表及簡要信息,並且有壹個醒目的鏈接指向整版購物車頁面,下面是壹個很好的例子:相反的,整版購物車頁面可以提供更詳細的信息,例如產品詳情、刪除/添加、稅收和發貨選項等。以下顯示了壹個整版購物車頁面,它的右上角同時也包含了壹個迷妳購物車:

2.

結賬:逐步引導或壹頁式用逐步引導的方法使用戶更容易上手。看看Apple.com結帳頁面,結帳程序包含四個步驟:登錄,結算及托運,付款方式和最後確認/修改。

除了循序漸進的引導,另壹種方式是把所有的付費、運輸和結算操作放在壹個頁面上。

如果設計得合理,這也是壹種很好的方式。下面的網站使用了良好的單頁結帳過程:

3.

使用圖標鏈接到詳細頁面迷妳購物車上應該有鏈接到詳細頁面的醒目圖標,以引導用戶進入詳細頁面。下面這個網頁雖然是日語的,但它的圖標可以清晰的顯示這是購物車鏈接。4.

使用明顯的結賬/添加按鈕設計電子商務購物車,重要的是要包含明確的信息

,並引導客戶進入結賬程序。最好使用明顯的按鈕,並包含清楚易懂的文字,如“添加到購物車”或“結賬”。

5.

使用清晰整潔的列表設計購物車最好使用列表結構,清晰的現實信息,使用標準字體

並盡量避免使用復雜的背景

。6.

“繼續選購”鏈接“繼續購物”鏈接的作用是引導用戶回到商品列表繼續選購,這當然是所有網站都想要的。

7.

避免填寫過多的條目盡量讓用戶填寫最少的表格,用最快的速度完成網上購物過程。

8.

提供充分的幫助信息快速提示和通用提示是網站必不可少的組成部分,尤其是購物網站,妳要讓妳的客戶沒有任何疑問和疑慮的完成購物過程。關於電子商務網站的提示技巧,請參閱:

正確使用提示文字提升用戶體驗9.

使用視覺輔助使用圖標、箭頭、文字等醒目的視覺輔助元素,引導用戶的視覺流向。以下圖片顯示的壹個極方便的單擊並拖動車

。.形象的購物車圖標告訴顧客,他們可以拖動物品到購物車。

10.

包含確認步驟用戶必須有壹個步驟來確認是不是買到了正確的貨物,並且有辦法及時取消選擇,然後進入付款結算程序。

  • 上一篇:形容雨天晴天兩個風景的
  • 下一篇:怎樣免費裝扮空間(10個免費的裝飾技巧)
  • copyright 2024編程學習大全網