5/06/2007

談網頁"設計"標準

多了"設計"二個字就不是"Web標準", 這裡要談的是Jakob所說的網頁設計標準, 非W3C的Web標準.

Jakob也談標準, 但是他談的是網頁元素的配置, 屬於視覺呈現和使用者行為分析的部份. 以下是重點翻譯, 詳細內容請參看原文 The Need for Web Design Standards .

Jacob認為所有網際網路中的網站會形成一個整體, 使用者瀏覽眾多網站之後會產生一個整體印象, 之後再使用時就會有預期心理, 開始猜測現在正在瀏覽的頁面和先前造訪過的網站應該有相同的呈現方式. 所以, 脫離使用者預期的設計就是很難使用的設計了.

Jakob先定義三種標準化設計的層級, 再用兩種統計分析來比較網頁介面設計標準, 一個是他自己的研究—55個企業網站首頁上的24個元素, 一個是華盛頓大學碩士研究—75個商務網站上的33個元素. 以下列出二個研究統計的平均結果:

一. 標準用法的元素: 有80%或者更多的網站使用相同的表現方式. 當使用者瀏覽未曾造訪的網站時會篤定的預期某些元素是以特定方式呈現. 這些標準元素是
1. logo在頁面左上方
2. 首頁中有網站搜尋輸入區
3. 沒有跳出視窗的設計
4. 如果有路徑顯示, 以水平方向列示 (例如 首頁 > 路徑1 > 路徑2)

二. 習慣用法的元素: 有50-79%或者更多的網站使用相同的表現方式. 當使用者瀏覽一個未曾造訪的網站時會習慣性的預期某些元素的呈現方式. 這些習慣性元素是
1. 使用"sitemap"名稱表示網站導覽
2. 造訪過的連結要用不同顏色區別
3. 將購物車放到網頁右上方
4. 將類似的連結群組起來放到左邊欄位

三. 不特定用法的元素: 這些元素並沒有單一的呈現方式, 即使是比較受歡迎的也只有49%的網站使用, 所以當使用者瀏覽一個未曾造訪的網站時是無法對這些元素做預期的. 這些不特定元素呈現的方式有很多種, 包括
1. 導覽列的呈現有放置左手邊的, 橫跨上方的, 或像Yahoo一樣在中間等等
2. 網站搜尋的呈現有右上方的, 左上方的, 中間的和其他地方的
3. 網站登入的程序
4. Help的位置

以第一眼來說, 大約只有1/4的設計元素是不特定的, 對大部份的網頁設計決策而言, 標準或習慣性的建立意味著人們可以沿襲這些標準和習慣知道如何使用這個網站. 不確定的設計元素是使用者瀏覽網站時, 要熟悉應用這個網站比較大的挑戰, 因為每一頁都需要單獨再理解. 例如不確定導覽列會怎麼顯示, 網站搜尋不確定, 登入不確定, 甚至Help也不確定-這個最後可以求助的地方的使用性也很低.

為何標準的設計對使用者有幫助? 標準可確保使用者:

1. 可預期到頁面上會有什麼元素
2. 知道這些元素在介面上看起來會是怎樣
3. 知道在網站或頁面上, 那裡可以找到這些元素
4. 知道如何操作這些元素及達到目的
5. 不必思考某些未知元素的用義
6. 不會在快速瀏覽元素時錯過一些重要的東西
7. 某些事進行的不如預期時也不會得到令人討厭的驚奇

這些好處可以增加user應用網站的熟悉度, 增加達成目的的能力, 和提昇使用經驗的滿意度. 但為何應該和網頁設計標準趨於一致? 一個簡單的理由:

Jakob's Law of the Internet User Experience: users spend most of their time on other websites.
Jakob的"網際網路使用者經驗定律": 使用者花大部份的時間在別人的網站上.
(反喻使用者只用很少比例的時間在你的網站)

當瀏覽其他網站時, 人們習慣了普遍流行的習慣性設計, 因此當使用者造訪你的網站時, 他們也會假設你的站應該和別人的站一樣以相同方式操作.

Jakob 2004年的網站研究, 使用者在平均1分49秒後離開一個網站, 這也包括了不能完成他們需求的網站. 要在這麼短的時間內說服使用者你的站對他們具有價值的話, 就不應該讓他們浪費一丁點時間在你不好使用的介面上面掙扎.

但比起公眾網站, Intranet 設計標準的狀況會更好, 主要是Intranet擁有唯一的負責單位, 這個負責Intranet的團隊能夠定義標準並將之推廣到整個企業, 確保設計的一致性.

不管是Intranet或是Internet, 有件事情很清楚: 和習慣性設計越趨一致並提供使用者想要的, 網站就越成功. 區隔內容, 服務和產品當然重要, 但是在這兩者的介面上, 最好的策略是去遵循其他人的用法.

--------------------------------------------------------------------------------------------

以上是Jakob對網頁設計標準的定義和做法, 我們的”政府無障礙網頁設計”也有極為類似的網頁元素配置建議, 對象主要是政府機關或學校教育單位, 相關規定可參考 無障礙網路空間服務網 的規範和文件.

Jakob的論點是以使用性為出發點, 希望網站的設計符合使用者習慣, 要易學易用. 但是放眼網際網路的眾多網站, 製作炫麗特效的網站比比皆是, 如果這種網站真的這麼不堪使用, 有怎會有那麼多諸如此類的設計存在?

以製作經驗來看, 可能有兩種原因: 第ㄧ種是網站管理者的個人喜好, 他喜歡這種動態效果的設計, 認為只要加上炫麗的效果就能吸引更多人來看他們的網站. 我也經常收到友人轉寄的Flash特效網頁, 真的羨慕有人可以用Actionscript把Flash做的這麼好, 但也純粹是為了特效去看一兩次, 而這到底是什麼網站, 寫些什麼內容卻沒有太多工夫研究.

另一種原因是這網站屬於遊戲娛樂型的網站, 它的使用者本來就是上來打發時間的, 有足夠的精神和耐心來看這裡會有什麼新鮮事發生. 所以這種網站如果做的不夠炫, 還真不足以吸引這些人的目光.

所以, 該製作怎樣的網站就要歸結到網站製作的目的. 為什麼建立這個網站? 打算提供什麼服務(提供資訊內容或遊戲娛樂)? 目標使用者是誰(來找資料的或來打發時間的)?

以資訊服務為主的網站的使用者可能是上班族, 學生或是研究人員, 他們的時間有限, 網站的設計以能夠幫助他們迅速準確的找到資料為目的, 就請不要浪費他們的時間在你的網站重複看一遍又一遍的動畫, 非得要放不可的話請提供Skip功能.

娛樂型網站就無所謂了, 請儘量的炫吧! 不管是驚奇的還是神秘的, 它的使用者有的是時間去發掘和探險. 而Jakob的論點在這裡恐怕難以派上用場.

所以, 請考慮清楚網站建置目的, 不要浪費金錢和時間做不該做的, 放不該放的東西在上面.

沒有留言: