設計好網站的黃金準則設計好網站的黃金準則PRIORITIZING WEB USABILITY

第二章 WEB 使用者的經驗

簡婉莉 Lillian 8/Apr./2010

1

人們對於網站的使用情形某網站任務完成率 網際任務完成率

經驗豐富測試者 72% 67%

經驗不足測試者 59% 52%

平均值 66% 60%

→ 低於平均值代表可用性有問題，反之則代表超出平均水平的可用性 Walled garden ：

把用戶限制在一個特定的範圍內，提供令其滿意的服務及內容，同時也防止用戶閱覽其他未被允許的內容以保障其服務品質。

網站滿意度測試： 測試者給非真實的得分，故可信度低，只用來評估喜歡或

不喜歡該網站之用

人們如何使用網站 ( 首頁 )

造訪頁面比例：首頁 40% 、內部 60% 平均造訪網站數： 3.2 個 每個停留時間： 1’49 重新造訪次數： 0.4 次→極有可能不再造訪

→ 1. 須在短時間內表明重點 ( 網站服務、預期獲益、新產品資訊、如何找到目標頁 ) ，並給予好的印象

→ 2. 須考量網友會直接造訪特定頁面，不一定會經過首頁

→ 3. 在首頁停留時間 ( 最多 30 秒 ) 及捲動頁面次數逐次遞減，並直接前往目標頁

網站討論：無法第一眼就判斷其服務 -- 超級業務員

人們如何使用網站 - 網站規劃原則

左上放 logo ，並連結至首頁

「麵包屑蹤跡」

以不同顏色( 或加底線 )

標註可連結者

右上放搜尋bar

人們如何使用網站 - 內部頁面停留時間 首頁 目標頁面經驗豐富者 25 秒 45 秒經驗不足者 35 秒 60 秒所有網頁平均停留時間 27 秒平均閱讀字數 10~20 字 100 字

→ 若超出平均值太多，即表示內容可能太艱澀了

使用者主要觀看重點 圖片、條列式清單、及其他重點內容

最好設定使用者第一次進來，就是進到內頁畫面

其次停留的區塊

網友最少看的區塊

相關報導 ( 關聯度高的文章 )

關聯度低、但流量卻很高的文章

網友花最多時間停留的區塊

搜尋為主 搜尋引擎已演化成「回答引擎」 ( 專門過濾雜訊、回答網

友問題 ) ，使得使用者對於「書籤」功能沒興趣 其次，搜尋引擎之網站排名凸顯高品質網站，使得使用者

停留時間越短 例外： EC 網站提供明確產品服務，並開放「商店機器

人」或從外網直接連結產品頁，這會使產品頁更容易被搜尋到，且提升使用者在該網站上關注度。

提升使用者對於網頁的關注技巧： 提供獨特性、有價值的內容 每個頁面提供更多「參考資料」，例如：你可能對以下有興趣、買過這本書的人也買了…、本類暢銷排行榜

資訊 + 獨特的分析、見解→ FB粉絲頁經營 提供有價值的電子報 ( 專業性、有用資訊等 )

搜尋為主 - 關鍵字 關鍵字廣告

優點：可估算其點擊量與購買轉換率。 鎖定目標族群進行行銷 缺點：價錢逐步提升

93%

7%

SERP第一個SERP第二個

47%53%

捲動頁面頭版頭

捲動 在搜尋引擎上，最佳的位置在頭版頭 (不須捲動就可以看

到的範圍 )，可看到 4~5個自然連結 +6~7個贊助連結(1024X768)

其次為第一個 SERP 的第九個、第十個排名最受到注意，包含自然連結和贊助連結

超過 50% 的使用者都沒有捲動畫面，在網頁上平均捲動1.3 個螢幕，意味著使用者只看到 2.3 個畫面，其他都會被忽略。

人們如何使用網站 (瀏覽器 )Google browser size

http://browsersize.googlelab

s.com/

遵循設計慣例及可用性準則 定義標準設計元素之優點：

知道被期待的功能 了解功能在介面上的呈現方式 易於在頁面上找到該功能並達到目標 免於額外設計大家不熟的元素，造成使用者厭惡或疑惑 免於重要功能被忽略

資訊搜尋 人們是懶惰的，所以希望以最少成本獲得最大效益

強化使用者繼續在該網站找資料的方式： 明確敘述如何抵達目標，並可獲得的內容 使用簡單、清楚的常用辭彙做為導覽選項 隨時提供其所在位置、目標位置及其關聯

提升使用者造訪率之技巧： 提供速食資訊 以電子報鼓勵使用者回來 滿足使用者的即時需要，以強化自然連結之排序