關于電商類型APP開發的(de)幾個(gè)關鍵點

電商類型的(de)APP已經很常見了(le)，但是如果設計不當，細節考慮不全，也(yě)會導緻很多(duō)功能或體驗上的(de)問題。下(xià)面我們從商城(chéng)首頁、商品詳情+購(gòu)物(wù)車管理(lǐ)、訂單管理(lǐ)等幾個(gè)方面，全面介紹電商類APP的(de)設計關鍵點。

 

電商類APP開發的(de)功能設計較難的(de)部分(fēn)是後台，用(yòng)戶使用(yòng)的(de)客戶端會有推薦或千人(rén)千面的(de)展示，這(zhè)些還(hái)是依賴後台算(suàn)法等。APP端的(de)功能設計到後面基本沒什(shén)麽大(dà)的(de)改動，最多(duō)的(de)是後端需要配合各種活動去設計，功能及其複雜(zá)。另外就是商品庫存管理(lǐ)系統和(hé)物(wù)流訂單管理(lǐ)系統，這(zhè)裏會涉及到商品出入庫和(hé)商品退單的(de)核銷在裏面，相對(duì)比較複雜(zá)。

 

商城(chéng)首頁在規劃的(de)時(shí)候需要結合自己的(de)SKU數量，如果數量不夠那麽做(zuò)搜索是沒有必要的(de)，做(zuò)分(fēn)類也(yě)要想好是否真的(de)需要，道長(cháng)碰見過商城(chéng)第一版本運營和(hé)客服部門就提出一定要搜索，不然用(yòng)戶想去搜索自己想要的(de)商品怎麽辦，分(fēn)類一定要，擔心用(yòng)戶搞不清楚哪個(gè)商品是屬于哪個(gè)分(fēn)類。

 

搜索是高(gāo)級功能，随著(zhe)産品版本叠代、品類豐富度夠高(gāo)、用(yòng)戶目标足夠明(míng)确的(de)時(shí)候才會用(yòng)到；

分(fēn)類也(yě)是一種導航，目的(de)是提高(gāo)查找商品的(de)效率，但帶來(lái)便利的(de)同時(shí)也(yě)增加了(le)使用(yòng)成本，慎重增加。

 

商品詳情頁結構相對(duì)簡單，第一部分(fēn)是頂部的(de)頭圖區(qū)域展示商品的(de)大(dà)圖，支持多(duō)張圖片來(lái)回切換，也(yě)可(kě)以在這(zhè)裏放短視頻(pín)，和(hé)圖片配合著(zhe)使用(yòng)。頭圖下(xià)方的(de)商品基本信息是一個(gè)單獨區(qū)域。

 

第二部分(fēn)是商品詳細信息，這(zhè)部分(fēn)會包含很長(cháng)的(de)圖文信息，這(zhè)裏産品經理(lǐ)可(kě)以規劃出來(lái)有這(zhè)麽個(gè)區(qū)域就好了(le)，實現方式上采用(yòng)H5，告訴開發的(de)同學這(zhè)裏是個(gè)富文本區(qū)域，運營在填寫的(de)時(shí)候可(kě)以填寫他(tā)們需要的(de)内容。

 

第三部分(fēn)是最底部常駐操作面闆，會有跳轉到購(gòu)物(wù)車的(de)入口、加入購(gòu)物(wù)車和(hé)立即購(gòu)買兩個(gè)按鈕，點擊後會跳出截圖裏編号2的(de)原型，用(yòng)戶需要确認商品信息和(hé)數量，才會進入到下(xià)一步。

 

購(gòu)物(wù)車頁面有兩個(gè)場(chǎng)景要照(zhào)顧到：

場(chǎng)景一：用(yòng)戶新打開APP，進入該頁面時(shí)可(kě)以先請求數據，沒有庫存的(de)商品就直接從列表删除；

場(chǎng)景二：用(yòng)戶在APP其他(tā)頁面點擊進入購(gòu)物(wù)車頁面時(shí)，商品狀态可(kě)以在點擊“結算(suàn)“按鈕時(shí)再做(zuò)一次檢測，如果商品庫存空了(le)則提示用(yòng)戶沒有庫存的(de)商品，用(yòng)戶确認後可(kě)以繼續結算(suàn)。

 

訂單管理(lǐ)頁面邏輯就簡單多(duō)了(le)，待支付訂單可(kě)以支付、待收貨訂單可(kě)以查看物(wù)流、結算(suàn)的(de)訂單可(kě)以再次購(gòu)買。這(zhè)裏有幾個(gè)功能邏輯需要考慮到：

第一個(gè)是待支付訂單商品沒有庫存的(de)時(shí)候，和(hé)前面購(gòu)物(wù)車頁面那裏的(de)處理(lǐ)機制一樣；

第二個(gè)是已結束的(de)訂單，用(yòng)戶再次購(gòu)買時(shí)，之前購(gòu)買過的(de)商品下(xià)架或者沒有庫存的(de)時(shí)候，可(kě)以選擇告訴用(yòng)戶沒有了(le)的(de)商品，留下(xià)可(kě)再次購(gòu)買的(de)商品，點擊後直接跳轉到結算(suàn)頁面，不經過購(gòu)物(wù)車頁面。