當(dāng)一個(gè)用戶進(jìn)入到企業(yè)電商平臺(tái)中的時(shí)候,大致會(huì)經(jīng)歷如下一些步驟:
第一步:進(jìn)入主頁或分類頁面。
第二步:使用導(dǎo)航元素將自己定位到商店中,并將目標(biāo)鎖定在他們正在尋找的特定東西上。
第三步:檢查激起他們興趣的產(chǎn)品的描述和其他相關(guān)的購買細(xì)節(jié)。
第四步:定制產(chǎn)品規(guī)格(如果可能的話),然后將他們想要的商品添加到購物車中。
第五步:結(jié)賬。
既然如此,對(duì)于設(shè)計(jì)師來說,關(guān)注消費(fèi)者在購物過程中遇到的界面元素就顯得尤為重要。如果UI中有任何摩擦,會(huì)看到用戶偏離路徑。
所以,企業(yè)商城設(shè)計(jì)非常重要的一點(diǎn)就是——如何確保用戶體驗(yàn)過程中的UI是吸引人的、直觀的、無摩擦的。
讓我們研究購物者從入口到結(jié)帳將會(huì)遇到的UI的三個(gè)部分。
一,導(dǎo)航UI。
曾經(jīng)有一段時(shí)間,電子商務(wù)網(wǎng)站有巨大的菜單,購物者必須通過排序找到他們想要的產(chǎn)品類別,子類別和孫子類。雖然你現(xiàn)在可能還會(huì)碰到它們,但更好的選擇是一個(gè)適應(yīng)購物者旅程的導(dǎo)航。
主菜單。
首先要做的是簡(jiǎn)化主菜單,使其在主類別標(biāo)題下面只有一個(gè)層次。例如,有的服裝類商城,“商店”下面的商品分類都整齊地排列在“女人”和“男人”下面。層級(jí)不深的主菜單,讓用戶不會(huì)有更多點(diǎn)擊,避免用戶跳出。
篩選器。
為了幫助購物者縮小一次看到的產(chǎn)品數(shù)量,可以在這個(gè)頁面的設(shè)計(jì)中包括以下兩個(gè)元素:篩選器按產(chǎn)品規(guī)格縮小結(jié)果范圍,或者是根據(jù)顧客的優(yōu)先順序?qū)Ξa(chǎn)品進(jìn)行排序。這種節(jié)省空間的設(shè)計(jì),讓您可以同時(shí)展示更多的產(chǎn)品。
面包屑和搜索。
隨著購物者深入到電子商務(wù)網(wǎng)站,他們?nèi)匀豢赡苄枰獙?dǎo)航幫助。有兩個(gè)UI導(dǎo)航元素可以幫助他們。
第一個(gè)是在產(chǎn)品頁面左上角的面包屑路徑。另一方面,搜索欄是一個(gè)導(dǎo)航元素,應(yīng)該始終可用。
二,產(chǎn)品頁UI。
訪問者花費(fèi)越多的時(shí)間去挖掘產(chǎn)品的相關(guān)細(xì)節(jié),他們放棄并嘗試其他商店的可能性就越大。對(duì)于許多購物者來說,單是發(fā)貨就成了一個(gè)巨大的癥結(jié),不幸的是,太多的電子商務(wù)網(wǎng)站等到結(jié)賬后才告訴他們發(fā)貨成本和延誤情況。正因?yàn)槿绱耍?3%的網(wǎng)購者因?yàn)檫\(yùn)費(fèi)而放棄網(wǎng)購,36%的人因?yàn)槭盏接唵蔚臅r(shí)間太長(zhǎng)而放棄網(wǎng)購。
所以,在產(chǎn)品頁說明如下內(nèi)容:退貨和退款政策;使用條款和隱私政策;可用的付款方式;全渠道購買和提貨的選擇;
當(dāng)然,產(chǎn)品頁面必不可少如下細(xì)節(jié):產(chǎn)品名稱;產(chǎn)品價(jià)格;產(chǎn)品尺寸選擇器;
三,聯(lián)動(dòng)UI。
假設(shè)你設(shè)計(jì)的商店出售女性內(nèi)衣。在這種情況下,你必須提供顏色和尺寸等變化。
但您不希望只為每個(gè)選項(xiàng)創(chuàng)建一個(gè)下拉選擇器。想象一下,如果你讓購物者點(diǎn)擊“顏色”,而他們不得不從一打左右的選項(xiàng)中挑選,那會(huì)多么乏味。這就是為什么要設(shè)計(jì)聯(lián)動(dòng)的原因。
聯(lián)動(dòng)UI包括照片、大小、顏色、尺寸、是否缺貨之間的聯(lián)動(dòng)。例如,當(dāng)你選擇內(nèi)衣的顏色的時(shí)候,就呈現(xiàn)的相應(yīng)的照片;例如,當(dāng)你選擇某個(gè)尺寸的時(shí)候,就呈現(xiàn)了相應(yīng)的尺寸照片。
好的設(shè)計(jì)是無形的——這是我們?cè)谠O(shè)計(jì)企業(yè)電子商城的時(shí)候需要記住的最為重要的一點(diǎn)。
如沒特殊注明,文章均為FwShop原創(chuàng),轉(zhuǎn)載請(qǐng)注明來自http://www.leather8.com/news/3521.html