小紐扣

上次我將社交通訊篇的趣設計進行了匯總,本篇文章則是對海鹽社發過的趣設計中電商類產品計的一個匯總。

上一篇《為你的產品注入細節—社交篇》傳送門

說起電商產品,實在是太多了,全品類的、垂直類的各種分類都有,所以這次我就不以APP來劃分,我們直接從購買流程著手,看看電商篇的細節匯總吧。

 

購買前

購買前,用戶處于一種逛街的狀態,主要涉及的操作有搜索、瀏覽商品以及加購物車等。

 

1.淘寶-摸魚市場

淘寶摸魚市場,從掃一掃進入天貓摸魚市場,可使用對應職位皮膚,工作閑余時使用摸魚皮膚逛天貓不易被上司發現(還是要認真工作完哦~)

 

2.淘寶-“換”刷新頁面

瀏覽商品列表三頁后,主動呼出提示,點擊“換”刷新頁面,并對以瀏覽過的相似商品進行篩選,減少類似商品的出現頻率。

 

3.京東-常購清單

搜索頁顯示常購清單,一方面方便用戶直接點擊購買;另一方面提醒用戶,避免必備品斷檔。

 

4.毒-3D預覽

詳情頁點擊3D按鈕,可以360°旋轉看商品實物,還支持放大看細節。

 

5.蘑菇街-色彩篩選服裝

蘑菇街中有一個“色彩控”的功能,把衣服按照顏色進行分類,便于用戶快速地根據色彩篩選商品。

 

6.淘寶-折疊評價

在瀏覽評價時,系統將參考意義不大的評價折疊收起,讓用戶可直接查看對購物有幫助的內容,提高用戶瀏覽效率。

 

7.當當-免費在線試讀

當當在購買圖書時會有一個免費在線讀的功能,用戶可以先體驗部分章節再下單,比起評論自己的體驗會更加真實。類似的還有視屏網站非會員試看6分鐘,付費類音頻試聽2節。

 

8.淘寶-分類查看評價

在淘寶評論界面,用戶可根據具體的顏色、型號大小來篩選不同的評論,針對性的查看特定型號。

 

9.淘寶-朋友幫我選

“幫我選”功能,用戶可以把購物過程中無法決定的多件商品,一起分享給用戶,邀請TA幫助選擇,是不是選擇困難癥的福音呢~

 

10.七鮮-食材詳情展示菜譜

食材的詳情頁有相應的菜譜,考慮用戶想吃但不會做的情況,降低用戶購買的阻礙。盒馬生鮮也有類似功能。

 

購買中

購買中,用戶需要快捷方便地輸入并掌控訂單的相關信息,主要涉及的操作有下單、訂單查看等。

 

1.京東-收貨地址二次確認

下滑訂單的界面,會在底部再次出現所選的地址,便于用戶二次確認。

 

2.當當-取消訂單

當訂單信息有誤時,點擊取消訂單,可以改為貨到付款,或將商品放入購物車重新下單,幫用戶省去重新加入購物車的麻煩,提升用戶購買體驗。

 

3.luckin? coffee-訂單制作直播

付款后,訂單詳情頁可以查看制作直播,通過監控看到自己購買食物的制作過程,提升了用戶的信任,制作流程更加透明化

 

購買后

購買完成后,用戶主要會涉及的操作有收獲、退貨等,我還將對購物車的清理規整也放到了這一流程中。

 

1.菜鳥裹裹-代取人權限設置

綁定聯系人代取件時,可選擇“讓對方查看包裹和商品信息、只查看物流信息、不讓對方看我的包裹”等設置。根據不同的關系設置對應權限,避免用戶隱私泄漏的尷尬。。

 

2.菜鳥裹裹-提取截圖地址

截圖后,系統會詢問是否把地址填充到收件人或寄件人中,方便用戶快速錄入地址。

 

3.菜鳥裹裹-一鍵查看可退貨商品

同步淘寶數據,選取要退貨的商品后,快速生成退貨信息快速下單。

 

4.京東-購物車設置常購

購物車中的商品可設為常買商品,會固定存在在購物車中,下單后也不會從購物車消失。方便用戶對日常消耗品等商品進行重復性購買,同時也會增強用戶黏性。

 

5.淘寶-收藏夾智能清理

當收藏夾商品過多時,點擊智能清理,可一鍵刪除已失效或半年以前的商品,幫用戶快速清理收藏夾。

 

劃重點

以上便是關于電商產品的趣設計匯總,電商產品的核心還是幫助用戶下單,整個購買流程的細節優化其實也是圍繞方便用戶快速下單、退換等。

 

原文地址:海鹽社(公眾號)

作者:人類君

轉載請注明:學UI網 » 為你的產品注入細節—電商篇

登錄收藏
 
你可能喜歡的:
為你的產品注入細節—社交篇為你的產品注入細節—社交篇
8 種用戶行為的產品設計啟示錄8 種用戶行為的產品設計啟示錄
2019年度交互總結2019年度交互總結
四步教你提升表單設計的用戶體驗四步教你提升表單設計的用戶體驗
抖音VS快手,產品模式是如何影響交互模式的?抖音VS快手,產品模式是如何影響交互模式的?
一款APP的交互文檔從撰寫到交付②一款APP的交互文檔從撰寫到交付②
學習交互設計你需要關注的幾個問題 (針對非交互設計崗位同學)學習交互設計你需要關注的幾個問題 (針對非交互設計崗位同學)
入門交互設計的4個步驟(6000字長文)入門交互設計的4個步驟(6000字長文)
產品體驗設計-交互篇(二)產品體驗設計-交互篇(二)
產品體驗設計-交互篇(一)產品體驗設計-交互篇(一)
?
泰凌微电子上市的最新消息