京東購物車和天貓購物車的設計思維思考

2021-08-15 12:21:17 字數 1622 閱讀 3150

**  

我們先來對比下這兩個功能。

| 場景

拋開電商,我們從日常生活考慮,立即購買的場景經常是使用者有目的性的去購買一件商品,使用者追求的是便捷、流暢的購買流程:查詢商品-選擇商品-下單-支付完成。

回到電商,立即購買功能將選擇商品和下單無縫連線起來,使用者不需要跳出當前頁面,只需要按照步驟操作即可,給使用者提供了便捷、流暢的購買體驗;另一方面是商家急著讓你買,所以在很多衝動消費場景下,商家會給特別的商品突出立即購買按鈕。

而加入購物車更像我們去逛超市,推著購物車慢慢選擇,然後一併買單,這個過程強調的是逛、理性消費。對電商來說,加入購物車還有以下幾個功能:

湊單:這應該是使用者加入購物車最大的目的,因為很多**都是滿多少免郵,或者在**的時候滿多少立減,這類**一般都會在購物車頁面醒目的提醒使用者有免郵、**等活動。

收藏:沒錯,丁叔的購物車就相當於收藏功能,即便**、京東都有收藏功能,但入口明顯不如購物車,試問除了收藏本店即可領取優惠這個場景有多少人會使用收藏功能來收藏商品呢?

對比:俗話說貨比三家,一方面將類似的商品加入購物車直接對比;另一方面在購物車頁面**都會提供「檢視類似商品」功能,貨比三家還是使用者很強的需求。

ps:還有乙個場景就是選好讓男票清空購物車,不要問丁叔怎麼知道的,**吃多了。

| 商品性質

從上面場景也可以對商品的性質判斷一二,對單價高的商品比如數碼產品等更適合立即購買的場景;對單價低的商品比如生活用品、食物等更適合加入購物車一併購買的場景。

| 目標使用者

從場景上出發,你的目標使用者是哪些人群,是容易衝動的年輕人還是成熟穩重的中、青年人;是理性消費的男性還是買買買的女性還是你要給女性打造乙個逛街的場景。這些都是你在做產品的時候應該考慮到的。

其實上面的分析已經可以很清晰回答這個問題,最大的區別是兩者的性質:**是 c2c 模式,京東是 b2c 模式。

**只是提供平台的作用,基本都是各個店鋪自行來管理庫存和發貨,並且使用者在此類電商平台上大多都是有針對性的要買某一件商品;另一方面是商家急著要你買,在同乙個平台裡,競爭太大,商家當然希望你直接下單,而且銷量直接影響它的排名,在這些背景下**優先「立即購買」就不難理解了。

但同時「加入購物車」也是必不可少的功能,丁叔在第一點就分析過加入購物車的幾個功能,只是**商家更希望使用者立即購買,所以優先順序在「立即購買」。

而京東以自營為主,強調的是「逛」,更像是乙個超市,你慢慢挑,把看上的商品都扔進購物車吧,到時候一併結算,至於你買的是什麼,對我來說沒差;而且京東現在的免郵門檻高了哦,你確定不多買一點省掉郵費?同理,天貓超市也只有「加入超市購物車」的功能。

回到標題,其實最大的原因在於兩者的性質決定了優先順序不同,但丁叔講這麼多是分析如何根據使用場景來決定「立即購買」和加入購物車」的優先順序,供想做電商的朋友了解。

京東購物車demo

html 部分 lang en charset utf 8 titletitle rel stylesheet href node modules bootstrap dist css bootstrap.css head class container class row class table ...

購物車設計

購物車設計 最近接觸了下購物車,發現購物車裡面的內容還是比較繁瑣的,乙個合理的設計實在是必不可少的,所以查了下資料,也結合自己的一些理解,小小總結了下 補充一點 好的資料庫表設計是任何實現的基礎 1.什麼是購物車?實物 去超市看看,簡單理解為能裝貨物的推車 購物籃 網際網路 虛擬購物車,存放虛擬貨品...

Android 實現仿京東購物車動畫

效果圖 關鍵 修改控制項id,可直接使用 private void addcartanimation override public void onanimationend animation animation 購物車控制項 開始乙個放大動畫 animation scaleanim animati...