編輯導語：在電商網站的購物過程中，價格是影響我們做決策的主要因素，尤其是郵費，不包郵可能直接就點叉退出去。本文作者從產品設計的角度出發，告訴了我們如何在電商網站上顯示稅款、服務費和運費，從而達成留住用戶、促成交易的目的。
在購物過程中應儘早披露意外服務費和特快專遞費用，以避免流失顧客。
價格是影響任何購買決策的主要因素。尤其是在網上購物時，額外的費用和送貨費成為買家的重要考慮因素。
在我們對第四版電子商務用戶體驗報告系列的研究中，購物者非常不喜歡在交易過程中增加額外的成本。在結帳過程結束時，額外的費用或出人意料的高運費常常令人不快，以至於用戶會完全離開這個網站。
這樣增加的費用讓用戶認為該網站試圖欺騙他們，並破壞了購買行為。儘管購物者意識到一些額外的費用只能在結帳結束時披露，但任何不規範的收費都應儘早告知。
一、在結帳時傳遞稅金和運費
以美國客戶為例，他們習慣於在網上或在商店購物，因此他們的電子商務思維模式包括在結帳時增加稅金和運費，他們還知道稅金和運費可能取決於送貨地址。
如果您的運輸費用不算太高（大多數物品的費用在10美元以下），則可以在收貨地址填寫完畢後在結帳時披露稅金和運費。
當用戶在結帳時輸入送貨地址後，Crocs.com將運費和稅金計入Total。由於這些成本不在預期範圍之內，因此最好將其披露到結帳流程結束為止
二、預先支付非標準服務費
如果在結帳時披露您的商店或產品類別所特有的額外費用，這將是令人不愉快的驚喜。
在進行結帳流程之前，用戶希望對購買的總費用有一個總體了解。
許多人需要保持預算，因此在結帳時發現一筆意外的高額費用，這不僅會使某些人完全放棄購買流程，還會使他們對品牌或企業失去信任。
一些企業利用承諾和一致性的原則來強迫用戶進行購買：他們知道，一旦人們花費時間和精力來找到自己喜歡的產品並決定購買，當他們發現額外的費用時，他們也很難放棄。
短期內，該策略可能至少對某些用戶有效，但從長遠來看，它會損害客戶忠誠度和品牌實力。
最好預先了解產品頁面上的總費用，以便購物者可以做出明智的決定。因此，至少應在產品頁面上確認並估算所有額外費用和大量交付費用。最好是，儘可能顯示全部費用。
一位購買當地活動門票的用戶在結帳時需為每張門票額外支付12.50美元的服務費，這讓她措手不及。
她選擇門票的活動頁面沒有提到任何額外費用，她預計5張票要175美元，因為每張票是35美元，但是服務費增加了她的購買成本到230美元。
她說，「我不喜歡這樣，它並沒有告訴我會有附加費，它甚至沒有告訴我附加費的用途。我現在就不想買了，看看能不能打電話給劇院，通過電話購買，以避免這筆費用，「當顧客放棄購買時，我們不知道他們會不會回來」。
kcstarlight.com的票務選擇頁面上沒有提及每張票證的服務費。當用戶發現由於服務費而使機票總成本增加了55美元時，用戶考慮放棄購買
三、儘早溝通異常高昂的運輸成本
用戶還對出人意料的高運費發表了負面評論，直到他們花了大量的努力才找到合適的產品。
通常，在以下情況下會增加費用：
國際航運必須在短時間內使用特殊包裝發送的易腐食品散裝貨物運輸帶有配置和安裝的運輸一位來自丹麥的用戶在迪斯尼網站對高昂的運費感到反感：「太離譜了，運送價值40美元的產品需要30美元的運費！我很震驚。我花了很長時間才找到這件東西，為什麼他們以前沒告訴我？」
用戶返回到Shipping Summary頁面，查看她是否忽略了運費信息，她並沒有忽視這一點——信息並不在那裡。
從峰終定律（Peak-End Rule）我們知道，用戶對一個網站和品牌的總體判斷受體驗的兩個方面影響最大：峰值（最強烈的情感影響，無論是正面還是負面）和結尾。
任何時候用戶在你的網站上使用「無恥」這個詞，很可能已經觸發了一個負峰值，這意味著額外收費帶來的令人討厭的情緒是用戶對你的品牌最深的印象。
這家公司不僅可能失去了那筆交易，而且在未來幾年裡，他們在用戶心目中的聲譽也很負面。相比之下，早期的溝通可能會贏得銷售，也可能不會贏得銷售，但它可以避免多年的負面品牌記憶。
在以上列出的任何特殊情況下，應在產品頁面上適當說明額外費用。考慮以下解決方案：
至少：產品頁面應清楚地表明，將收取運費或送貨費。更好：在產品頁面上清楚地提供一個統一費率、最低費率（或費率範圍）或接近產品價格的費率估計值。對於基於位置的動態收費，最好的解決方案應該允許用戶在產品頁面上輸入他們的郵政編碼，並獲得確切的運費或快遞費。梅西百貨在傳達家具的送貨費方面做得很差，產品頁面上的「裝運和退貨」部分提到，標準裝運不適用於家具項目。
然而，儘管用戶需要在將商品添加到購物車之前輸入郵政編碼以檢查是否有庫存，但沒有顯示送貨成本，直到結帳時才顯示白手套（white glove delivery）送貨服務的費用。
在Macys.com上，家具產品頁面未顯示運費（為清楚起見，在屏幕截圖中添加了框，用戶是看不到此框的）
購物車表明將使用白色手套送貨服務，但費用仍然是個謎
用戶必須等到結帳過程開始時才能看到實際的運費。
一位用戶說：「如果他們能在我把它添加到購物車之前告訴我它的價格，那樣就太好了。如果我甚至不知道送貨要花多少錢，我怎麼知道是否要買呢？」
這位用戶是對的：不應要求客戶在獲得最終成本之前承諾購買並輸入其個人信息。這不僅是額外的工作，而且許多人覺得，當他們放棄購物中途結帳時，他們被誘騙到與網站共享他們的數據。
直到用戶啟動結帳並輸入個人詳細信息後，Macy才顯示白手套運輸的金額
實際上，費用應該在產品價格附近明顯可見，並應詳細說明費用的用途。
「世界市場」在產品頁面上顯示了大件商品的額外運費。然而，這些信息以小號字體顯示，與商品價格相差甚遠，因此很容易被遺漏。頁面應該明確聲明產品的50美元的費用，並將此內容放在「添加到購物車」按鈕上方。
最好是，把50美元的費用加在產品的價格上，並提供一個總額與超大運費值。
WorldMarket.com指出，要對此產品收取50美元的超尺寸物品運輸費。如果此信息顯示在價格附近，引起更多關注，那就更好了
Airbnb做的就很好：它傳達了適用於房屋總租金的所有額外費用。每晚價格列在頁面頂部，清潔費和服務費清楚地顯示在下面，並且總價已預先提供。
通過在房屋租賃頁面上明確傳達額外費用，Airbnb避免了結帳時的不愉快驚喜
如果在提供其他信息（例如送貨地址）之前無法計算費用，則必須至少強調存在額外的費用，這些費用將在結帳過程中顯示。
波特穀倉（Pottery Barn）的特大型產品要收取統一的送貨費，在產品價格下，產品頁面顯示適用無限制的統一費率。這些信息只起到了些許幫助。點擊相關圖標也只提供了很少的額外細節。
在同一產品頁面上的「運送和退貨」手風琴菜單下，有一個簡短提及的附加費，將用戶引導至價格附近的附加費細節，這已經無濟於事了。
但是，單擊「附加費信息」下的「Shipping and Delivery Information」頁面的連結會將用戶帶到一個更有用的詳細信息頁面，該頁面包含一個計算器，允許用戶輸入郵政編碼以確定費用金額。
Pottery Barn的超大尺寸產品頁面（左）提到送貨費，但是彈出窗口沒有給出估算或其他信息。不通過結帳就很難獲得此費用的實際數字。頁面下方（右側）的其他附加費信息無濟於事。但事實證明，與運輸和交貨信息的連結非常有用
在「運輸和交貨信息」頁面上，用戶可以輸入郵政編碼以查看運輸成本
在這個過程的早期，波特穀倉本可以更為提前。它可以提供一個到費率計算器的計算統一費率的連結，而不是僅僅說產品適用於統一費率交付。
最好是，在產品頁面本身中嵌入一個位置欄位，並為輸入郵政編碼的用戶顯示費用。
相比之下，Restoration Hardware在產品頁面上的附加運輸方面做得很好。該頁面提供了一個基準交貨價格，甚至允許購物者在承諾購買之前輸入郵政編碼，以便在產品頁面上查看運費估算。
Restoration Hardware指出家具交付的最低初始價格（199美元），還允許客戶輸入郵政編碼以獲取確切的價格
由於該產品在附近有庫存，因此輸入郵政編碼後，確認交貨價格為199美元
Unlimited furniture交付頁面（產品頁面連結到該頁面）顯示了按距離定價運輸費用的明細。這種透明性使購買大筆商品的購物者很放心
四、結論
儘管從設計和實現的角度來看，最簡單的方法是等到結帳流程時來確定稅率和費用，但站在購物者的角度來看，這種做法是有問題的。
發揮你解決問題的能力，把這些費用整合到工作流程的瀏覽部分，這樣消費者在結帳前就可以獲得充足的信息。不要讓用戶在瀏覽了很多產品後找到了最完美的一個時，卻發現價格超出預期，而後對你的網站和你的公司感到失望。
原文作者：金·弗萊厄蒂
原文地址：https://uxdesign.cc/11-table-design-guidelines-adb27ac01c8e
本文由 @Henry-Lee 翻譯發布於人人都是產品經理。未經許可，禁止轉載
題圖來自Unsplash，基於CC0協議