tft每日頭條

 > 汽車

 > 購物車的實現方法

購物車的實現方法

汽車 更新时间:2024-12-04 23:33:17

最近做了一款電商的産品,其中包含購物車的功能設計,從前我覺得購物車是一個電商的基礎模塊,每家電商都有且都長得差不多。這次過程中,我發現它功能非常強大,涵蓋了許多燒腦的子功能,且不同的平台交互上差異蠻大的,值得品一品。我結合淘寶、京東、嚴選、考拉、有品、蘇甯主流平台的購物車功能,來做一下分析。

購物車的實現方法(不同平台的購物車設計)1

進去前的判斷

大部分電商,購物車一般在遊客模式就可以看到,也有一些電商需要登錄後才能看到(淘寶)。從體驗來講肯定前者更好,從轉化角度将後者更好,這個要看平台的定位了,就不分析了,直接進入正題。

1. 單個編輯、批量編輯商品

加入購物車的商品,編輯功能主要包含三個子功能,分别是批量删除、移入收藏及更換商品規格,這些基礎功能都大同小異。不同平台在功能上的交互有好有壞,例如:規格編輯這個功能,我發現大部分電商在編輯狀态下,才可以更換。

淘寶現在支持在非編輯狀态也可更換規格,個人覺得這樣設計很棒。最近大火的有品和考拉比較有意思,他們編輯狀态不支持更換規格,不懂為何這樣設計(我猜是想把平台做的盡量簡潔,舍掉了一些功能),總有買東西糾結顔色的時候的,不支持購物車進行更換的話,很不方便,畢竟用戶也習慣了購物車是可以更改商品規格的。

購物車的實現方法(不同平台的購物車設計)2

京東有個很驚喜的設計,在編輯狀态下,支持商品更換優惠活動。随着活動的增多,商品同時參加多個活動的情況很可能發生的,湊單的時候,由用戶來決定想參加哪個活動,湊單體驗更好,這樣設計功能方便後期活動功能的延展,靈活度更大。

購物車的實現方法(不同平台的購物車設計)3

2. 批量結算

最基礎的功能之一,就不多談了,這裡要注意結算時不同店鋪訂單的拆單問題。

3. 優惠券領取

優惠券領取功能,主要是判斷購物車商品是否有可使用的優惠券,若有則在購物車中展示,讓用戶再購物車界面領取。

一般有兩種方式:

  • 一種類似嚴選,“領券”按鈕放在了購物車頂部,點擊後顯示所有商品的可領券,每張券可向下展開包含的商品,大部分自營的店鋪采用這種方式;
  • 另一種類似淘寶,以店鋪的維度來,顯示每家店鋪的可領優惠券,大部分支持第三方入駐的電商采用這種方式,優惠券的權限是下放到每個店鋪的。

購物車的實現方法(不同平台的購物車設計)4

4. 活動湊單

購物車商品若有參加滿減滿折等活動,會直接提示用戶活動信息及目前的狀态(滿減還差***元),并跳轉到活動商品列表進行優惠湊單。值得一說的是,跳轉的湊單列表,有些商城是不能篩選的,像小米有品;有些商城像嚴選,支持在湊單頁進行商品篩選或搜索。

有篩選功能體驗更加好,例如:在滿199-100,還差20元去湊單的時候,就想找個價格在20左右的商品,如果不能篩選,就要不停地往下刷,體驗很差,也許操作就這樣中斷了。

購物車的實現方法(不同平台的購物車設計)5

蘇甯易購我感覺湊單用起來是最爽的。除了活動的湊單,在購物車頁面,還有優惠券湊單的功能。實時告知用戶優惠券湊單是否達到,還差多少元,及時反饋,湊起單體驗太棒了。

相比較,其他很多電商,都需要跳轉到下一步訂單結算頁,才會告知能否使用優惠券,用戶用優惠券的湊單就需要心算了,若發現想用的券沒湊夠,就要退到上一步,甚至到個人中心的優惠券列表,去看可用商品列表湊優惠。

購物車的實現方法(不同平台的購物車設計)6

5. 商品排序

用戶跳轉到購物車,購物車會自動進行排序,把最近添加到購物車的商品選中,并排列到購物車最上方。其餘商品屬于同一個店鋪的會歸類打包到一起,變成一個整體,并按照最新最前的邏輯排列。

當不同店鋪的商品,同時參加同一個滿減活動,那購物車排序應該怎麼排?

同一個活動的商品,為了方便用戶湊單,肯定要把他們放到一起,但他們可能屬于不同的店鋪,購物車還有該店鋪的其他商品,那麼上面的排序邏輯就要優化,湊單的優先級高于普通排序。京東和蘇甯都是這樣處理的。

購物車的實現方法(不同平台的購物車設計)7

此外,還要注意編輯對排序的影響,商品的增删及優惠活動的變化,購物車排序也會相應變化。

6. 降價提醒

人性化的功能,我們購物車往往會放很多想買的商品,價格是影響購買關鍵因素,當發現心儀的産品有優惠折扣,那就是下手了時候了,這個功能幫我們記錄降了多少錢。

7. 庫存緊張提醒

庫存較少時,會有失效提醒,給用戶一種“再不買就沒有啦”“這個商品非常熱銷,不下手就快沒機會”的感覺,催促用戶下單。結合降價提醒、失效提醒,把購物車的心理暗示做到了極緻了。

8. 失效提醒

商品缺貨或下架後,會變成失效狀态,用戶可以選擇一鍵清除或全部加到購物車。另外天貓和京東會有個很人性化的設計,它找相似按鈕從隐蔽的長按才會顯示,變成很明顯的位置顯示,抓住了用戶在想買的商品失效後,想在其他店鋪再找到同款商品的心理。

9. 找相似

顧名思義的功能,通過該功能,找到整個平台相似的産品,來進一步選擇性價比及需求滿足度最高的産品。我經常在使用淘寶的該功能,發現還不是很智能,出來的商品差異有點大,所以我蠻少用的,而且用的時候一般是商家用的原圖,自己拍的商品很難找到。

例如:我找相似一隻紅色的方形軟皮大包,出來的前幾張可能是賣同一款杯子的商品,接着匹配的有藍色的包,圓形的包,一些小包,感覺他們不相似。這一塊技術實現和用戶心得的把握,還不是很匹配。

10. 地址管理

在購物車定位用戶所配送的地址,也支持用戶手動切換地址。一般有自營業務的,會分不同倉庫配送,需要這個功能,小的電商一般沒有。根據用戶所在地,實時顯示商品是否售賣及該商品倉庫的庫存,所以我們會看到的有些商品有的地區有貨有的地區沒貨。這樣能最大程度的節省物流成本,針對不同區域,個性化安排每個倉庫商品的庫存。

購物車的實現方法(不同平台的購物車設計)8

11. 個性化推薦

購物車下方,會根據用戶已經看浏覽的商品及購買的記錄等數據,算法推薦一些用戶可能感興趣的商品,具體算法要看平台的定位了。平時我也經常網上購物,作為一名用戶,有一點很讨厭,就是已經買過的商品,也會在推薦裡重複出現,我感覺已經買過的,可以從算法裡面剔除掉。我感覺京東已經考慮到這一塊了,淘寶還有待優化。

購物車的實現方法(不同平台的購物車設計)9

12. 清理工具

根據用戶加入購物車的時間及商品的狀态(失效、缺貨等)來排列商品,用戶可以删除或加入購物車,比較人性化的功能,幫助用戶發現需求,感覺很少有人記得哪個商品時什麼時候加的了。

主流平台都有該功能,兩個新勢力小米有品和網易嚴選沒有,蠻有意思的。位置還是蠻隐蔽的,在編輯狀态裡,要不是分析購物車我都不知道有這個功能,可能也是考慮到盡量不想讓用戶删除購物車的商品。

購物車的實現方法(不同平台的購物車設計)10

最後的話

這是一個智慧的功能,是很多電商經過多年實踐,結合許多産品經理的思考打磨出來的,燒腦且有趣。

以上是我個人的一些分析,可能會有主觀意識的幹擾或功能上的遺漏,歡迎大家留言探讨。另外我會再寫一遍關于我設計的購物車的經過,針對我們現有的平台,對功能設計的思考與取舍,感興趣的人關注我吧,感恩。

作者: 季月, 季月

本文由 @ 季月 原創發布于人人都是産品經理。未經許可,禁止轉載

題圖來自Unsplash,基于CC0協議

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关汽車资讯推荐

热门汽車资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved