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