當一個用戶進入到企業(yè)電商平臺中的時候，大致會經(jīng)歷如下一些步驟：
第一步：進入主頁或分類頁面。
第二步：使用導航元素將自己定位到商店中，并將目標鎖定在他們正在尋找的特定東西上。
第三步：檢查激起他們興趣的產(chǎn)品的描述和其他相關的購買細節(jié)。
第四步：定制產(chǎn)品規(guī)格(如果可能的話)，然后將他們想要的商品添加到購物車中。
第五步：結(jié)賬。
既然如此，對于設計師來說，關注消費者在購物過程中遇到的界面元素就顯得尤為重要。如果UI中有任何摩擦，會看到用戶偏離路徑。
所以，企業(yè)商城設計非常重要的一點就是——如何確保用戶體驗過程中的UI是吸引人的、直觀的、無摩擦的。
讓我們研究購物者從入口到結(jié)帳將會遇到的UI的三個部分。

一，導航UI。

曾經(jīng)有一段時間，電子商務網(wǎng)站有巨大的菜單，購物者必須通過排序找到他們想要的產(chǎn)品類別，子類別和孫子類。雖然你現(xiàn)在可能還會碰到它們，但更好的選擇是一個適應購物者旅程的導航。
主菜單。

首先要做的是簡化主菜單，使其在主類別標題下面只有一個層次。例如，有的服裝類商城，“商店”下面的商品分類都整齊地排列在“女人”和“男人”下面。層級不深的主菜單，讓用戶不會有更多點擊，避免用戶跳出。
篩選器。

為了幫助購物者縮小一次看到的產(chǎn)品數(shù)量，可以在這個頁面的設計中包括以下兩個元素：篩選器按產(chǎn)品規(guī)格縮小結(jié)果范圍，或者是根據(jù)顧客的優(yōu)先順序?qū)Ξa(chǎn)品進行排序。這種節(jié)省空間的設計，讓您可以同時展示更多的產(chǎn)品。
面包屑和搜索。

隨著購物者深入到電子商務網(wǎng)站，他們?nèi)匀豢赡苄枰獙Ш綆椭Ｓ袃蓚€UI導航元素可以幫助他們。

第一個是在產(chǎn)品頁面左上角的面包屑路徑。另一方面，搜索欄是一個導航元素，應該始終可用。

二，產(chǎn)品頁UI。

訪問者花費越多的時間去挖掘產(chǎn)品的相關細節(jié)，他們放棄并嘗試其他商店的可能性就越大。對于許多購物者來說，單是發(fā)貨就成了一個巨大的癥結(jié)，不幸的是，太多的電子商務網(wǎng)站等到結(jié)賬后才告訴他們發(fā)貨成本和延誤情況。正因為如此，63%的網(wǎng)購者因為運費而放棄網(wǎng)購，36%的人因為收到訂單的時間太長而放棄網(wǎng)購。
所以，在產(chǎn)品頁說明如下內(nèi)容：退貨和退款政策；使用條款和隱私政策；可用的付款方式；全渠道購買和提貨的選擇；
當然，產(chǎn)品頁面必不可少如下細節(jié)：產(chǎn)品名稱;產(chǎn)品價格;產(chǎn)品尺寸選擇器;

三，聯(lián)動UI。

假設你設計的商店出售女性內(nèi)衣。在這種情況下，你必須提供顏色和尺寸等變化。
但您不希望只為每個選項創(chuàng)建一個下拉選擇器。想象一下，如果你讓購物者點擊“顏色”，而他們不得不從一打左右的選項中挑選，那會多么乏味。這就是為什么要設計聯(lián)動的原因。
聯(lián)動UI包括照片、大小、顏色、尺寸、是否缺貨之間的聯(lián)動。例如，當你選擇內(nèi)衣的顏色的時候，就呈現(xiàn)的相應的照片；例如，當你選擇某個尺寸的時候，就呈現(xiàn)了相應的尺寸照片。
好的設計是無形的——這是我們在設計企業(yè)電子商城的時候需要記住的最為重要的一點。