中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本文介紹了電商產(chǎn)品設(shè)計(jì)【訂單詳情】的原因、以及如何設(shè)計(jì)【訂單詳情】功能的8個(gè)模板。

【訂單詳情】是APP常見功能之一，包含但不限于購(gòu)物、教育、旅游、交通、餐飲等APP；凡是涉及到交易，都能到它的蹤影。

在本篇文章中將參照唯品會(huì)APP，分析電商產(chǎn)品的【訂單詳情】功能應(yīng)當(dāng)如何設(shè)計(jì)。

一、為什么電商產(chǎn)品會(huì)設(shè)計(jì)【訂單詳情】功能？

我們先來回顧下日常去超市購(gòu)物的場(chǎng)景。我們?cè)诔羞x購(gòu)心儀商品，然后到收銀臺(tái)結(jié)賬，收銀員都會(huì)提供一張購(gòu)物小票，如下圖所示：

小票自上而下分別印有超市名稱、打單機(jī)器編號(hào)、收銀員工號(hào)、打單時(shí)間、商品條碼、商品名稱、單價(jià)、數(shù)量、小計(jì)、合計(jì)、付款方式、找零、購(gòu)物保障聲明、超市電話、超市地址、小票號(hào)等。

購(gòu)物小票是超市商家提供給顧客的一張消費(fèi)憑證。當(dāng)在消費(fèi)過程中或是在消費(fèi)過后一段時(shí)間內(nèi)，顧客對(duì)服務(wù)或商品質(zhì)量存在疑問、需要開發(fā)票、領(lǐng)取消費(fèi)積分、消費(fèi)維權(quán)等時(shí)候，顧客可向商家提供小票，商家根據(jù)小票翻查消費(fèi)記錄，核實(shí)消費(fèi)信息確認(rèn)無誤后方能為顧客解疑答惑。

顧客需妥善保管好小票，否則小票丟失會(huì)影響服務(wù)。

而APP上的【訂單詳情】功能等同于購(gòu)物小票，是商家提供的一種電子服務(wù)憑證。

相對(duì)于紙質(zhì)票據(jù)而言，這種電子票據(jù)具有永久保存、容易翻查等特性，不論顧客遇到什么問題，都可隨時(shí)隨地拿出手機(jī)、打開APP，找到對(duì)應(yīng)的訂單。

二、如何設(shè)計(jì)【訂單詳情】功能？

我們以唯品會(huì)APP為例，分析它是如何設(shè)計(jì)【訂單詳情】功能：

唯品會(huì)app-訂單詳情

由上圖可見，【訂單詳情】頁(yè)包含較多信息，這些信息可歸類為八個(gè)模塊：訂單信息、配送信息、商品信息、保險(xiǎn)信息、發(fā)票信息、客服、商品推薦、訂單操作。

下面我們對(duì)各個(gè)模塊進(jìn)行拆解分析。

1. 訂單信息

「訂單信息」模塊包含最基礎(chǔ)的訂單資料，記錄下整個(gè)交易過程的重要節(jié)點(diǎn)信息。包括顧客下單歷史、付款記錄、訂單狀態(tài)等；當(dāng)交易過程發(fā)生糾紛時(shí)，顧客、商家雙方均可重新核對(duì)訂單信息。

（1）訂單編號(hào)：相當(dāng)于購(gòu)物小票的“小票號(hào)”，是 APP 區(qū)分訂單的唯一標(biāo)識(shí)；顧客下單時(shí)APP 自動(dòng)生成唯一的編號(hào)；一般由下單日期+隨機(jī)數(shù)字組成，而位數(shù)一般控制在10~15位之間；為方便復(fù)制出訂單編號(hào)，一般在其之后還會(huì)添加【一鍵復(fù)制】功能。

唯品會(huì)app-訂單詳情-訂單編號(hào)

（2）下單時(shí)間：顧客提交訂單一刻的時(shí)間，一般記錄年-月-日-時(shí)-分-秒，如：2020-05-11 09:36:05，對(duì)時(shí)間精確度要求不高的訂單，可省略秒級(jí)時(shí)間。

唯品會(huì)app-訂單詳情-下單時(shí)間

（3）商品金額：相當(dāng)于購(gòu)物小票的“合計(jì)”，即商品總價(jià)；商品金額=∑（商品售價(jià)*購(gòu)買數(shù)量）；一般保留兩位小數(shù)，即到分位，如：￥100.00。

唯品會(huì)app-訂單詳情-商品總金額

（4）快遞運(yùn)費(fèi)：網(wǎng)上購(gòu)物一般通過快遞配送到家，這就涉及支付快遞費(fèi)用；如果商家免費(fèi)包郵，則無需支付快遞費(fèi)用；如果不包郵，則按商家的標(biāo)準(zhǔn)收費(fèi)，不同商家的收費(fèi)規(guī)則可能不同；一般保留兩位小數(shù)，即到分位。

唯品會(huì)app-訂單詳情-運(yùn)費(fèi)

（5）優(yōu)惠金額：當(dāng)遇上促銷季，如：11·11、618等，商家組織優(yōu)惠活動(dòng)，優(yōu)惠金額便記錄了活動(dòng)的優(yōu)惠幅度；由于優(yōu)惠是在原價(jià)基礎(chǔ)上扣減金額，因此一般記錄為負(fù)數(shù)，如：-￥10.00；一般保留兩位小數(shù)，即到分位。

唯品會(huì)app-訂單詳情-活動(dòng)優(yōu)惠

（6）實(shí)付金額：相當(dāng)于購(gòu)物小票的“實(shí)付”，是顧客實(shí)際需要付款的金額；與超市購(gòu)物不一樣的是，網(wǎng)上購(gòu)物不找零，也即應(yīng)付多少就實(shí)付多少；實(shí)付金額=商品金額+快遞運(yùn)費(fèi)+優(yōu)惠金額；一般保留兩位小數(shù)，即到分位。

唯品會(huì)app-訂單詳情-實(shí)付金額

（7）支付方式：記錄顧客付款方式；網(wǎng)上購(gòu)物一般是采用線上支付方式，如：支付寶、微信支付等；有些商家還會(huì)提供禮品卡或儲(chǔ)值錢包支付功能，如：唯品卡，京東錢包等；當(dāng)采用多種方式組合支付時(shí)，需記錄所有方式以及每種方式對(duì)應(yīng)支付的金額。

唯品會(huì)app-訂單詳情-支付方式

（8）訂單狀態(tài)：記錄顧客從下單后到確認(rèn)收貨這期間的重要?jiǎng)幼鞴?jié)點(diǎn)，一般有如下幾種：

• 待付款：顧客下單后、付款前，一般保留訂單30分鐘或更長(zhǎng)時(shí)間，若顧客一直不付款，則會(huì)自動(dòng)取消訂單；
• 待發(fā)貨：顧客付款后、商家發(fā)貨前，當(dāng)商家遲遲未發(fā)貨，顧客可催促商家發(fā)貨；
• 待收貨：商家發(fā)貨后、顧客收貨前；
• 交易完成：顧客確認(rèn)收貨后；
• ··：顧客中途取消訂單或不滿意退貨。

唯品會(huì)app-訂單詳情-訂單狀態(tài)

（9）商品快照：為避免商家修改了商品信息后，原信息被覆蓋，APP在顧客下單時(shí)刻自動(dòng)拍攝商品快門照片，當(dāng)發(fā)生交易糾紛時(shí)，顧客和客服都可重新回看商品快照核對(duì)商品原有信息；可添加溫馨提示“發(fā)生交易爭(zhēng)議時(shí)，可作為判斷依據(jù)”。

唯品會(huì)app-訂單詳情-商品快照

2. 配送信息

「配送信息」模塊包含物流信息、收貨信息等，是物流進(jìn)度的查詢?nèi)肟?。一般物流公司也?huì)在其官網(wǎng)公布包裹的物流詳情，但訂單詳情頁(yè)中設(shè)計(jì)該模塊可更方便顧客直接查詢物流。

（1）收貨信息：顧客下單時(shí)需填寫收貨信息，商家將根據(jù)收貨信息寄送商品，快遞員也會(huì)根據(jù)收貨信息派送包裹；包括收貨人、收貨地址、聯(lián)系電話；收貨地址一般記錄省-市-區(qū)-街道-詳細(xì)地址（建筑名稱、樓號(hào)、門牌號(hào)等），如：廣東省廣州市越秀區(qū)東興街道東興小區(qū)35號(hào)101房；聯(lián)系電話一般為國(guó)內(nèi)手機(jī)號(hào)碼，即11位純數(shù)字號(hào)碼，且屬于用戶個(gè)人隱私信息，需脫敏展示，即僅顯示前三位和后四位、中間四位隱藏，如：137****8179。

唯品會(huì)app-訂單詳情-收貨信息

（2）物流狀態(tài)：物流公司會(huì)根據(jù)包裹實(shí)際到達(dá)站點(diǎn)或運(yùn)轉(zhuǎn)過程更新物流狀態(tài)，一般包含操辦人、到達(dá)站點(diǎn)、具體操作、發(fā)生時(shí)間等信息，需調(diào)用物流公司提供的api獲取物流狀態(tài)；由于訂單詳情頁(yè)篇幅有限，一般僅展示最新一條物流狀態(tài)，而全量的物流信息需再單獨(dú)設(shè)計(jì)一個(gè)物流詳情頁(yè)面，當(dāng)點(diǎn)擊「配送信息」模塊時(shí)跳轉(zhuǎn)至該頁(yè)面。

唯品會(huì)app-訂單詳情-物流狀態(tài)

3. 商品信息

「商品信息」模塊記載了顧客購(gòu)買商品的具體內(nèi)容，等同于購(gòu)物小票中間的商品信息部分，包括商品名稱、購(gòu)買數(shù)量、商品價(jià)格等。

• 商家名稱：一般展示在模塊頭部位置，如下圖。
• 商品名稱：可分行展示，一般不超出兩行，超出部分用“…”省略展示。
• 商品圖片：僅展示一張圖片，一般展示顧客下單時(shí)選擇的商品規(guī)格（即SKU）對(duì)應(yīng)的圖片，如：商家發(fā)布售賣Iphone 8黑、銀、金三種顏色，顧客購(gòu)買了銀色款，則「商品信息」模塊的商品圖片展示銀色款的圖片。
• 商品規(guī)格：記錄顧客下單時(shí)所選擇的商品規(guī)格屬性，如：顏色、大小等，各個(gè)屬性之間可用空格或分號(hào)隔開，如：粉色；60ml。服務(wù)特性：記錄商家承諾提供給顧客的服務(wù)，如：7天退換等，一般以標(biāo)簽樣式展示，如下圖。
• 商品原價(jià)：即商家發(fā)布商品的原始售價(jià)；一般保留兩位小數(shù)，即到分位；當(dāng)商家組織優(yōu)惠活動(dòng)時(shí)，由于原價(jià)并非顧客最后實(shí)際支付的價(jià)格，其重要程度相對(duì)實(shí)際售價(jià)而言要低一些，所以商品原價(jià)一般置灰縮小展示，如下圖。
• 實(shí)際售價(jià)：當(dāng)遇上促銷季，如：11·11、618等，商家組織優(yōu)惠活動(dòng)，實(shí)際售價(jià)便是優(yōu)惠之后的價(jià)格金額；一般保留兩位小數(shù)，即到分位。
• 購(gòu)買數(shù)量：展示格式一般為 x N，N即為數(shù)量，如：x 5代表購(gòu)買5件。

唯品會(huì)app-商品信息

4. 保險(xiǎn)信息

商家與保險(xiǎn)公司合作推出顧客購(gòu)物保險(xiǎn)服務(wù)，「保險(xiǎn)信息」模塊記錄保險(xiǎn)服務(wù)內(nèi)容，當(dāng)商家未能履行服務(wù)承諾時(shí)，顧客可依據(jù)保險(xiǎn)信息向保險(xiǎn)公司發(fā)起投訴理賠，或通過法律途徑起訴索賠。

（1）保險(xiǎn)單號(hào)：顧客下單后，保險(xiǎn)公司自動(dòng)生成一張保險(xiǎn)保單，每份保單都有唯一的保險(xiǎn)單號(hào)；由于訂單詳情頁(yè)篇幅有限，一般僅展示保險(xiǎn)單號(hào)，而具體的保單內(nèi)容和理賠規(guī)則需再單獨(dú)設(shè)計(jì)一個(gè)保險(xiǎn)詳情頁(yè)面，當(dāng)點(diǎn)擊「保險(xiǎn)信息」模塊時(shí)跳轉(zhuǎn)至該頁(yè)面；保險(xiǎn)單號(hào)以及其他詳情信息需調(diào)用保險(xiǎn)公司api獲取。

唯品會(huì)app-保險(xiǎn)信息

5. 發(fā)票信息

發(fā)票是商家提供顧客留存的銷售憑據(jù)，申請(qǐng)開票是消費(fèi)者的權(quán)利，而訂單詳情中的「發(fā)票信息」模塊記錄顧客的開票歷史，同時(shí)也是顧客向商家申請(qǐng)開票的入口。

（1）發(fā)票狀態(tài)：顧客向商家申請(qǐng)開發(fā)票的狀態(tài)，一般有兩種：

1. 未開票：顧客未申請(qǐng)開票；此時(shí)點(diǎn)擊「發(fā)票信息」模塊跳轉(zhuǎn)至補(bǔ)開發(fā)票頁(yè)面；
2. 已開票：顧客申請(qǐng)開票后。

唯品會(huì)app-發(fā)票信息-未開票

（2）開票信息：顧客開票時(shí)填寫，僅在“已開票”狀態(tài)才會(huì)展示開票信息，包括發(fā)票類型、發(fā)票抬頭、發(fā)票內(nèi)容、納稅人識(shí)別號(hào)、開戶銀行等。

唯品會(huì)app-發(fā)票信息-已開票

6. 客服

「客戶」模塊是APP向顧客提供客服咨詢的功能，顧客可通過該模塊進(jìn)入客服咨詢頁(yè)面、聯(lián)系商家客服。

唯品會(huì)app-客服

7. 商品推薦

「商品推薦」模塊相當(dāng)于超市購(gòu)物的導(dǎo)購(gòu)?fù)其N服務(wù)，商家根據(jù)顧客過往的消費(fèi)歷史或興趣愛好等行為習(xí)慣挖掘并推薦一些TA可能還感興趣的商品，但不同于現(xiàn)實(shí)導(dǎo)購(gòu)的認(rèn)為判斷，線上會(huì)結(jié)合科學(xué)的推薦算法，如：余弦定理、協(xié)同過濾算法等，使得推薦結(jié)果更加精準(zhǔn)、更加匹配顧客需要；每行可展示2-3個(gè)推薦商品。

唯品會(huì)app-商品推薦

8. 訂單操作

「訂單操作」模塊是顧客對(duì)其訂單的操作區(qū)域，顧客可在此區(qū)域取消訂單、刪除訂單等，而不同的訂單狀態(tài)有不同的操作，具體如下：

• 待付款：繼續(xù)付款、取消訂單
• 待發(fā)貨：提醒發(fā)貨、取消訂單
• 待收貨：延長(zhǎng)收貨、查看物流、確認(rèn)收貨
• 交易完成：物流詳情、刪除訂單、填寫口碑、再次購(gòu)買
• 交易關(guān)閉：刪除訂單、再次購(gòu)買

一般以按鈕樣式排列各個(gè)操作，由于訂單詳情頁(yè)面篇幅有限，一般展示三個(gè)操作按鈕，更多的操作則收進(jìn)【更多】下拉項(xiàng)，點(diǎn)擊【更多】展示剩余的操作按鈕，如下圖。

唯品會(huì)app-訂單操作

三、總結(jié)

【訂單詳情】作為供應(yīng)鏈銷售環(huán)節(jié)其中的一個(gè)功能，一方面方便消費(fèi)者實(shí)時(shí)關(guān)注訂單動(dòng)態(tài)，體現(xiàn)了商家對(duì)顧客提供的周全銷售服務(wù)，是影響顧客對(duì)商家服務(wù)質(zhì)量評(píng)價(jià)和感觀的重要功能，另一方面也是節(jié)約商家運(yùn)營(yíng)成本的重要方式。

設(shè)想一下如果沒有【訂單詳情】功能，顧客只能撥打商家電話查詢訂單，商家運(yùn)營(yíng)團(tuán)隊(duì)將承擔(dān)龐大的顧客咨詢量任務(wù)。此時(shí)就不得不聘請(qǐng)更多的運(yùn)營(yíng)人員、增設(shè)客服坐席，商家成本將大大增加。由此可見【訂單詳情】是電商產(chǎn)品不可或缺的功能。

而本文第二節(jié)也詳細(xì)贅述了應(yīng)當(dāng)如何設(shè)計(jì)【訂單詳情】功能，分別羅列了八個(gè)模塊，并分析了各個(gè)模塊內(nèi)字段的設(shè)計(jì)格式、數(shù)據(jù)要求等，希望通過本文可讓您對(duì)電商產(chǎn)品的【訂單詳情】功能有更深入的了解。

本文由 @天際苦旅 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議