婷婷五月深爱憿情网六月综合 ,99久久精品国产免费看

搜索

APP

起點課堂會員權(quán)益

職業(yè)體系課特權(quán)

線下行業(yè)大會特權(quán)

個人IP打造特權(quán)

30+門專項技能課

1300+專題課程

12場職場軟技能直播

12場求職輔導(dǎo)直播

12場專業(yè)技能直播

會員專屬社群

榮耀標(biāo)識

發(fā)布

注冊 | 登錄

優(yōu)化B2B網(wǎng)站體驗的10個最佳實踐（下）

halo

2018-12-28

1 評論 2985 瀏覽 13 收藏

19 分鐘

在進(jìn)行網(wǎng)站設(shè)計的時候，盡管遵循一些啟發(fā)式方法都只是一種理智的行為。雖然這些啟發(fā)式方法不是網(wǎng)頁設(shè)計的固定規(guī)則，但它是一個很好的起點。

可用性原則4: Use Consistency and Standards（一致性和規(guī)范）

Jakob Nielsen：“用戶不應(yīng)該去猜測不同的詞語，情境或行為是否意味著相同的事情，遵循平臺規(guī)范。”

在設(shè)計B2B網(wǎng)站時可以翻譯為：您最不應(yīng)該做的事就是讓買家在您的網(wǎng)站上產(chǎn)生混淆。他們不應(yīng)該去猜測各種語言、情形或行為是否有相同或不同的含義，網(wǎng)站不應(yīng)該充滿謎題。相反，你應(yīng)該創(chuàng)造流暢的體驗，消除任何猜測。

Massey Ferguson是拖拉機和全球收割業(yè)務(wù)的領(lǐng)導(dǎo)者，它的網(wǎng)站充分體現(xiàn)了一致性。在每個頁面上，無論是主頁還是產(chǎn)品頁面，買家都會看到相同的空白區(qū)域，干凈的布局和組織良好的信息層次結(jié)構(gòu)。這會使買家保持冷靜，并能夠快速掃描整個站點的重要區(qū)域。保持一致性和簡單使您的網(wǎng)站“可學(xué)會的”，這是一件好事，這樣網(wǎng)站對您的買家來說更容易使用。

有許多很好的標(biāo)準(zhǔn)導(dǎo)航樣式的例子，這是Sprint Business網(wǎng)站中的一個頁面。在整個網(wǎng)站中，無論您在哪里，您都會在導(dǎo)航欄中看到相同的元素，以便買家隨時了解他們的位置。此外，從任何頁面的分層導(dǎo)航中都會顯示相同的下拉菜單方案。

以Georgia Pacific Corporation為例。他們是一個龐大的公司，但不同相關(guān)品牌的體驗是非常不同的，具有不同的導(dǎo)航風(fēng)格和不同的標(biāo)準(zhǔn)。這當(dāng)然不是一種統(tǒng)一的體驗，可能會給一些買家?guī)砝Щ蟆?/p>

人們可能會爭辯說，因為公司規(guī)模如此之大且市場變化多端，所以您瀏覽網(wǎng)站的不同區(qū)域時有不同的體驗，你必須考慮到這樣做會：

當(dāng)買家偶然發(fā)現(xiàn)差異化的地方或小型網(wǎng)站時，要迫使他們適應(yīng)不同的界面；
會讓一些買家以為他們離開了您的主站點。

專業(yè)建議：在網(wǎng)站的不同部分遵循標(biāo)準(zhǔn)外觀和導(dǎo)航樣式。

可用性原則5： Prevent Errors（防錯）

Jakob Nielsen：“比提供合適的錯誤信息更好的是一開始就防止問題發(fā)生。試著消除容易出錯的情況，或者識別這些情況，并在用戶采取行動之前向用戶提供確認(rèn)選項?！?/p>

在設(shè)計B2B網(wǎng)站時可以翻譯為：對任何錯誤的最佳防御是盡一切力量避免它們。當(dāng)您仔細(xì)而謹(jǐn)慎地考慮用戶體驗時，錯誤就不會出現(xiàn)。這可能需要對您的網(wǎng)站進(jìn)行多次可用性測試和改進(jìn)。

以下是一些容易預(yù)防的錯誤：

在網(wǎng)絡(luò)表單中輸入錯誤的信息：為了使表單簡潔干凈，文本框名稱被放置在文本框內(nèi)部，一旦用戶點擊文本框，他就會被強制記起應(yīng)該在那里寫什么。

讓用戶輕松一點，不要延長他們的短期記憶，在文本框外面列出名稱。

用戶認(rèn)為它點擊了錯誤的地方（實際上沒有）：當(dāng)CTA按鈕與其指向的目標(biāo)網(wǎng)頁語言不相似時，會導(dǎo)致您的買家懷疑或感到沮喪和焦慮。

舉個例子：

落地頁與期望無關(guān)，買家很容易感到沮喪、困惑，并相信他犯了錯誤。

讓我們來看看Simply Business的流程，邀請用戶請求保險報價。首先，這是他們主頁上的CTA：

這是它的落地頁，有好的地方也有不好的地方：

搜索框是用戶犯常見錯誤的地方：這就是為什么使用自動推薦功能可以為每個用戶創(chuàng)造奇跡。以Google的自動推薦功能為例。每次在搜索引擎中輸入短尾或長尾關(guān)鍵字時，搜索框中都會顯示可能的列表，從而避免拼寫錯誤。

使您的買家離開您的網(wǎng)站：當(dāng)您的買家在您的網(wǎng)站頁面中，了解您的產(chǎn)品和服務(wù)，或者在轉(zhuǎn)化渠道的關(guān)鍵頁面，嘗試通過消除外部鏈接讓您的買家繼續(xù)執(zhí)網(wǎng)站上的任務(wù)。如果您必須在這些頁面中放置外部鏈接，因為它指向一個有價值的資源，那么顯示“您要離開我們的網(wǎng)站”警告是一個好習(xí)慣。您可以在博客中對這個問題保持隨意態(tài)度，但不能在您的網(wǎng)站頁面中松懈。

主要和次要CTA之間有明確的區(qū)別：在任何面向跳轉(zhuǎn)的頁面中，應(yīng)始終存在最重要的下一步。這并不意味著您應(yīng)該將買家鎖定為一個操作，但這確實意味著您需要建立一個清晰的層次結(jié)構(gòu)，并確保主要的CTA更大或字體更粗。

以下是最示例：

專業(yè)建議：保持網(wǎng)站各處清楚，如果有不清楚的地方，買家會犯錯誤，這不是因為他們愚蠢，而是因為你沒有做好功課。

可用性原則6：?Base Everything on Recognition Instead of Recall（識別優(yōu)于回憶）

Jakob Nielsen：“通過使對象、動作和選項可見，最大限度地減少用戶的記憶負(fù)荷。用戶不需要記住從對話的一部分到另一部分的信息?！?/p>

在設(shè)計B2B網(wǎng)站時可以翻譯為：您的買家需要能夠在瀏覽您的網(wǎng)站時，快速識別下一步去哪或下一步該做什么。有一些UX功能可以幫助您實現(xiàn)這一目標(biāo)，但仍然要小心使用它們：

手風(fēng)琴（Accordions）：手風(fēng)琴需要延長短期記憶力，如果問題中的措辭與他最先想到的措辭相同時，使用手風(fēng)琴效果最好。

Wealthfront做對了。它通過手風(fēng)琴呈現(xiàn)大量信息，但問題分為帶有清晰標(biāo)題的部分，使用易于理解的語言編寫，并按邏輯順序排列。

粘性菜單（Sticky menus）：對于長頁面，常見的問題是讓買家知道他們的頁面有多深。粘性菜單是一個很好的解決方案，因為無論買家的頁面有多深，他總是可以訪問菜單導(dǎo)航選項。

Atlassian在讓買家認(rèn)識到他們所處的部分，以及已探索的信息方面做得非常出色。他們使用粘性菜單和標(biāo)簽內(nèi)容的組合，在單個頁面中解釋他們的整個軟件解決方案Jira（這是一個非常復(fù)雜的軟件解決方案）。

更改已訪問鏈接的顏色：這是現(xiàn)代設(shè)計人員和開發(fā)人員經(jīng)常忽略的原則，但這是改進(jìn)識別的一種非常簡單的方法。

專業(yè)建議：當(dāng)他們?yōu)g覽您的網(wǎng)站時，不要延長買家的記憶。不要強迫他們記住任何事情。指出他們的位置，他們的去向以及他們已經(jīng)去過的位置。

可用性原則7： Encourage Efficiency and Flexibility of Use（靈活高效）

Jakob Nielsen：“Accelerators – 新手用戶是看不到的- 可以經(jīng)常加快專家用戶的交互，使系統(tǒng)同時可以滿足缺乏經(jīng)驗和有經(jīng)驗的用戶。允許用戶定制頻繁的操作。”

在設(shè)計B2B網(wǎng)站時可以翻譯為：網(wǎng)站中進(jìn)行最常見的任務(wù)要最容易被找到。

有限（但相關(guān)）的用戶流程選項：Pipedrive首屏限制為4個選項：注冊、登錄、開始免費試用了和解有關(guān)軟件的更多信息。

對老用戶而言得體的CTA：對于網(wǎng)站而言，要記住的另一個重要事項是在網(wǎng)站頂部放置一個始終可訪問的CTA快捷方式。這一點非常重要，因為在購買過程的評估階段，您的購買者往往會經(jīng)常訪問您的網(wǎng)站，而CTA使他們可以輕松地對最終步驟采取行動。

專業(yè)建議：您可以使用快捷方式大幅減少用戶執(zhí)行任務(wù)所需的鼠標(biāo)點擊次數(shù)。

可用性原則8： Keep Your Design Aesthetically Minimalist（簡約設(shè)計）

Jakob Nielsen：“對話不應(yīng)包含不相關(guān)或很少需要的信息。對話中的每個額外信息都在與相關(guān)的信息競爭，并降低其相對可見性?！?/p>

在設(shè)計B2B網(wǎng)站時可以翻譯為：極簡主義似乎有一種即時的吸引力，事實上，更簡單的設(shè)計在科學(xué)上被證明對買家更具吸引力，并且設(shè)計趨勢反映了這一點。

以下是一些簡單的設(shè)計示例，同時為買方提供足夠的信息：

另一個在網(wǎng)頁設(shè)計中利用極簡主義優(yōu)勢的網(wǎng)站是Reuters，它的主頁采用了簡約的色彩對比度，足以引導(dǎo)買家注意行為區(qū)域。請注意大量使用空白區(qū)域，以指導(dǎo)我們希望買家看到的內(nèi)容，并把重要的區(qū)域從背景中清晰地襯托出來。

Basecamp是另一個很好的例子，針對現(xiàn)有用戶的一個最突出的CTA（在頂部），以及一個針對新買家的最突出的CTA。

現(xiàn)在舉個Apple的界面做例子，就是“選擇你的國家或地區(qū)”頁面（這可能是蘋果被用作反例最多的一次）。他們把產(chǎn)品銷售給來自世界各國的企業(yè)和用戶。考慮到這一點，您可能會認(rèn)為公司會在提示他們“選擇您的國家/地區(qū)”頁面上選擇他們的國家時，減輕其購買者的認(rèn)知負(fù)擔(dān)。

不幸的是，Apple讓其買家在頁面上從一個巨大的列表中單獨找到他們各自的國家。這迫使買家必須思考和識別他們國家的名稱和標(biāo)志，而不是只有在他們在下拉菜單中鍵入幾個字符后才提供匹配建議。你認(rèn)為蘋果公司 – 給予買家良好用戶體驗的強大支持者 – 會更好地考慮該頁面……但事實并非如此。