企業電子商城三個UI界面設計指導

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

一，導航UI。

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

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

為了幫助購物者縮小一次看到的產品數量，可以在這個頁面的設計中包括以下兩個元素：篩選器按產品規格縮小結果范圍，或者是根據顧客的優先順序對產品進行排序。這種節省空間的設計，讓您可以同時展示更多的產品。
面包屑和搜索。

隨著購物者深入到電子商務網站，他們仍然可能需要導航幫助。有兩個UI導航元素可以幫助他們。

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

二，產品頁UI。

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

三，聯動UI。

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