網站使用者體驗怎麼做？做好UX讓網站更好用又更賺錢

創造更好的網站使用者體驗，不僅有效降低跳出率、離開率，還能帶動更好的銷售轉換率！在各大平台往往也能取得更好的行銷效益。

用戶體驗一直近年網路行銷的重要議題，在未來也會變得更加關鍵。

使用者體驗是什麼意思？為什麼很重要？

使用者體驗 (User Experience, UX) 是指使用者與產品互動時所經歷的過程，並且在過程中影響使用者的滿意度。

這對於網站來說也非常重要，而且提升網站的使用者體驗，不僅可以增加 SEO 的執行效益，更可以滿足使用者的需求和瀏覽滿意度。

Google 搜尋副總裁 Pandurang Nayak 在 2023 年向美國司法部(DOJ)的證詞中，補充了關於演算法運作的關鍵資訊：Google 自 2005 年，甚至更早就已經開始追蹤使用者互動資料，並將其作為排名演算法的重要組成部分。

Google 在 2008 年推出 Chrome 瀏覽器的主要目的之一，就是為了蒐集更多使用者互動數據。

Google API 外洩文件數量超過 2400 份，這些文件讓我們清楚知道，Google 內部存在大量與使用者互動相關的參數。

Google 會綜合運用搜尋結果互動數據，以及 Chrome 瀏覽器蒐集的行為資料，包含點擊、滑鼠懸停、捲動等行為相關的變數。

這解釋了為什麼在網站上打造良好的使用者體驗（UX），對 SEO 是極其有用的一環。

Google網頁體驗演算法

網頁體驗是 Google 搜尋排名因素之一，簡單來說，使用者體驗越好的網站，對於提升搜尋能見度將會有所幫助。

Google 網頁體驗的訊號包含：

• Core Web Vitals 核心指標
• 行動裝置友好性
• 安全瀏覽(HTTPS)
• 沒有干擾性插頁式廣告（彈出視窗容易產生負面影響）

此外，網站必須沒有惡意軟體和有害內容。

多年來，Google 不斷改善搜尋演算法，這些更新既強調技術指標，也強調用戶體驗。

這些變化和改善都在表明一件事：良好的用戶體驗非常重要，而且使用者互動是很重要的排名因素！

延伸閱讀推薦：SSL憑證是什麼？為什麼需要升級成 https？

Core Web Vitals核心指標有哪些？

在 2020 年，Google 提出了 Core Web Vitals 的概念，這是一組用來衡量「網頁載入與呈現效能」的指標。

最初包含 3 個評估項目：

1. Largest Contentful Paint（LCP）最大內容繪製時間，衡量主要內容出現在畫面上的速度
2. First Input Delay（FID）首次輸入延遲，衡量使用者與頁面互動時的回應速度
3. Cumulative Layout Shift（CLS）累積版面配置偏移，衡量頁面在載入過程中版面是否頻繁跳動。

在 2024 年，Google 以 Interaction to Next Paint（INP）取代了 FID。

原因是 Google 認為 INP，能更準確反映網頁回應速度對 UX 的實際影響。

Core Web Vitals 在搜尋排名中的角色

根據 Google API 外洩資料，Google 確實在排名系統中追蹤速度指標，但 Google 並未公開這些指標在排名中佔據的權重比例。

如果網站載入速度明顯慢於競爭對手，那麼很可能會因為使用者互動表現較差，而在 SEO 上落後對手。

網站使用者體驗優化基礎

1.盡可能加快載入速度

Marissa Mayer 還在 Google 時，曾經針對搜尋結果進行一項研究測試，結果指出影響搜尋體驗有 4 個要素，包含：全面性、關聯性、用戶體驗、開啟速度。

這份實驗最後指出網站載入速度即便只是慢個幾百毫秒都會影響到搜尋結果和使用者體驗。

所以提升網站載入速度就能增加使用者體驗。

因為如果訪客忍受不了開啟速度，就無法讓用戶產生任何行動。

超過 2 秒將會讓訪客變得不耐煩，超過 3 秒鐘，40％ 的訪客會選擇關閉網站。

而且行動上網用戶的注意力和耐心真的比較差，這是全球的普遍現象。

延伸閱讀推薦：5大網站速度測試工具

2.讓網站選單清晰可見

在手機版面上隱藏導航選單，是保持頁面簡潔的簡單方法。這可以透過圖標或文字按鈕製作成下拉選單，就像以下星巴克的案例：

另一種方式是採用橫向選單，直接讓部分內容清楚可見，過多塞不下的選單則使用文字隱藏機制，the guardian 就是這樣做的：

簡化網站導航選單

導航選單應該盡可能簡化、呈現重點，而不是越多越好。

這類似餐廳菜單，當菜單上有各式各樣的食物分類，是不是會因為有太多選擇而更難以抉擇要吃什麼？

所以導航選單需要依循兩個重點：

• 容易被理解和吸引點擊
• 引導訪客優先瀏覽的網頁

3.給按鈕和連結多一點空間

手機版不但不應該把按鈕變小，反而應該要做得明顯，這樣才會更容易被點擊與不被誤點。

比較大的按鈕可以提高可用性，例如下方就能夠很清楚看到各別選項，每個選項之間都還保有一些空白，這樣才可以讓用戶方便且正確的點擊按鈕。

4.平衡字體大小和間距

文字大小和間距的平衡關係，也是手機版網頁需要注意的關鍵。

因為手機螢幕本身就不大，所以字體不應該設得過小，而過大也會讓閱讀體驗不太好。

除了採用適當大小的文字之外，字裡行間的距離也應該要保持合宜的空白，這會讓閱讀性、瀏覽流暢度變得更好。

5.把重要資訊放在最上面

根據許多數位行銷數據統計，行動上網用戶並不喜歡點擊或搜尋太多次才能找到東西，耐心莫名很低。

可以把電話號碼、聯繫方式、購物車、表單，只要是想快速讓用戶查看到的重要資訊，就把它們盡可能地放在最上面吧。

開門見山是最容易取得最大化曝光的方式，這項設計技巧也適用於電腦版。

再來就是優先順序，比方說主要內容和側邊欄共存的時候，在手機版的顯示順序上就必須要有所取捨。

是打算先顯示內容還是側邊欄呢？是想要先顯展示產品圖片，還是產品資訊？內容顯示的優先順序也是一個可以多加測試的項目！

6.減少使用圖片的數量

有很多效果是可以通過 HTML 和 CSS 來實現的，像是按鈕和背景色就可以這麼做，透過取代圖片的方式能夠讓網頁開啟速度更快一些。

如果實在無法避免使用圖片，至少一定要優化圖片大小，這是很多人沒有注意到的常見錯誤。

記得，圖片顯示多大張就使用多大的圖片，千萬不要使用縮放功能來偷懶，這只會讓網站越跑越慢。

7.影片不要忘了要響應式

要讓影片符合響應式設計，除了可以採用 CSS 來實現之外，直接透過 YouTube 嵌入代碼也能辦得到，而且更容易、更快速。

首先，得先複製要嵌入的影片代碼，然後把代碼中的寬度 width 從數值改為＂100%＂。

當寬度改為 100% 之後，影片寬度會隨著不同上網裝置的大小而縮放。

網頁使用者體驗優化建議

1.使用表單驗證功能

Google 的研究表明，在優化手機版網頁時，建議要設計的功能之一就是：自動跳出鍵盤。

例如：如果需要用戶填寫郵寄地址，就會自動跑出鍵盤。這是一個很小的細節，但卻可以讓操作更方便，很貼心不是嗎？

再者，提到填寫表單就不得不說到驗證提醒功能了。

假如不希望潛在客戶需要提交多次表單才能成功，這項功能就會非常必須。

2.點擊立即通話按鈕

提供電話客服，有時候是轉換潛在客戶最直接又簡單的方式！

因為讓人們填寫表單或留言發問有時候會讓某些用戶耐不住性子，直接打電話詢問最快速。

所以，如果有提供客服電話，最好讓用戶直接點擊某個按鈕之後，不用輸入電話號碼就能直接撥通電話。

總而言之，優化網頁操作體驗的重點，想盡辦法讓人們可以更懶、更方便、更快速就對了。

3.強化獨特賣點

獨特賣點可以描述用戶的好處，如何解決客戶的需求，跟別人有什麼區別，更可以從競爭對手中脫穎而出。

這在任何銷售頁面中，一定要清晰地傳達出來，在移動裝置上更是特別重要的，不然關閉頁面的慾望是很高的。

4.保持相匹配的內容

在任何情況下（尤其是廣告），請確保目標網頁與傳遞出去的訊息是相匹配的。

舉例來說，如果他們正在尋找白色的運動慢跑鞋，請不要讓訪客莫名其妙跑到販售包包的頁面去了。

這關乎到信任和用戶體驗，被欺騙或不知道發生什麼事情的感覺真的很不好，真的就是讓人感覺到莫名其妙。

5.確保行動呼籲非常明顯

行動呼籲 CTA 應該要出現多次，無論是採用文字或是按鈕形式，尤其是想要引導轉換的時候。

在這種情況下，可以盡可能使用亮眼色來強調，讓用戶很難不注意到。

最後我想說的是…

想要有效提升網站的使用者體驗，除了以上建議之外，更重要的是需要多加測試。

如果發現網站還是有較高的跳出率、低停留時間，那麼一定要查看到底是哪些層面造成影響。

如果沒有馬上看到結果請不要氣餒，這很正常啊～多嘗試別的方式，並從中他人經驗吸取教訓。

我所提出的任何想法和心得，正如任何網路行銷策略一樣，都需要實際測試和執行才能得到結果。

在大多數情況下，這些優化方式是可以有效改善與提升網頁的轉換率。最重要的是，要考量到人們的目的和真正需求，你才能了解什麼問題是你該去解決的。

延伸閱讀推薦：AB測試是什麼？提升行銷效益、降低浪費的測試法則