B2B 網頁設計:洛杉磯領先的 UX 設計機構如何使用數據和流程進行 UX 轉換

已發表: 2020-02-27

B2B web design

67% 的 B2B 購買決策受數字影響,尤其是您的網站。

而且,如果難以導航,37% 的訪問者會離開您的網站。

這對您的 B2B 業務意味著什麼?

這意味著:

  • 精心設計的用戶體驗 (UX) 可以在您的銷售渠道中多留住 37% 的訪問者
  • 優化您的網站以及其他數字渠道,可以使 67% 的潛在客戶更接近轉化

在本文中,我們將與洛杉磯領先的 UX 設計機構 WANDR 的創始人兼首席執行官 Jinny Oh 討論 B2B 網頁設計。

我們利用 WANDR 在 B2B UX 設計方面的豐富經驗和專業知識來確定最佳實踐、行業示例和工具。

讓我們潛入。

Jinny Oh - Founder of WANDR and B2B web design expert
Jinny Oh 創始人

1. DR:嗨,Jinny,讓我們先簡要介紹一下 WANDR 在 B2B 網頁設計方面的背景。

Jinny Oh:我於 2016 年 6 月開始 WANDR。從那時起,我們的團隊與許多著名的客戶合作,包括世界自然基金會 (WWF); 站得住腳; 美國空軍; 美元剃須俱樂部; IBM 沃森; 和高速公路保險(Confie)。

我們被各種評級平台評為 #1 UX 機構,並被您 Design Rush 票選為洛杉磯和舊金山地區的頂級 UX 設計公司。 (謝謝​​! ??

2. DR:好的 B2B 網頁設計的關鍵要素或品質是什麼?

JO:首先必須關注用戶為何訪問您的網站。

您是否有明確的內容可以與您的客戶交談? 您的網站內容是否吸引訪問者並讓他們保持參與? 它為他們增加了價值嗎? 如何?

這些問題定義了您的關注點。 它驅動您的 B2B 網頁設計。

另一個關鍵但經常被忽視的功能是清楚地看到電話號碼。 您希望快速將用戶引導至銷售代表/客戶服務代表。

此外,“安排演示”號召性用語 (CTA) 鏈接對於任何 B2B 網頁設計都是必不可少的。 這會將網站訪問者轉化為銷售線索。

通過預告視頻讓這個 CTA 變得有趣和獨特。 這樣,客戶就知道他們可以從安排演示中得到什麼。 它還增加了人為因素,建立了可信度,並增加了轉化率。 有關儀表板基礎知識和關鍵元素的更多信息,請查看我們關於 2019 年最佳儀表板示例的博客文章。

最後,透明度是 2020 年的遊戲名稱。

確保潛在客戶清楚您已經確定了他們的問題並且您的軟件是他們的解決方案。 清楚地說明定價計劃的運作方式,以及您的產品如何為其增加價值。

3. DR:帶我們了解您的流程:您如何進行 B2B UX 設計?

JO:總的來說,在 WANDR,我們認為 B2B UX 設計最重要的方法涉及數據和強大的團隊。

我們的框架:

  • 了解客戶的目標、願景和 KPI。 我們會問這樣的問題:“您擁有(或缺乏)哪些資源會阻止我們實施和/或執行您的願景和目標?”
  • 研究時間到了! 我們想知道我們客戶的客戶是誰。 接下來,我們想了解競爭對手如何為他們的客戶提供服務,以及客戶對競爭對手的評價(用戶喜歡/不喜歡競爭對手的服務是什麼?)。 最後,我們找出差距。
  • 審核現有產品。 差距是否與產品的診斷相符?
  • 生產時間! 我們開始根據我們進行的研究構建最佳的用戶旅程。 我們構建信息架構,然後構建低保真線框。
  • 使用線框進行可用性測試
  • 最後,但同樣重要的是,是時候實施藝術指導/視覺設計,將經過測試的線框引入高保真視覺設計中。

4. DR:讓我們談談用戶體驗審計:它是什麼,為什麼重要?

JO:啊,著名的問題!

事情是這樣的:用戶體驗與您的頂線和底線直接相關。

由於用戶體驗與您的財務投資回報率和組織的整體成功直接相關,因此將其帶到每次決策對話的第一線非常重要。 事實上,統計數據顯示,設計驅動型公司在十年內的表現比標準普爾高 228%。

UX 審計或可用性審計是產品負責人/產品經理確定可以提高其整體產品性能的領域的一種方式。

用戶體驗審計確定可能發生摩擦的位置以及原因。

有關如何進行自己的用戶體驗審計的指南,請下載我們網站主頁底部的免費電子書。

將其視為汽車的定期維護檢查或年度體檢——這是檢查產品的一種方式。

如果您對 UX 審計如何增加銷售額更感興趣,我寫了一篇關於此的博客文章,您可以在此處查看。

根據我們的專業知識,每季度進行一次用戶體驗審計可以幫助產品團隊專注於為客戶創造最佳的用戶體驗。

正在尋找最受好評的用戶體驗設計專家?
在這裡找到它們!

5. DR:關於 B2B 網頁設計有哪些常見的誤解?

JO:我經常聽到的最常見的誤解是 B2B 網頁設計或任何與 B2B 相關的東西都是簡單而靜態的。

在 WANDR,我們的使命是打破 B2B 網頁設計乏味且對公眾沒有吸引力的誤解。

我們希望 B2B 與消費品一樣有趣、性感、易於使用且易於理解。

WANDR team of UX Experts
萬德團隊

6. DR:您希望消除哪些 B2B 網頁設計趨勢?

JO:嗯,這個問題很棘手。

我認為擁有 AI 聊天機器人的 B2B 網頁設計趨勢不值得花時間或精力,因為數據顯示它在將用戶轉化為付費客戶方面不如真正的人類互動(通過聊天、電子郵件、電話等)有效.

這可能不適用於大型組織,它們花費了時間、精力和其他資源來使他們的 AI 聊天機器人非常高效。

例如,時代華納有一個很棒的聊天機器人,最終減少了他們致電客戶支持的次數。

但是,除此之外,我在其他網站上看不到它們的需要,這些網站通常會問我“有什麼可以幫助您的?” – 它更像是一個煩人的彈出窗口,會分散我的注意力並佔用太多空間。

總之,我認為許多企業和一些SaaS 營銷機構在開發聊天機器人上投入的時間、精力和金錢不值得給予客戶的價值。 此外,從長遠來看,它最終不會賺取或節省 SaaS 資金。

7. DR:說到趨勢,您如何確保您客戶的網站長期保持相關性? 什麼構成了用戶體驗和用戶界面設計的長期? 企業應該多久更新一次他們的網頁設計?

我們總是鼓勵客戶每年與我們進行一次用戶體驗審計,如果不是更頻繁的話(我們的季度審計客戶的結果最好)。

除了識別和修復導致客戶流失或客戶投訴的問題外,我們還審核客戶的網頁設計以了解當前趨勢。

這可確保我們的客戶積極主動地留住客戶並領先於競爭對手。

8. DR:您的書中有哪些 B2B UX 設計的最佳示例? 是什麼讓他們偉大?

查看我們關於 2019 年最佳 10 個用戶體驗網站和 10 個最佳 SaaS 網站的兩篇最新博文。 以下是我從博客中摘取的三個示例:

1. 站得住腳

(我們自己的一個)
我想在這裡強調的是他們儀表板的用戶體驗和數據可視化。

我們為他們的數據可視化所做的生產和測試量非常大。

我們為同一個儀表板創建了多個主題(例如,為喜歡深夜工作的用戶設計的深色版本;以及為需要更好的可訪問性的用戶設計的高對比度主題)。

這是最好的,因為我們為他們的數據可視化做了大量的處理。

2. 佐伊金融

(我們自己的一個)
這是真正的數據驅動設計。

我們在他們的網站和用戶引導上與他們的產品負責人密切合作 - 確保我們設計的所有內容都得到跟踪和分析。

除了我們通常進行的可用性測試之外,我們還有大量數據點來指導我們設計用戶體驗的方式。

3.AirTable

這些傢伙太棒了!

他們真的知道如何吸引新用戶並讓當前用戶發現更多使用他們工具的方法。

對於大多數應用程序,最高流失率發生在用戶註冊之後,因為用戶經常感到不知所措、迷失或不知道從哪裡開始,但這些人彌補了差距。

9. DR:WANDR 使用哪些工具來製作行業領先的網頁設計?

喬:

  • Figma:如果 Sketch 就像 Microsoft Word,那麼 Figma 就像 Google Docs for Design Software。 它是實時的,而且是基於 Web 的,因此產品團隊中的每個人都可以同時編輯同一個文件。 它也非常適合版本控制。
  • Airtable:這個漂亮的工具對於組織來說是不可思議的。 您可以根據您面臨的任何項目或任務,無論規模大小,自定義您想要的組織方式(如果不親眼看到就很難解釋,但我們發現這是項目經理的最佳工具,組織愛好者,以及介於兩者之間的每個人)。
  • Zoom:我們喜歡這種清晰可靠的視頻電話會議和錄音。
  • Loom:非常棒,而且是一個簡單的工具,用於記錄您的屏幕以獲取反饋和教程/說明。 非常適合加入和培訓團隊的新成員,或錄製團隊會議,您的團隊中的某個人無法參加。
尋找最受好評的網絡開發公司?
在這裡找到它們!

10. DR:最後,我們可以期待今年 B2B 網頁設計的趨勢是什麼?

JO:我寫了一篇關於我們可以在 2020 年看到的 5 個用戶體驗趨勢的文章,你可以在這裡查看。

隨著技術的發展,我預測 2020 年將帶來一些更新:

  • 語音接口
  • 更多地關注客戶的需求/問題而不是公司的工作
  • 3D 設計和 HTML5 動畫
  • 無障礙是必須的
  • 基於數據的設計
  • 動態內容個性化

謝謝金妮!

想要給您的用戶一個難忘的現場體驗嗎? 通過 [電子郵件保護] 或致電 +1 (323) 690-7705 與 WANDR 聯繫。