改善網站的 7 個用戶體驗速贏方法 2016 年 8 月 30 日

作為數字營銷人員，您一直致力於優化您的網站。 通過網絡統計，您希望了解訪問者離開網站的數量和地點。 統計數據並不總能提供人們離開原因的洞察力。 在線研究，尤其是實時反饋收集，可以提供很多關於訪問者動機的有價值的信息。

在 Mopinion 擔任職務時，我經常對客戶收到的反饋進行分析。 這些分析表明，在用戶體驗方面往往還有很多收穫。 在本博客中，我將提供七個重點，您作為營銷人員可以使用，以實現速贏，從而改善您網站的用戶體驗。

---

開始您的免費試用！

立即試用 Mopinion

• 收集無限反饋
• ■
• 14 天免費試用

---

提示1：頁面的加載時間

這似乎是一個顯而易見的觀點。 然而，從我們為客戶收集的反饋來看，這似乎是一個很大的干擾。 它不僅經常被提及（在某些情況下大約是收到的反饋的 30%），而且它在煩惱計上的得分也非常高。 特別是對於以促銷為導向或每月週期工作的公司，您可以看到他們正在努力應對訪客數量的某些高峰。 例如，想想彩票或抵押貸款提供商的圖紙，他們必須在每月的固定時間處理許多突變。

此外，它還經常表明更複雜的在線工具——例如汽車上的汽車配置器——需要互聯網連接的大量帶寬，或者對計算機或其他設備的圖像處理產生影響。 當然，這些工具可以為訪問者提供附加值，但同時當流程運行不快速和順利時，它們也會帶來風險。

託管
你可能會想：你能做些什麼呢？ 第一步是檢查您是否有足夠的可用帶寬。 查看靈活且可擴展的託管解決方案，例如 Amazon 或 Rackspace 的雲託管。 映射您擁有最多訪問者的字段，並確保您在該區域運行正確的監控工具，例如 Pingdom 或 Google Pagespeed。 當你與 IT 部門會面時，確保你知道你在說什麼……

資產
在您使用的資產中可以找到離家更近的解決方案。 根據雅虎交通擁堵如圖片、css 和 javascript 文檔 80% 的頁面加載時間。 因此，請確保您不加載不必要的垃圾，並且正確壓縮和壓縮必要的文件。

此外，它經常顯示小部件和插件在不必要的地方加載。 因此，請仔細檢查您需要什麼以及在哪裡需要。 當您只需要一個特定工具的 1 頁插件時，您不必在其他地方加載它。

緩存也可以提供解決方案。 查看確保訪問者不必經常不必要地加載相同資產的工具。 當您的網站在未知的框架或 CMS（例如 WordPress）上運行時，通常會以插件的形式提供緩存選項，例如 W3 Total Cache。

提示 2：登錄過程

遺憾的是，登錄問題仍然是家常便飯。 對於許多公司而言，在線服務提供是與現有客戶和新客戶日常聯繫的重要組成部分。 試想一下您定期登錄的所有網上商店、銀行、能源公司和電信提供商，以便在例如購物環境或我的環境中使用服務提供。

我們處理的大部分反饋（大約 5%）來自與登錄過程相關的頁面。

不幸的是，很多人很難記住大量的用戶名和密碼。 除了人為因素外，登錄過程本身仍然會出現很多問題。 對於許多人來說，使用電子郵件地址比使用單獨的用戶名更容易記住。 避免使用複雜的客戶編號或個人姓名。

停止重新加載
在前端使用驗證可以確保更易於使用（因此不是通過服務器/數據庫收集信息，而是直接在瀏覽器中收集信息，例如通過 Javascript 和/或 Ajax）。 一個優點是頁面不必重新加載。 一個例子：一個客戶不小心輸入了“[email protected]”而不是“.com”作為電子郵件地址。

通過 Javascript 或 Ajax 驗證，您可以立即向用戶提供有關電子郵件地址輸入錯誤的反饋。 通過應用這些技巧，您可以使用戶更容易登錄。 更大的煩惱是，在錯誤登錄後所有字段都完全為空，並且必須重新填寫所有內容。

又忘記了什麼……？
下一個障礙通常是​​收集忘記的密碼。 為用戶提供重置密碼或通過電子郵件申請密碼的可能性已或多或少成為標準。 僅在用戶實際嘗試錯誤登錄後才顯示該選項似乎很簡潔。

最後：錯誤消息。 對於許多用戶來說，出現問題已經很煩人了。 盡量避免類似機器人的消息，例如“無效密碼”。 拜訪溝通部門的那位好同事……您可能會收到一個適合公司語氣的絕佳選擇。 對上述消息的建議：“您似乎輸入了錯誤的密碼。” 聽起來已經很友好了，對吧？！

提示 3：表格

可能非常容易辨認：您已經進行了選擇、設置過濾器或在表單中輸入了數據，而在下一頁上，一切都消失了，您必須再次輸入所有相同的信息。 對您網站的訪問者造成極大的刺激。

我們平台每天分析的網站反饋中有 9% 與表格有關。 最大的煩惱是提交已經輸入一次的信息，或者必須在表單和選擇中多次執行相同的操作。 它有時會導致輕微的煩惱，但通常會導致嚴重的煩惱。

當訪問者搜索信息、訂購產品和產生潛在客戶時，表格很有幫助。 因此，您的表單正常工作至關重要。 一般來說，您要求在表單中填寫的字段越少，轉換率就越高（考慮到某些數據確實必不可少）。 與簡單的潛在客戶生成表單相比，在付款或訂單的情況下必須完成更多的字段是有道理的。

當用戶仍然需要提供大量信息時，還提供中途保存表單的可能性。 這樣，用戶稍後將能夠完成表單。

映射您的旅程
繪製您網站中最重要的旅程，並檢查您希望用戶提供信息的區域或他們必須輸入數據的區域。 回收這些數據。

你知道你的訪客是誰，確保他/她的偏好被保存並且可以重複使用。 還可以使用智能工具自動填寫或補充表格中的某些字段。

它是否涉及尚未成為客戶的訪客？ 您還可以區分重複訪問者和新訪問者。 例如，當您提供下載有關您的產品的內容的可能性時，只需在第一次詢問必要的信息。 當訪客返回並填寫另一張表格時，確保他/她只需填寫新字段並隱藏您已經知道的所有內容。

響應式表單
鑑於移動使用是最流行的網絡這一事實——在 2014 年移動使用超過了桌面——你的訪問者很有可能使用智能手機或平板電腦。 所以仔細考慮可用空間、觸摸界面和表格的長度。 多步驟表單提供了一種解決方案，因為您實際上將表單切成小塊並且每個屏幕僅顯示 1 或 2 個字段。 使用 Optimizely 等工具測試多個變體可能很有用。

提示 4：找到正確的頁面或信息

我們的軟件為客戶分析的反饋中有 22% 涉及訪問者無法找到正確信息的事實。 在最壞的情況下，所需的信息根本不可用，訪問者完全退出。

許多大公司和網上商店只是提供大量信息，有時只是因為產品種類繁多。 這個問題不是很容易解決的。 然而，基於以前的經驗，我有一些技巧可以改善用戶體驗。

解決這一常見問題的第一步是繪製在線旅行地圖。 自己檢查訪問者在訪問您的網站時有哪些目標。 訪問者通常必須通過許多步驟來實現他們的目標。 “映射”旅程可幫助您深入了解訪問者遇到的問題以及他們需要某些信息的地方。

點擊行為
此外，您可以使用點擊行為來分析人們離開的位置。 在這些方面，獲得定量反饋也很有用。 這將揭示點擊行為背後的原因。 例如，當您表示重複行為（例如在特定流程中來回走動）時，您可以主動顯示反饋表。 在這裡提出問題的一個合乎邏輯的指標是目標完成率 (GCR)。 問題通常類似於：“您是否能夠實現您的目標？”，選項有“是”、“否”或“部分”。 您將“是”百分比報告為 GCR。 在 GCR 問題之後要求一個公開的解釋顯然是可取的。

提示 5：不清晰的文字

我們每天分析的反饋中約有 7% 與不明確的網絡內容有關。 這可能涉及產品信息，也可能涉及訂單流或自助服務頁面（如常見問題解答）中的內容。

人們在您的網站上尋找信息時有一定的目標。 該目標通常是找到問題的答案。

訪客和客戶閱讀信息，在表格中查找內容或觀看視頻。 例如，了解產品是否滿足需求、定價模型是否合適或為了解決與支持相關的問題。

除了信息必須清晰且不能太長之外，訪問者還希望能夠立即找到它。 因此，請確保內容可以輕鬆掃描並刪除不必要的信息，以便人們能夠了解重要事項。
添加圖像和視頻，以便輕鬆吸收整個內容。

回答你的問題？
在需要提供大量或更複雜信息的頁面上，始終建議找出訪問者體驗信息的方式。 這可以通過簡單的嵌入式反饋表來完成，您可以在其中提出一個問題：這些信息是否令人滿意？ 回複選項為“是”或“否”，並有可能發表公開評論。 例如，訪問者可以在此處指出缺少哪些信息或確切地不清楚哪些信息。

此反饋可用於收集有關訪問者欣賞您的內容的程度、內容是否足夠以及您可以採取哪些措施來提高內容質量的可訪問見解。

提示 6：無處不在的錯誤

太糟糕了。 無法避免錯誤。 他們總會想辦法偷偷溜進去……

不要害怕：有超過一千種瀏覽器/平台組合在流通。 因此，在您的網站某處出現錯誤的風險很大。 Browserstack 等工具提供了以幾乎所有可能的組合測試您的網站的可能性。 然後它通常涉及前端的錯誤。 在後端軟件本身中，各種事情也可能出錯（例如，考慮表單驗證、與權限相關的問題或數據庫輸出的問題）。

即使進行了最廣泛的測試，在您上線後仍然可能會出現錯誤。 您的客戶通常是最先發現他們的人。 因此，除了您自己組織的所有測試委員會之外，建議讓訪問者有機會輕鬆報告錯誤。

當您提供通過反饋表報告此問題的可能性時，您會發現您很快獲得了相關的見解。 我們為客戶分析的反饋中約有 20% 與錯誤通知有關。 因此，不要讓客戶幫助指示未使用的錯誤。

提示 7：移動優先？

我還在技巧 3中指出了優化“移動”表單的示例。 在整個在線體驗範圍內，移動設備仍然被忽視了。 考慮到平均超過一半的在線訪問是通過移動設備完成的，這很奇怪。

我們在平台上收到的反饋中約有 6% 與移動設備上的問題有關。 在一些博客中，當涉及到搜索引擎優化 (SEO) 等問題時，移動設備被認為是一個重要的關注點。 因此，它不僅對用戶體驗至關重要，而且對您網站的可查找性也很重要。

重要的一點是圖像的使用。 從最小的“視口”開始，然後逐步升級到更大的屏幕。 確保內容也巧妙地適應具有更高 dpi 的 Retina 屏幕。

正如我之前在本博客中提到的，較長的加載時間會對用戶體驗產生負面影響，因此請確保您的文件不會變得太大，並且只加載正確的大小。 當您大量使用插圖和圖標時，您還可以看看 SVG（可縮放矢量圖形）的使用。 這些實際上是可以隨您的設計輕鬆擴展的行文件。

文字和字體
還要密切注意文本和字體的使用。 這也是我們在分析反饋時經常看到出錯的領域之一。 遠離過細和復雜的字體。 人們在使用智能手機時通常需要從較小的屏幕上閱讀。 通過巧妙地處理字母和線條之間的空間來提高可讀性。 還要檢查不同視口上的文本佈局。 在這裡，您將找到有關文本與容器的理想比例組合的更多信息。

手機導航
最後，在移動導航方面，我們經常注意到一些障礙。 幸運的是，許多移動菜單已經嵌入到已知模板中，例如 WordPress 等系統。 但如果您不想使用這些系統，請確保從小屏幕開始。 空間有限，假設它們將通過觸摸來使用。 Apple 的指南表明平均“手指”為 44 像素。

確保可以快速訪問您最重要的頁面並限制選項的數量。
例如，可以在此處找到有關設計移動導航的更多信息。

最後提示：移動瀏覽器也可以使用前面提到的 Browserstack 進行完美測試。

注意：我們分析的反饋量百分比屬於我們在 2015 年對我們自己的反饋數據進行的一項研究。想要查看我們所有的發現，請閱讀這篇博文。