優(yōu)化B2B網(wǎng)站體驗(yàn)的10個最佳實(shí)踐(上)
本文闡述的最佳實(shí)踐只是優(yōu)化的起點(diǎn),不是用戶體驗(yàn)的終點(diǎn)。
以下是關(guān)于如何將Jakob Nielsen可用性啟發(fā)式方法,應(yīng)用于B2B或高關(guān)懷B2C領(lǐng)域的,新一代網(wǎng)站的一些想法(不一定必須有交易性的功能),例如: 電子商務(wù),用戶注冊等。
可用性啟發(fā)式被認(rèn)為是用戶界面設(shè)計(jì)的“經(jīng)驗(yàn)法則”(或最佳實(shí)踐),當(dāng)應(yīng)用到你的網(wǎng)站時,這些將有助于減少摩擦,并使你的買家專注于您嘗試傳達(dá)的信息,而不是被有缺陷或者不完整的界面困擾。
在B2B或高關(guān)懷B2C領(lǐng)域,你會面臨這樣的挑戰(zhàn)——必須解釋很多,以讓您的買家理解你的價格。 請記住,您銷售的產(chǎn)品價值越高,內(nèi)在摩擦力就越高,您需要在網(wǎng)站上回答的問題越多。
在這些情況下,信息架構(gòu)是一項(xiàng)很復(fù)雜的任務(wù)。一些B2B公司因忽視這些事實(shí)而臭名昭著,因?yàn)樗麄冇X得“這對我們來說并不重要,因?yàn)槲覀儗?shí)際上并沒有在我們的網(wǎng)站上出售任何東西……(我們只是個平臺)”。
Hoa Loranger,Chris Nodder和Jakob Nielsen在其“B2B Website Usability for Converting Users into Leads and Customers”報告中說:
“B2B網(wǎng)站應(yīng)該更多地強(qiáng)調(diào)可用性,因?yàn)樗鼈儽仨殠椭脩敉瓿筛呒壍娜蝿?wù),并需要研究更專業(yè)的產(chǎn)品?!?/p>
在設(shè)計(jì)新網(wǎng)站時,特別是當(dāng)你選擇了一種激進(jìn)的再設(shè)計(jì)方法,記住這些啟發(fā)式方法確實(shí)可以作為設(shè)計(jì)的指南針,或作為一個可靠的標(biāo)準(zhǔn),用來決定頁面設(shè)計(jì)、功能 、或信息展示形式。
接下來,我們將討論并用例子說明這些啟發(fā)式方法是如何運(yùn)用的。
可用性原則1:Make Your System Status Highly Visible (系統(tǒng)可見性)
Jakob Nielsen:
“系統(tǒng)應(yīng)該始終通過適當(dāng)?shù)姆答?,在合理的時間內(nèi),讓用戶了解正在發(fā)生的事情?!?/p>
在設(shè)計(jì)B2B網(wǎng)站時可以理解為:在瀏覽您的網(wǎng)站時,請務(wù)必告訴您的買家他們在哪里。
您可以通過以下方式實(shí)現(xiàn)此目的:
- 面包屑導(dǎo)航:面包屑導(dǎo)航(Breadcrumb navigation)就像一個GPS,告訴你的買家他們在你的網(wǎng)站上的位置。此外,通過面包屑導(dǎo)航,您的買家將有一條路徑,告訴他們?nèi)绾蔚竭_(dá)那里。所以請使用面包屑導(dǎo)航,無論是基于位置、歸因還是基于路徑。
- 頁面標(biāo)題:頁面標(biāo)題也應(yīng)該與買家點(diǎn)擊的導(dǎo)航項(xiàng)或鏈接相似,這不僅是SEO的良好實(shí)踐,它也是一種很好的用戶體驗(yàn)實(shí)踐。如果頁面的頁面標(biāo)題與用戶點(diǎn)擊的內(nèi)容相匹配,則買方可以放心他的選擇。
- 突出顯示所選菜單選項(xiàng):當(dāng)您單擊導(dǎo)航項(xiàng)目時,請將其突出顯示,加粗或加下劃線,以便您的買家立即獲得有關(guān)菜單選項(xiàng)的反饋。
- 在頁面加載時顯示進(jìn)度條:頁面加載指示器,如果您的買家試圖在您的網(wǎng)站上做某事,例如:加載計(jì)算器小部件或處理請求,那么最好顯示進(jìn)度條或某種通知,以便他們知道發(fā)生了什么。
- Thank You頁面:也是當(dāng)前狀態(tài)的重要指標(biāo),例如:如果您的買家下載電子書或訂閱網(wǎng)絡(luò)研討會,那么Thank You頁面確認(rèn)剛剛采取的操作,非常重要。
如果你跳過這些元素,你的網(wǎng)站將會令人困惑,你的買家會開始懷疑它們在哪里,這是一個完全不必要的摩擦點(diǎn)(friction point),因此盡量使您的導(dǎo)航非常清晰。
Berkshire公司做得很好,為他們的買家提供有關(guān)他們在瀏覽網(wǎng)站時的確切位置的反饋,并且面包屑導(dǎo)航告訴他們他們是如何到達(dá)那里的。
請記住,好的網(wǎng)站在買家提問之前必須回答買家的問題。但是,如果你的買家在試圖弄清楚你的網(wǎng)站時分心,或者想知道點(diǎn)擊后是否發(fā)生了什么事情,他們會感到困惑和沮喪。
以此主頁為例:
現(xiàn)在看看這個網(wǎng)站的其他頁面,看看你是否可以猜到點(diǎn)擊了網(wǎng)站的哪個部分,或者你是否知道現(xiàn)在你在網(wǎng)站的哪個位置:
你不知道你在哪里……但是實(shí)際上用戶點(diǎn)擊了主頁的某個地方。
以下是一個例子,展示Thank You頁面如何作為系統(tǒng)狀態(tài)確認(rèn):“Hey you have downloaded this report…”
專業(yè)建議:確保使用面包屑導(dǎo)航,并清楚地指出導(dǎo)航激活的部分。
可用性原則2:Match Your System to the Real World (匹配現(xiàn)實(shí)世界)
Jakob Nielsen:
“系統(tǒng)應(yīng)該說用戶的語言,用戶熟悉的單詞,短語和概念,而不是系統(tǒng)導(dǎo)向的術(shù)語。遵循現(xiàn)實(shí)世界的慣例,使信息以自然和邏輯性的順序出現(xiàn)?!?/p>
在設(shè)計(jì)B2B網(wǎng)站時可以理解為:使用買家了解的短語和單詞,不要使用行話。您的買家必須看到他們熟悉的單詞,短語和概念,而不是過于技術(shù)性的術(shù)語。
事實(shí)上,最好的語言和語調(diào)應(yīng)直接來自買家口中。因此,花時間與客戶交談,讓他們告訴您產(chǎn)品對他們意味著什么,解決了什么問題,以及他們在使用產(chǎn)品之前的生活。您在網(wǎng)站上提供的任何信息都應(yīng)該完全不用行話,而是以自然和邏輯的方式出現(xiàn)。
看看iTunes的用戶界面外觀,你會理解真實(shí)文字標(biāo)簽如何為用戶提供舒適的用戶體驗(yàn)。 iTunes本質(zhì)上是一個巨大的數(shù)字圖書館,可以存儲喜歡的媒體項(xiàng)目,無論是音樂,電影還是電視節(jié)目。很明顯,使用這些真實(shí)世界的標(biāo)簽,可以幫助用戶通過保持語言相關(guān)性,來消費(fèi)他們在iMac上最喜歡的媒體項(xiàng)目。
Techport 13用非常簡單的語言解釋了他們的所作所為:
他們的買家字面上使用的術(shù)語如下:
- “推出新軟件”
- “培養(yǎng)團(tuán)隊(duì)”
- “進(jìn)行系統(tǒng)自定義和增強(qiáng)”
- “讓IT運(yùn)行順暢”
在網(wǎng)站redesign之前,他們在主頁上的語言與現(xiàn)在的形成鮮明對比:
當(dāng)然他們的客戶不會使用以下術(shù)語:
- “我們的資源,產(chǎn)品和成熟戰(zhàn)略”
- “充分利用”
- “……我們的員工一直熟練地將豐富的經(jīng)驗(yàn)應(yīng)用于我們的客戶”
- “各種各樣的客戶體驗(yàn)……”
專業(yè)建議:您的網(wǎng)站必須使用真實(shí)世界的語言與買家對話。
可用性原則3:Allow User Control and Freedom (用戶控制權(quán)和自由度)
Jakob Nielsen說:
“用戶經(jīng)常錯誤地選擇系統(tǒng)功能,需要一個明確標(biāo)記的“緊急出口”才能離開當(dāng)前錯誤的狀態(tài),無需進(jìn)行擴(kuò)展對話,支持撤消和重做?!?/p>
在設(shè)計(jì)B2B網(wǎng)站時可以理解為為:消除任何將控制權(quán)從用戶手中搶走的事物。
以下是網(wǎng)頁設(shè)計(jì)中常見違反此啟發(fā)式的三個示例:(某些)Pop-up請求,一些自動操作如自動播放視頻和自動輪播。
- Pop-up請求:我們都訪問過突然出現(xiàn)彈出窗口的網(wǎng)站,要求我們加入網(wǎng)站或進(jìn)行反饋調(diào)查。像這樣的打擾性彈出窗口本身很煩人(雖然pop-up使用正確時是ok的),如果你的買家不能拒絕這樣一個打擾性的請求,這種體驗(yàn)就會更糟。
如果您想通過要求買家加入調(diào)查來收集反饋,那么請?jiān)趶棾龃翱诔霈F(xiàn)時允許他們拒絕您的請求,從而給予他們100%的控制和自由。信不信由你,這將提高你的調(diào)查質(zhì)量,因?yàn)槟切┻x擇加入的人更可能是誠實(shí)的。
在Grainger的網(wǎng)站上,一家工業(yè)供應(yīng)公司,買家在彈出窗口中的大紅色“加入”號召性用語按鈕的正下方清楚地看到“No,thanks”。您的買家會喜歡這一深思熟慮的功能的,因?yàn)樗鼤黾铀麄兊挠脩趔w驗(yàn)。當(dāng)然,那些想要提供反饋的人可以輕松地點(diǎn)擊“Join”CAT按鈕。
- 自動播放視頻:買家的另一個問題是,一旦買家登陸網(wǎng)站,一些網(wǎng)站會自動播放視頻。這可能令人沮喪,因?yàn)橛行┯脩舾杏X到這是一種麻煩。只在他們想要的時候播放視頻,并讓視頻成為書面信息的補(bǔ)充。
Square是這樣做的:
- 自動播放salesman:如果您認(rèn)為自動播放視頻很煩人,那么您還沒有體驗(yàn)過自動播放銷售人員。信不信由你,仍然有網(wǎng)站在使用自動播放salesman。它會讓買家失去大量時間,所以要避免這些糟糕的舉動。
- 自動輪播:另一個導(dǎo)致買家焦慮和沮喪失控的例子是自動滑動橫幅,盡管已經(jīng)反復(fù)證明自動輪播沒什么用。與其在網(wǎng)站中使用這種令人分心的元素,不如為您的網(wǎng)站好好展示信息,以便讓買家輕松發(fā)現(xiàn)和探索,讓他們完全控制自己的體驗(yàn)。
例如,一種更好的方法: WSI franchise使用標(biāo)簽來引導(dǎo)用戶瀏覽相關(guān)內(nèi)容。
專業(yè)建議:讓您的買家輕松發(fā)現(xiàn)并控制他們想要去的地方或他們想去的地方,消除任何移動或自動激活的內(nèi)容,包括輪播、自動播放視頻和語義動畫。
原文地址:https://conversionxl.com/blog/10-best-practices-for-better-b2b-website-experience/
譯者:Halo
本文由 @Halo 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
期待下一篇!
迅雷打開后就會自動播放視頻 體驗(yàn)非常差
先收藏以后再看
過來支持一下