科技公司的 5 種 UX 工具 2017 年 6 月 12 日

如果您沒有註意到，用戶體驗 (UX)正在徹底改變和定義當今商業世界中幾乎每家公司的數字戰略。 雖然這場革命確實席捲了幾乎所有存在的行業，但特別是有一個真正將用戶體驗置於基座之上。 科技行業，如今“您的產品與用戶體驗一樣好” 。

對他們的成功至關重要的是，幾乎所有科技公司都加入了這股潮流，並開始不僅關注他們的網站和移動應用程序的用戶體驗，還關注他們的產品（尤其是他們的客戶在入職流程）。

從根本上說，用戶體驗是關於人與技術之間的關係的。 它涵蓋了用戶與貴公司交互的所有方面，因此，UX 是技術行業中許多數字營銷人員、開發人員和網絡分析師的主要關注點。

在這篇博客中，我們將看看科技公司可能想要考慮的不同類型的 UX 工具，並包括一些實用技巧和示例。 我們特別定義了五個類別：

• 網絡分析和事件跟踪工具
• 熱圖和點擊跟踪工具
• A/B 和拆分測試工具
• 視覺反饋工具
• 樣機和線框圖工具

但首先，在你開始使用這些 UX 工具之前，一定要先看看這些快速提示：

• 關注用戶的需求，而不是把自己的目標放在首位
• 瞄準兩個 S：速度和簡單性：您的設計應該讓任務變得輕鬆
• 與您的設計和可用性保持一致
• 非常重視移動設計
• 通過獲取客戶的反饋來傾聽您的客戶

免費白皮書：基於數字反饋的個性化方法

使用在線反饋個性化數字客戶體驗 (CX) 的指南。

下載論文

1. 網絡分析和事件跟踪工具

假設並不總是有效的，這就是為什麼網絡分析和事件跟踪工具是確定哪些有效哪些無效的好方法。 這些類型的工具還可以讓您深入了解訪問者在訪問您的產品時在您的網站或移動應用程序上實際執行的操作。 通常，這些工具還會實時收集數據，讓您能夠立即響應他們的需求。 探索這些數據可能非常有用，因為它可以讓您在實施之前快速確定特定設計更改是否有效。 然而，這些工具並沒有提供很多關於為什麼會發生某些事情的解釋。


資料來源：Piwik

那麼這些網絡分析工具如何幫助科技公司呢？
這些類型的工具有助於跟踪您的網站和移動應用程序上的事件。 例如，您可以跟踪訪問者在重要的在線流程（例如入職）中離開的位置，並跟踪重要事件（或轉換），例如試用和註冊。

這些工具還允許您查看應用程序內部並確定您的訪問者是否成功地通過您的產品或服務實現了他們的目標。 讓我們以 Mopinion 為例。 在 Mopinion，我們監控新用戶是否能夠構建自己的反饋表單並在他們的網站上實施 Mopinion 標籤，以及成功收集反饋並設置和自定義他們的儀表板（例如，向他們的儀表板添加新的可視化，添加新用戶， 等等）。 所有這一切都可以使用網絡分析和事件跟踪工具來實現。

一些著名的網絡分析工具包括：Google Analytics、Chartbeat 和 Piwik。

2. 熱圖和會話記錄工具

熱圖和會話記錄工具更進一步，向您展示訪問者與您網站或移動應用程序的每個頁面的交互方式。 但是，是什麼讓這兩種工具與眾不同？

會話記錄工具使用戶能夠跟踪整個訪問者會話，包括訪問者如何在您的網站或應用程序上移動的完整記錄。 使用熱圖工具，用戶可以通過在頁面級別應用熱圖來識別模式。 這是查看用戶如何與頁面交互的好方法。 例如，它顯示鼠標移動的位置或訪問者點擊的位置（或者在移動設備的情況下，他們點擊、滑動或滾動的位置）。


資料來源：點擊故事

那麼這些錄音如何幫助科技公司呢？
正如我們在之前關於科技行業在線旅程的博客中所強調的那樣，用戶入職是一個關鍵階段。 這是您的客戶最終熟悉他註冊或從您那裡購買的產品的時刻。 在這些工具的幫助下，科技公司可以通過匯總所有訪客手勢並確定哪些區域需要返工或優化，從而更好地監控入職流程。

這個領域的常見嫌疑人是 Crazy Egg、Clicktale 和 MouseStats。

3. A/B 和拆分測試工具

A/B 測試（也稱為多變量測試）和拆分測試是幫助確定網頁的哪些變體在訪問者中具有最高成功率的用戶測試技術。

它是如何工作的？ 使用 A/B 測試工具，可以比較網頁的兩個版本、內容或頁面上的元素。 這種形式的測試使您能夠確定哪個版本與您的目標一致。 A/B 測試提供有關您的用戶的實時、定量數據，並幫助您做出正確的決定。


資料來源：KissMetrics

那麼 A/B 測試工具如何幫助科技公司呢？
科技行業的產品團隊不斷推動對其產品的小幅更新以及轉換（例如試用和註冊）。 然而，在實現之前，他們必須首先了解市場並充分了解客戶的想法。 這種形式的測試也與“為用戶服務第一”的心態密切相關，因為重點完全放在用戶的偏好上。 為什麼這很重要？ 科技產品的設計目的是為消費者解決問題，如果這些產品不圍繞他們的需求，那麼它們有什麼用？

一個很好的（也是最近的）例子是社交媒體公司 LinkedIn 對其用戶界面進行了重大更改。 這個巨大的改造是在經過長時間的 A/B 測試後才推出的。

一些很棒的 A/B 測試工具是 Visual Website Optimizer (VWO)、Optimizely、Kissmetrics 和 Omniconvert。

4.視覺反饋工具

營銷人員和其他用戶體驗專家使用視覺反饋工具（也稱為可用性反饋工具或註釋工具）通過在用戶流入時捕獲用戶輸入來增強頁面可用性。借助這些工具，您的訪問者可以指向特定頁面元素（包括表單、圖像、按鈕或段落）並提供有關這些頁面元素的反饋。 選擇元素後，該工具會保存帶有用戶反饋的屏幕截圖。 這些工具非常適合新網站和應用程序。


資料來源：Helio

那麼視覺反饋工具如何幫助科技公司呢？
視覺反饋工具可以幫助您的訪問者指出您網站設計元素中的缺陷。 例如，假設您的訪問者正在嘗試學習如何使用與他/她的新智能手錶同步的移動應用程序。 使用這些工具，您可以讓這些訪問者在頁面級別查明任何摩擦點，包括無響應或令人困惑的手勢、太多未使用的功能等。以下是移動 UX 設計中最常犯的錯誤的完整列表。

流行的視覺反饋工具包括 Usersnap、Helio 和 BugHerd。

5. 樣機和線框圖工具

MockUp 和 Wireframing 工具主要專注於為網站和應用程序的漏斗、登錄頁面等創建新設計和開發概念。 這些類型的工具還有助於在開發過程中交流想法，因為它們提供了設計的可視化表示並導致快速原型製作。


資料來源：格利菲

那麼模型和線框圖工具如何幫助科技公司呢？
MockUp 和 Wireframing 工具經常在科技行業中用於測試和改進軟件設計。 此外，他們可以在產品開發中發揮主導作用，因為它們使用戶能夠使用內置的通信工具創建技術圖紙並在這些項目上進行協作。

一些著名的模型和線框圖工具是 MockFlow、Mockingbird 和 Gliffy。

別忘了，你需要上下文

憑藉所有不同的功能和目的，很明顯，這些工具都可以在跟踪和優化用戶與您的品牌和用戶體驗的交互方面提供一些東西。 但是，無論您選擇記錄訪問者會話、使用 Web 分析跟踪行為、使用 A/B 測試，還是上述所有方法，仍然缺少一件事，那就是上下文。 這些工具可以衡量大量用戶活動，並為您提供有關客戶行為和用戶體驗的大量見解，但它們缺乏解釋。 因此，如果您正在考慮使用這些工具或已經實施它們，那麼考慮在線客戶反饋可能是明智之舉。 捕獲和分析客戶反饋可以讓您更深入地了解訪問者為何會採取這種行為方式，這反過來又為許多數字營銷人員提供了一個關鍵的盲點。

有關用戶體驗工具的完整列表，請在此處查看我們之前的比較文章。