本系列文共分為三篇,這是第二篇。我們將探討您在製作網站時,應該注意的使用者體驗 5 大原則。只要奉行這些原則,您就能為使用者帶來良好的體驗。

在 上一篇 關於使用者體驗的文章中,我們點出了您網站和使用者各自的目標。另外,也探討了如何留住您的網站訪客,以及網站整體結構一致的重要性。

今天這篇文章將說明如何引導使用者瀏覽您的網站,以及各種使用情況下 (桌機或行動) 所需的不同設定。

3. 讓使用者知道在您的網站上該採取什麼行動
您要讓使用者無時無刻知道,在您的網站上接下來該做些什麼。使用者到達您的網頁時,應該要很清楚知道什麼是首要重點、什麼是次要重點,以此類推。您應該清楚引導他們下個步驟,不論是按下「購買」進行消費,還是閱讀相關文章都一樣。

訣竅:
撰寫有意義的號召性文字時,有幾點要注意:


  • 強調:運用大小、顏色、對比和/或留白來強調號召性文字。
  • 簡約:該採取的行動不宜過多,否則網頁會顯得雜亂。認真思考您希望使用者做些什麼,在設計時將這些行動列為優先考量。
  • 獎勵:獎勵使用者採取行動,這可以是優惠、禮品、抽獎或開放更多內容。
  • 接近:號召性文字必須放在網頁上合乎邏輯的位置。舉例來說,如果網頁上有一篇文章,建議您把號召性文字放在文章下方。
  • 一致:在整個網站中顯示號召性文字,外觀保持一致。




4. 為使用者設身處地著想
不論何時何地,只要使用者有需要,您的網站都必須為他們提供良好的體驗。請務必考量不同情況下的使用者,會如何以不同的方式使用您的網站。此外,您也要考量他們有多少時間,以及他們使用的是行動裝置還是電腦。

訣竅:
您可以運用這些訣竅來思考使用者可能遇到的狀況:


  • 情況:在什麼情況下,使用者會來您的網站找資料?
  • 限制功能:您的行動版網站應該只納入網站的主要功能,方便使用者找到所需的資訊。其他進階功能可以留在桌機版網站,這裡的使用者沒那麼急。
  • 速度:使用者時間寶貴,所以網站的載入速度一定要飛快無比。Google Page Speed 工具可讓您縮短載入時間。
  • 容錯:使用者會犯錯,使用行動裝置時更是難免。您應該方便他們取消動作並回到原處,而不必使用 [上一頁] 按鈕。



範例:
假設您經營餐廳評論網站。那麼,行動使用者的行為與桌機使用者有何差別呢?首先,行動使用者可能人不在定點,甚至說不定是邊走邊瀏覽您的網站。他們沒有時間像使用桌機版網站那樣,逐一瀏覽餐廳的許多網頁。他們希望您的網站可以使用手機的 GPS 功能進行定位,並且依照他們的搜尋條件列出附近有哪些熱門餐廳。由於使用者沒時間看長篇大論,因此您的網站甚至可以顯示最熱門的短評,方便他們閱讀。

您該注意的地方,就是思考使用者連到您的網站時所處的情況,然後調整網站來給予他們最大的便利。

明天,我們要談談如何吸引訪客回流,以及如何以良好的使用者體驗來培養客戶忠誠度。

- 作者:Google AdSense 小組 David Richards


參考資源:
Google Analytics (分析) 活動 - http://www.google.com/analytics/zh-TW/
評估設計變更的影響並持續監控訪客的網站使用情形,您就能隨時掌握使用者與網站的互動,以及他們的使用情形如何隨著時間而轉移、改變或演進。Google Analytics (分析) 活動可評估網頁上預定元素所獲得的點擊,方便您評估網站使用情形的變化。

Site Speed 工具 - https://developers.google.com/speed/pagespeed/
Google 提供了幾項實用工具,可用來提升您的網站速度。

How to GoMo - http://www.howtogomo.com/
Google 製作了一項快速工具,除了能讓您查看自己的網站在手機上的樣子,還提供幾項實用資源來協助您建立行動網站。

DUDA Mobile - http://gomo.dudamobile.com/
Duda Mobile 是 Google GoMo 的夥伴,能讓您在幾分鐘內建立行動網站。