kaki582的部落格

一般來說，當我們在商場網站購買商品時，我們會使用購物車。它的優點是可以批量採購商品，然後合併付款，非常方便；還可以先“存”好貨，後採購。你知道如何設計購物車網頁嗎？

動畫效果

我不知道您是否發現，當您成功地將商品添加到購物車時，通常的購物車只是更改圖標上的數位。有時，如果不是太明顯，我們甚至可能忘記購物車。如果我們用更搶眼的動畫效果來提示產品已經加入購物車，會不會給我們留下很深的印象？

當然，我們也要注意不要過度使用動畫效果，因為網頁中有一些動態效果可以吸引用戶，但過多的效果可能會分散用戶的注意力，甚至惹惱用戶。那會適得其反。

產品詳細資訊

購物車是引導用戶支付商品的最後一步，其重要性不言而喻，而更重要的是購物車

頁面應該提供非常清晰的產品細節。囙此我們認為在設計購物車網站時需要注意以下幾點：

1）縮略圖。縮略圖應該足够大。一個小小的縮略圖是不够的。有時用戶在購買過多產品後可能記不起產品的外觀。說到移動端，小縮略圖更難識別。

2）財產。包括產品尺寸、顏色、型號、品牌等重要細節。完整的内容描述更有利於用戶的購買體驗。這裡的購物車一定反映得更好。

3）數量和價格。毫無疑問，數量影響價格。囙此，數量和價格領域的設計必須更加突出，這需要我們的重視。

查看更新

當我們將產品添加到購物車時，購物車中的數量和價格將即時更新。這是一個不需要刷新頁面的更新，實際上是Ajax科技。Ajax科技可以在不重繪的情况下對web頁面進行更新，降低了web頁面的加載速度，但另一方面，它可能會使用戶忽略購物車中的東西。尤其是現在很多用戶用手機購買商品。

囙此，如果我們不小心重複向購物車添加產品，我們需要在此時檢查並更新購物車。換言之，當 居屋 印花稅 涉及到最終付款時，我們總是可以輕鬆地查看購物車中的商品，這是設計網頁時應該考慮的。

編輯和修改

允許用戶對購物車中的商品進行編輯，無論是縮略圖、内容還是數量，使用編輯功能應該非常方便。可編輯的產品應提供清晰的標籤或圖標，加號（+）或減號（-）是更多的符號。

也就是說，如果用戶發現購物車中選中的商品有誤，可以很容易地返回到商品詳情頁面修改商品詳情，也可以直接删除商品。設計中還應注意返回和删除按鈕。