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

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

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

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

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

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

Google 網頁體驗是什麼？

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

Google 網頁體驗的訊號包含：

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

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

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

這些變化和改善都在表明一件事：良好的用戶體驗非常重要！

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

網站使用者體驗優化基礎

1.盡可能加速載入速度

提升網站使用者體驗的第一步是加強載入速度，如果用戶忍受不了開啟速度，就無法讓用戶產生任何行動。

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

當網站有使用多媒體內容時，一定要適當使用和努力取得平衡點，因為使用越多的圖片和影片，會越容易導致網頁讀取速度變慢。

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

2.讓網站選單清晰可見

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

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

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

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

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

4.平衡字體大小和間距

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

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

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

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

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

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

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

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

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

6.減少使用圖片的數量

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

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

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

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

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

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

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

優化網頁內容建議

1.強化獨特賣點

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

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

2.保持相匹配的內容

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

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

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

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

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

在這種情況下，可以盡可能使用亮眼色來強調，讓用戶很難不注意到。或者，一開門就坦誠相見，這樣不但不會因為失去耐心而沒看到。

提升網頁操作體驗優化建議

1.使用表單驗證功能

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

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

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

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

2.點擊立即通話按鈕

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

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

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

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

最後我想說的是…

想要有效提升網站的使用者體驗，除了以上建議之外，更重要的是需要多加測試。如果發現網站還是有較高的跳出率、低停留時間，那麼一定要查看到底是哪些層面造成影響。

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

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

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

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