電商設(shè)計(jì)都應(yīng)遵循的最佳實(shí)踐
2019-8-1 資深UI設(shè)計(jì)者
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
在電子商務(wù)界，你的網(wǎng)站設(shè)計(jì)就是一張?jiān)诰€名片。
它能幫助你從擁擠不堪的海量信息中脫穎而出，同時(shí)也反映出你的可信度。這是你的用戶通過(guò)初次訪問(wèn)來(lái)了解你品牌的地方。如果他們沒(méi)有找到自己喜歡的，幾乎80%的人都會(huì)選擇離開你的網(wǎng)站。
這就是為什么在構(gòu)建和設(shè)計(jì)網(wǎng)站時(shí)，永遠(yuǎn)不要低估用戶滿意度帶來(lái)的影響。
接下來(lái)要講的是如何設(shè)計(jì)一個(gè)無(wú)可挑剔的、以用戶為中心的網(wǎng)站，來(lái)使你的網(wǎng)站轉(zhuǎn)化率飛速上漲。
1. 提供直觀的導(dǎo)航
如果不能引導(dǎo)用戶完成最終購(gòu)買，那么設(shè)計(jì)再精美的網(wǎng)站都是毫無(wú)意義的。用戶沒(méi)有選擇在你這里購(gòu)買的一個(gè)主要原因是復(fù)雜的網(wǎng)站導(dǎo)航。記住，用戶不希望無(wú)休止的點(diǎn)擊和滑動(dòng)鼠標(biāo)后才能找到他們想要的產(chǎn)品。如果他們發(fā)現(xiàn)自己正將時(shí)間浪費(fèi)在不必要的操作上，就會(huì)棄你而去，到你的競(jìng)爭(zhēng)對(duì)手那里。
這也是你想要阻止發(fā)生的事情。
-
創(chuàng)建具有描述性的菜單標(biāo)簽
使用“產(chǎn)品”或“解決方案”之類的通用選項(xiàng)，無(wú)法給用戶帶來(lái)任何價(jià)值。除了用戶體驗(yàn)不佳，這樣的標(biāo)簽也不利于你網(wǎng)站的SEO（搜索引擎排名優(yōu)化）。在搜索電商品牌時(shí)，沒(méi)人會(huì)搜“產(chǎn)品”或“我們能做什么”。
-
簡(jiǎn)化導(dǎo)航菜單
菜單項(xiàng)越少，你的潛在客戶就越容易找到他們想要的東西。這也有利于你網(wǎng)站對(duì)于搜索引擎排名的優(yōu)化工作，因?yàn)楦?jiǎn)單的菜單，會(huì)將你主頁(yè)的頁(yè)面權(quán)威度（Page Authority，該指標(biāo)由Moz軟件公司開發(fā)出，用來(lái)預(yù)測(cè)單個(gè)頁(yè)面在搜索引擎中排名的打分系統(tǒng)，分?jǐn)?shù)為0-100。單個(gè)頁(yè)面所獲分?jǐn)?shù)越高，則表示有越高能力在搜索引擎中獲得靠前的排名）賦權(quán)給你網(wǎng)站中權(quán)威度稍低的頁(yè)面。
-
讓用戶在頁(yè)面間的跳轉(zhuǎn)更方便
添加內(nèi)鏈，強(qiáng)化行為召喚，最重要的是，確保從你的主頁(yè)進(jìn)入任意子頁(yè)面均不超過(guò)4次點(diǎn)擊。不管用戶處在哪個(gè)頁(yè)面，他們都需要知道自己在哪里，菜單欄或搜索欄在哪里，如何回到主頁(yè)，以及如何篩選出想要的結(jié)果，等等。
2. 設(shè)計(jì)一個(gè)令人驚艷的主頁(yè)
人們常說(shuō)不能以貌取人，但我們卻一直都在這么做。在電商的世界中，你的主頁(yè)就是顏值。
研究表明，只需0.05秒，一個(gè)用戶就能判斷出你的網(wǎng)站是否能夠滿足他們的需求。而且，如果你不能讓他們相信你的網(wǎng)站是可靠的、安全的或足夠有價(jià)值的，他們就會(huì)在眨眼之間拋棄你的網(wǎng)站。
那么，一個(gè)令人驚艷的主頁(yè)包含哪些要素呢?
-
一個(gè)可靠的產(chǎn)品價(jià)值定義，而非只是一句簡(jiǎn)單的口號(hào)。
它可以向用戶表明選擇你而非你的對(duì)手的主要原因。它由強(qiáng)有力的標(biāo)題、子標(biāo)題、功能列表和視覺要素組成。它傳達(dá)了你的品牌優(yōu)勢(shì)，展示了用戶將得到的收獲，且簡(jiǎn)潔易懂。
-
展示你的可信度。
在主頁(yè)底部展示用戶評(píng)價(jià)、合作伙伴、核心產(chǎn)品的特點(diǎn)和優(yōu)勢(shì)，或者一些動(dòng)向。
-
網(wǎng)站頁(yè)腳應(yīng)是一個(gè)可以讓用戶找到所有你最重要網(wǎng)頁(yè)頁(yè)面的地方。
請(qǐng)始終保持鏈接到公司信息頁(yè)、用戶幫助頁(yè)、社交媒體帳戶頁(yè)、聯(lián)系方式和社交媒體詳細(xì)信息，以及核心產(chǎn)品和其余產(chǎn)品種類。
-
讓這一切鏈接通暢無(wú)阻。
不論用戶是想購(gòu)買產(chǎn)品還是只想了解更多，他們都會(huì)想要和你進(jìn)行直接交流。這也就是為什么你需要加一個(gè)聊天機(jī)器人、電子郵件地址、點(diǎn)擊呼叫按鈕和社交媒體鏈接，以便于這些潛在客戶找到你。
3. 讓產(chǎn)品詳情頁(yè)更易轉(zhuǎn)化
主頁(yè)是用來(lái)吸引用戶并與他們建立關(guān)系的。但當(dāng)你想把一位訪客變成付費(fèi)用戶時(shí)，體現(xiàn)產(chǎn)品詳情頁(yè)重要價(jià)值的時(shí)刻就到了。它們需要為用戶深度展示你的產(chǎn)品，激發(fā)他們的興趣，并讓他們產(chǎn)生點(diǎn)擊“立即購(gòu)買”按鈕的欲望。那么，讓我們來(lái)一起看看產(chǎn)品詳情頁(yè)中最重要的元素都有哪些吧。
-
產(chǎn)品圖片
有的時(shí)候，即便是像“光線不好”這樣的細(xì)微因素也會(huì)影響人們對(duì)你照片的感覺，并導(dǎo)致他們離開你的網(wǎng)站。確保你的圖片和網(wǎng)站的色調(diào)很好地融合在一起，并保持合理。你拍攝的產(chǎn)品圖片應(yīng)增強(qiáng)你的品牌透明度和信任度，因此展示“正在使用中”的產(chǎn)品是個(gè)好主意。不管你賣的是衣服還是健身器材，你的用戶都希望可以輕松想象他們使用產(chǎn)品的樣子。
-
產(chǎn)品信息
告訴用戶關(guān)于產(chǎn)品他想知的一切信息，以便幫助他做出明智的決定。例如，如果要賣衣服，請(qǐng)列出具體的尺寸、尺碼、面料等。用簡(jiǎn)單易懂的語(yǔ)言來(lái)解釋產(chǎn)品的特點(diǎn)，以及它是如何解決用戶問(wèn)題的。如果產(chǎn)品有不同的尺寸或顏色，應(yīng)明確說(shuō)明。
-
個(gè)性化的用戶體驗(yàn)
這是所有大型電商品牌都會(huì)做的事情。他們會(huì)觀察用戶的偏好和購(gòu)買記錄，為他們提供一個(gè)流暢的購(gòu)買旅程。例如，添加“相關(guān)產(chǎn)品”或“其他用戶也購(gòu)買了”這樣的選項(xiàng)，可以幫助用戶更快地找到理想產(chǎn)品，并完成購(gòu)買。你還應(yīng)為用戶展示產(chǎn)品瀏覽歷史，方便他們更便捷地加入購(gòu)物車。
-
關(guān)聯(lián)銷售
簡(jiǎn)單地說(shuō)，關(guān)聯(lián)銷售的意思就是說(shuō)服用戶從你這里購(gòu)買更多的商品。一旦用戶購(gòu)買了某款產(chǎn)品，你的網(wǎng)站就展示與其相關(guān)的產(chǎn)品。舉例來(lái)說(shuō)，如果一位用戶購(gòu)買了無(wú)線鼠標(biāo)，你也可以為其展示鼠標(biāo)墊或電池產(chǎn)品。
4. 提供常見問(wèn)題頁(yè)面（FAQ）
如果有用戶不確定是否要從你這里購(gòu)買產(chǎn)品，那他很可能會(huì)在深思熟慮前就離開你的網(wǎng)站。你需要向他們證明這是一個(gè)錯(cuò)誤的選擇，而這正是“常見問(wèn)題“的切入點(diǎn)。
創(chuàng)建一個(gè)頁(yè)面去回答用戶最常問(wèn)的問(wèn)題，會(huì)讓用戶感到高興，將他們的購(gòu)買焦慮降到，也能夠更快引導(dǎo)他們完成購(gòu)買。這就是為什么，你需要積極地構(gòu)建FAQ頁(yè)面，提供可操作和有用的技巧，甚至通過(guò)截圖和圖片的形式來(lái)讓答案容易被更多人理解。
一個(gè)可靠的FAQ頁(yè)面還可以提升SEO（搜索引擎排名優(yōu)化），特別是在語(yǔ)音搜索SEO和本地化SEO盛行的時(shí)代。數(shù)據(jù)顯示，22%的搜索者會(huì)使用語(yǔ)音搜索在網(wǎng)上查找本地企業(yè)。因此，綜合考慮電商SEO實(shí)踐與本地化SEO服務(wù)，對(duì)你的電商網(wǎng)站至關(guān)重要。
這就是FAQ頁(yè)發(fā)揮首要作用的地方。也就是說(shuō)，在不損害用戶體驗(yàn)的情況下，它使你有機(jī)會(huì)針對(duì)搜索時(shí)高頻出現(xiàn)，及具有地區(qū)特征的關(guān)鍵詞，來(lái)優(yōu)化FAQ頁(yè)面的問(wèn)題和答案。此外，這也有助于提升你的網(wǎng)站在語(yǔ)音搜索中的排名，因?yàn)楣雀杞?jīng)常使用FAQ頁(yè)面作為語(yǔ)音搜索結(jié)果。
5. 讓訂單流程更友好
你已經(jīng)通過(guò)種種努力讓令人驚艷的主頁(yè)贏得了用戶的信任，用產(chǎn)品詳情頁(yè)頁(yè)的優(yōu)質(zhì)文案提升了他們對(duì)產(chǎn)品的興趣，現(xiàn)在是時(shí)候激發(fā)他們?nèi)ネ瓿勺詈蟮馁?gòu)買流程了。你千萬(wàn)不能搞砸了這個(gè)關(guān)鍵環(huán)節(jié)，因?yàn)橘?gòu)買流程是購(gòu)物流程閉環(huán)的最后一步。
-
不要強(qiáng)迫用戶注冊(cè)
不是所有人都想出現(xiàn)在你的收件人列表中。那么，面對(duì)這些希望不注冊(cè)就能從你這里購(gòu)買的用戶時(shí)，要怎么做呢？顯然，你應(yīng)該允許用戶自由選擇是否要跳過(guò)這一步。這也是你如何減少用戶放棄后的流失，并激發(fā)他們完成購(gòu)買的一個(gè)方法。
-
精簡(jiǎn)注冊(cè)表單
如果用戶決定注冊(cè)，那么讓他們的體驗(yàn)盡可能順暢。請(qǐng)去掉所有無(wú)關(guān)緊要的表單字段，專注于那些對(duì)你來(lái)說(shuō)真正重要的信息，例如手機(jī)號(hào)，電子郵件地址，信用卡信息以及收貨地址。要測(cè)試表單在移動(dòng)終端上填寫的友好性，確保用戶可以很容易地在這些設(shè)備上填寫。
-
運(yùn)費(fèi)透明
用戶并不喜歡討人厭的“驚喜”，而運(yùn)費(fèi)就是其中一種。這就是為什么你需要在產(chǎn)品頁(yè)上突出運(yùn)費(fèi)選項(xiàng)，并且告訴用戶產(chǎn)品總價(jià)和運(yùn)費(fèi)，以及預(yù)期送達(dá)時(shí)間。
-
建立用戶信任
用戶早已對(duì)愈演愈烈的網(wǎng)絡(luò)攻擊有所防備。令人不快的購(gòu)買經(jīng)歷，以及他們每天看到的關(guān)于數(shù)據(jù)泄露相關(guān)的消息，都迫使他們變得小心翼翼。所以，當(dāng)用戶在你網(wǎng)站下單之前，他們都想檢驗(yàn)?zāi)愕降子卸嘀档眯湃巍?br />
1）首先，你需要從HTTP切換到HTTPS（加密的網(wǎng)絡(luò)傳輸協(xié)議）。Google用一個(gè)綠色掛鎖和“安全”標(biāo)簽，來(lái)標(biāo)記帶有SSL證書的站點(diǎn)。而只有HTTP的站點(diǎn)會(huì)被標(biāo)記為“不安全”。這也適用于那些擁有復(fù)雜的數(shù)據(jù)加密手段和存儲(chǔ)用戶數(shù)據(jù)的有效方式但仍未購(gòu)買SSL證書電商網(wǎng)站。當(dāng)用戶看到“不安全”的警告時(shí)，他們可能會(huì)離開你的網(wǎng)站。
2）在購(gòu)買頁(yè)面上，另一個(gè)重要元素就是安全徽章。這展示了你網(wǎng)站的權(quán)威性，并且告訴用戶，他們的敏感數(shù)據(jù)將會(huì)被安全地保存在你這里。
3）最后，寫出一個(gè)詳細(xì)的隱私政策，并為它提供一個(gè)方便用戶找到的鏈接入口。
總結(jié)
對(duì)于電商而言，用戶體驗(yàn)至關(guān)重要。她會(huì)為你積累忠實(shí)的老用戶，激勵(lì)新訪客轉(zhuǎn)換為付費(fèi)用戶，并有助于他們向親朋好友傳播關(guān)于你的正面口碑。Jeff Bezos對(duì)此有很好的詮釋：
“如果你的確建立了很好的體驗(yàn)，用戶就會(huì)口口相傳。口碑的力量是無(wú)比強(qiáng)大的。”
我希望以上的這些秘訣將可以成為你的堅(jiān)實(shí)基礎(chǔ)，助力你在在電商領(lǐng)域取得成功。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。
