改善 WordPress 網站用戶體驗 (UX) 的指南
已發表: 2017-04-22優化網站以獲得更好的用戶體驗並不是一件容易的事，主要是因為必要的工具和/或編碼知識不是一分錢一分貨。 但是，當網站建立在一個因其用戶友好性而聞名和喜愛的平台上時，UXO（用戶體驗優化）就不會那麼痛苦了。
WordPress 上有數以千計的工具可用，其中很多甚至是免費的，它們可以幫助您更好地了解您的受眾（跟踪和分析）、提高性能（緩存和圖像優化插件）以及測試和改進（A/B Nelio、OptimizePress 等測試軟件）。 本指南與他們無關。
本指南詳細介紹了 WordPress 網站中一些更容易被忽視的可用性方面，以及解決這些疏忽的最佳方法。 我們將從：
旋轉木馬
每個企業的每個部門都想要輪播/滑塊，僅僅因為它是一個美麗的中庸之道。 每個人都將他們的產品/活動/信息放置在頁面上一個最顯眼的空間中：折疊上方。
這就是為什麼最理想的 WordPress 主題至少包含一個滑塊插件（通常是革命滑塊）。 讓我們看看這種方法的優缺點：
優點：
- 在單個位置顯示最重要的消息。
- 消息可以優先排序（最重要的是第一張幻燈片）
- 應該吸引所有遊客群體（“適合所有人的東西”）
缺點：
- 用戶通常不會等待幻燈片旋轉，而是會在瀏覽當前可見幀後跳過輪播。
- 幻燈片的內容不容易被搜索機器人抓取，這對 SEO 來說是個壞消息。
有一些方法可以解決這些缺點並改善輪播用戶體驗：
- 保持幻燈片/幀的數量不超過 5。
- 為用戶提供輪播導航控制
- 不要自動轉發。
有時，最簡單的解決方案是最好的。 您可以使用輕量級 JavaScript (jQuery) 插件（如 Slick）在 WordPress 上創建用戶友好的輪播，而不是依賴花哨的高級滑塊插件。
高級導航
標題中的主菜單與側邊欄中的輔助導航相結合，是確保導航完整和可用的近乎萬無一失的方式。 但是，當涉及擁有數千頁的大型網站（尤其是電子商務或內容豐富的大型博客）時，僅靠輔助導航是行不通的。
這就是我們需要超級菜單的原因。 但是這枚硬幣也有兩個方面。
優點：
統一可見性：較低級別的內容/頁麵包含在大型菜單中
節省了一個額外的步驟：用戶可以更快地訪問更遠程/更模糊的內容。
缺點：
- 眾所周知，添加圖形/圖標等 UI 元素會導致性能問題。
- 在內容層次結構不良的網站上或多或少無效
- 使超級菜單完全響應可能是一個挑戰
在討論利弊之前（以及您是否甚至需要在您的網站上使用大型菜單），您需要對您的內容進行徹底分類。 WordPress 分類法的存在是有原因的。 用它。
一旦您的內容層次結構充分馴服和組織，您就可以使用 WordPress 插件（如 Max Mega Menu、uberMenu 等）向網站添加大型下拉菜單。 WooCommerce 擴展（如 Ajax 分層導航）為商店添加了過濾界面。
表現
不管你願意相信什麼：你不是排他的。
用戶不想等待內容，所以不要讓他們等待內容，否則他們會去別處尋找。 甚至您的隊伍也受到網站緩慢的影響。 這是用戶體驗中性能優化需求的總和。
通過以下方式優化您的 WordPress 網站的性能：
CDN：對於擁有全球受眾並擁有中高流量的網站來說，這是一個可行的選擇。 MaxCDN 和 W3 Total Cache 插件是快速加載的天堂。
緩存：如上所述，W3 Total Cache 是您唯一需要的緩存插件（即使沒有 CDN 支持）。 還要向您的開發人員詢問有關 Redis 和 Memcached 等服務器端解決方案的信息
前端優化：像 EWWW Image Optimizer 這樣的插件壓縮圖像（不影響質量）。 還要確保主題文件中的內聯 CSS 和 JS 盡可能少。 也可以壓縮和縮小樣式表和 JavaScript 文件。
減少外部依賴，使用 CSS sprite，下載插件時要非常挑剔（越少越好）。 您甚至可以聯繫您的網絡託管服務提供商並尋求幫助。 有時，您的虛擬主機確實會產生與性能相關的問題。
模態彈出窗口
不要以交互性和轉換的名義令人討厭。
是的，模態彈出（中斷營銷）是一個很好的轉換工具。 有成千上萬的插件（現在大多數社交媒體插件都有這個功能），讓你向用戶傳達信息，“禮貌地”提醒他們分享/關注/喜歡社交媒體上的內容，訂閱或註冊，享受折扣等。
它有很多問題……但我們稍後會談到。
優點：
- 證明可以提高轉化率
缺點：
- 分散注意力：訪問者在這裡是為了內容，而彈出窗口擋住了視線。
- 彈出窗口被視為白噪聲（像許多廣告一樣），除非它適合用戶旅程。
- 可訪問性不好
有一些在上下文中很好地使用彈出窗口的例子。 BrainPickings.org 了解其受眾並僅在用戶重複訪問該網站並閱讀完內容時才宣傳他們的“捐贈”鏈接。 Reebok Crossfit 彈出窗口的時機不佳，但通過產品頁面上的訂閱折扣稍微彌補了這一點。
資料來源：銳步
時間和触發延遲很好，但也有必要關注更大的圖景並以與想要它的用戶相關的方式綁定彈出窗口。
到目前為止，轉化率的增加更多是由於簡單的鈍力，但是當你巧妙地做到這一點時，轉化率和後續潛在客戶的質量可以得到提高。 要求首次訪問者訂閱網站不會讓您獲得 99/100 次高質量的潛在客戶。
嘗試智能地將 WordPress 插件用於彈出窗口。 有一些（如 Supsystic 的 Popups）很好。 與這些人一起工作，而不是只關注單個頁面上的交互。
尾註
為了改善用戶體驗，希望您確保採納此建議並測試所有內容（使用 Google Analytics 或 Nelio A/B 測試，或任何其他工具：這取決於您）。
並承諾自己不斷改進。
閱讀更多 WordPress 插件 | WordPress 網站的 5 個快速修復