B2B網站設計的十大技巧是什麼?

根據美國國稅局(IRS)的資料,目前全球有520萬家B2B企業,這是多麼龐大的數額。然而,它確實體現出了一些相當令人擔憂的問題,首先,市場上有這麼多的公司,為什麼我們只能說出這麼少的名字?

對營銷的最小關注仍然是如此多的B2B網站在灰色地帶的發展。雖然一些促銷策略可能會花很多錢,但是其他的策略相對便宜和直接。

對於B2B公司來說,網頁設計是在數百個相似的網站中脫穎而出的好方法。問題是- B2B網站設計的概念甚至不應該是昂貴的,它必須是舒適的,所有的功能都是有意義的。這甚至是當地企業也能負擔得起的。

B2B網站設計的十大技巧是什麼?

1、瞭解使用者流程

在B2B中,企業很少追求品牌知名度本身的目標,更重要的是將你的訪問者轉化為潛在客戶和買家。不管你的目標是什麼,聯絡、電話或銷售,你都應該知道使用者需要什麼才能達到目標,並考慮幫助他們達到目標的最佳方式。

 2、使用麵包屑導航

有不同的工具和設計方法來安排使用者瀏覽網站的方式,對於提供大量服務的B2B網站,麵包屑導航是最好的解決方案。

快速總結:麵包屑導航起源於童話故事Hansel和Gretel,就像在故事中一樣,breadcrumb(在本例中是以前頁面的列表)幫助使用者跟蹤網站上的所有移動,以便他們可以隨時返回到任何頁面。

 3、遵循“黃金比例”

對於那些在設計或藝術理論方面沒有太多經驗的人,這裡有一個“黃金比例”的簡要介紹。科學家們在沒有深入研究其背後的數學原理的情況下,一度計算出了一個具有美感的完美矩形的引數——它的長度必須等於其寬度的1。6倍,300×485畫素矩形就可以被認為是完美的。

4、使用進度條指示頁面的載入狀態

現在一個眾所周知的事實是,頁面載入時間太長可能會讓使用者失去動力。然而,即使你的網站還沒有達到火箭速度,也不應該意味著你必須失去訪問者。

解決這種情況的可靠方法是通知使用者載入頁面的進度,你可以透過設定最簡單的進度條來實現這一點,這些進度條不會讓你的網站慢下來,也可以讓使用者放心,他們不會白白等待。

B2B網站設計的十大技巧是什麼?

 5、保持核心資料在第一個滾動

尼爾森諾曼集團(Nielsen Norman Group)的研究顯示,74%的使用者注意力集中在網站的前兩卷內容上。事實上,只有6-8%的人有足夠的興趣、時間或精力從頭到尾閱讀頁面內容。

對於網頁設計師來說,這裡的教訓在於內容的優先順序。雖然你的頁面應該從一個介紹開始,然後慢慢滑到一個CTA (call-to-action),這似乎是合乎邏輯的,但事實並非如此。確保在第一卷中展示所有商品——最好的功能,最方便的建議。一旦你用最吸引人的報價吸引了認真的買家,他們會進一步閱讀你的其他資訊,這樣可以節省訪問者的時間並獲得更多的線索。

 6、在使用者完成一個重要的操作之後使用謝謝頁面

無論在現實生活中還是在網上,說“謝謝”似乎都是微不足道的細節。然而,在這兩種情況下,贏得別人的信任和給人一個好的外表態度可能是至關重要的。當涉及到網站設計時,感謝頁面會做一些重要的事情:

增加了一點個性化,使用者並不僅僅是你的百度分析中的一個數字,或者是你底線的一個銷售,一點點人類的感激會讓每個人感到特別和被關心。

提高品牌知名度,你可以用一種創意性的、令人難忘的風格來設計你的“謝謝”頁面。這將是一個驚喜,並給使用者另一個機會記住你。

狀態跟蹤,如果使用者下載了一本電子書或白皮書,訂閱了一份時事通訊,或者留下了一條訊息,那麼讓他們知道這個操作成功是很重要的。將訪問者重定向到謝謝”頁面是一種表示“一切正常”的方式。

7、概述主要及次要的行動召喚(CTA)

作為面向轉換的頁面(將使用者引向特定目標)的建立者,有一個“最期望的結果”的原則。要詳細說明,頁面上可以有幾個動作呼叫,但是其中一個呼叫顯然比其他呼叫更重要。

如果這是你的網站的情況,考慮清楚地區分最需要的CTA。這可以透過更改CTA本身的位置或指向下一步的按鈕的大小來實現。

區分不同的CTAs允許您引導使用者獲得最期望的結果,而不會將他們的選擇限制在一個選項上。

B2B網站設計的十大技巧是什麼?

8、更改已訪問連結的顏色

任何讓你的網站的訪問者難以理解的行為都已經讓網站本身變得不那麼友好了,為了確保每一頁都儘可能使用舒適,你必須注意細節。

被訪問連結的顏色是那些小細節之一,這些小細節對輕鬆地傳遞重要資訊大有幫助。一個最被低估的設計細節,知道他們已經看到了一個頁面可以幫助使用者避免惱人的«似曾相識»效果。

在為這篇部落格文章做研究時,我們點選了尼爾森·諾曼(Nielsen Norman)團隊一位作者的個人資料頁面。當連結變成紫色時,我們很方便地看到我們已經訪問了它(見上圖)。

9、充分利用404頁面

當您的網站出現錯誤時,第一個衝動是進入技術細節,這樣您就可以解釋程式碼中出現了什麼錯誤。然而,就像量子物理學一樣,高階編碼並不容易理解。因此,您不應該使用它來解釋錯誤。

相反,用清晰的語言來溝通錯誤。即使您沒有完全解釋問題,使用者至少也會理解發生了什麼。有一些方法可以處理404頁面:

是創意性的,如果網站上有錯誤,為什麼不利用這個不幸的情況開幾個玩笑呢?這將顯示個性,並可能減輕使用者對錯誤的挫敗感。

是建設性的,如果有些東西不工作,解釋使用者應該做什麼,以及如何解決問題。

無論您選擇哪一個,都不要隱藏在程式碼和模稜兩可的短語後面,例如:“親愛的使用者,這裡有一個錯誤#5505”。在上圖中,TechCrunch是404s中健康、建設性對話的一個例子。

10、使用塊和表來構造資訊

將內容組織成塊和表是確保使用者閱讀您的副本的好方法,透過這種方式可以完成很多事情——首先,頁面不再那麼長了(還記得我們從長頁面中學到了什麼嗎?)此外,對於任何需要比較的內容,表格都是一個很好的表示。正因為如此,他們現在正乘勢而上。