根據(jù)美國國稅局(IRS)的數(shù)據(jù)，目前全球有520萬家B2B企業(yè)，這是多么龐大的數(shù)額。然而，它確實體現(xiàn)出了一些相當(dāng)令人擔(dān)憂的問題，首先，市場上有這么多的公司，為什么我們只能說出這么少的名字?

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

對于B2B公司來說，網(wǎng)頁設(shè)計是在數(shù)百個相似的網(wǎng)站中脫穎而出的好方法。問題是- B2B網(wǎng)站設(shè)計的概念甚至不應(yīng)該是昂貴的，它必須是舒適的，所有的功能都是有意義的。這甚至是當(dāng)?shù)仄髽I(yè)也能負(fù)擔(dān)得起的。

1、了解用戶流程

在B2B中，企業(yè)很少追求品牌知名度本身的目標(biāo)，更重要的是將你的訪問者轉(zhuǎn)化為潛在客戶和買家。不管你的目標(biāo)是什么，聯(lián)系、電話或銷售，你都應(yīng)該知道用戶需要什么才能達到目標(biāo)，并考慮幫助他們達到目標(biāo)的最佳方式。

2、使用面包屑導(dǎo)航

有不同的工具和設(shè)計方法來安排用戶瀏覽網(wǎng)站的方式，對于提供大量服務(wù)的B2B網(wǎng)站，面包屑導(dǎo)航是最好的解決方案。

快速總結(jié)：面包屑導(dǎo)航起源于童話故事Hansel和Gretel，就像在故事中一樣，breadcrumb(在本例中是以前頁面的列表)幫助用戶跟蹤網(wǎng)站上的所有移動，以便他們可以隨時返回到任何頁面。

3、遵循“黃金比例”

對于那些在設(shè)計或藝術(shù)理論方面沒有太多經(jīng)驗的人，這里有一個“黃金比例”的簡要介紹?？茖W(xué)家們在沒有深入研究其背后的數(shù)學(xué)原理的情況下，一度計算出了一個具有美感的完美矩形的參數(shù)——它的長度必須等于其寬度的1.6倍，300×485像素矩形就可以被認(rèn)為是完美的。

4、使用進度條指示頁面的加載狀態(tài)

現(xiàn)在一個眾所周知的事實是，頁面加載時間太長可能會讓用戶失去動力。然而，即使你的網(wǎng)站還沒有達到火箭速度，也不應(yīng)該意味著你必須失去訪問者。

解決這種情況的可靠方法是通知用戶加載頁面的進度，你可以通過設(shè)置最簡單的進度條來實現(xiàn)這一點，這些進度條不會讓你的網(wǎng)站慢下來，也可以讓用戶放心，他們不會白白等待。

5、保持核心數(shù)據(jù)在第一個滾動

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

對于網(wǎng)頁設(shè)計師來說，這里的教訓(xùn)在于內(nèi)容的優(yōu)先級。雖然你的頁面應(yīng)該從一個介紹開始，然后慢慢滑到一個CTA (call-to-action)，這似乎是合乎邏輯的，但事實并非如此。確保在第一卷中展示所有商品——最好的功能，最方便的建議。一旦你用最吸引人的報價吸引了認(rèn)真的買家，他們會進一步閱讀你的其他信息，這樣可以節(jié)省訪問者的時間并獲得更多的線索。

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

無論在現(xiàn)實生活中還是在網(wǎng)上，說“謝謝”似乎都是微不足道的細(xì)節(jié)。然而，在這兩種情況下，贏得別人的信任和給人一個好的外表態(tài)度可能是至關(guān)重要的。當(dāng)涉及到網(wǎng)站設(shè)計時，感謝頁面會做一些重要的事情：

增加了一點個性化，用戶并不僅僅是你的百度分析中的一個數(shù)字，或者是你底線的一個銷售，一點點人類的感激會讓每個人感到特別和被關(guān)心。

提高品牌知名度，你可以用一種創(chuàng)意性的、令人難忘的風(fēng)格來設(shè)計你的“謝謝”頁面。這將是一個驚喜，并給用戶另一個機會記住你。

狀態(tài)跟蹤，如果用戶下載了一本電子書或白皮書，訂閱了一份時事通訊，或者留下了一條消息，那么讓他們知道這個操作成功是很重要的。將訪問者重定向到謝謝”頁面是一種表示“一切正?！钡姆绞健?

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

作為面向轉(zhuǎn)換的頁面(將用戶引向特定目標(biāo))的創(chuàng)建者，有一個“最期望的結(jié)果”的原則。要詳細(xì)說明，頁面上可以有幾個動作調(diào)用，但是其中一個調(diào)用顯然比其他調(diào)用更重要。

如果這是你的網(wǎng)站的情況，考慮清楚地區(qū)分最需要的CTA。這可以通過更改CTA本身的位置或指向下一步的按鈕的大小來實現(xiàn)。

區(qū)分不同的CTAs允許您引導(dǎo)用戶獲得最期望的結(jié)果，而不會將他們的選擇限制在一個選項上。

8、更改已訪問鏈接的顏色

任何讓你的網(wǎng)站的訪問者難以理解的行為都已經(jīng)讓網(wǎng)站本身變得不那么友好了，為了確保每一頁都盡可能使用舒適，你必須注意細(xì)節(jié)。

被訪問鏈接的顏色是那些小細(xì)節(jié)之一，這些小細(xì)節(jié)對輕松地傳遞重要信息大有幫助。一個最被低估的設(shè)計細(xì)節(jié)，知道他們已經(jīng)看到了一個頁面可以幫助用戶避免惱人的?似曾相識?效果。

在為這篇博客文章做研究時，我們點擊了尼爾森·諾曼(Nielsen Norman)團隊一位作者的個人資料頁面。當(dāng)鏈接變成紫色時，我們很方便地看到我們已經(jīng)訪問了它(見上圖)。

9、充分利用404頁面

當(dāng)您的網(wǎng)站出現(xiàn)錯誤時，第一個沖動是進入技術(shù)細(xì)節(jié)，這樣您就可以解釋代碼中出現(xiàn)了什么錯誤。然而，就像量子物理學(xué)一樣，高級編碼并不容易理解。因此，您不應(yīng)該使用它來解釋錯誤。

相反，用清晰的語言來溝通錯誤。即使您沒有完全解釋問題，用戶至少也會理解發(fā)生了什么。有一些方法可以處理404頁面：

是創(chuàng)意性的，如果網(wǎng)站上有錯誤，為什么不利用這個不幸的情況開幾個玩笑呢?這將顯示個性，并可能減輕用戶對錯誤的挫敗感。

是建設(shè)性的，如果有些東西不工作，解釋用戶應(yīng)該做什么，以及如何解決問題。

無論您選擇哪一個，都不要隱藏在代碼和模棱兩可的短語后面，例如：“親愛的用戶，這里有一個錯誤#5505”。在上圖中，TechCrunch是404s中健康、建設(shè)性對話的一個例子。

10、使用塊和表來構(gòu)造信息

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