一本廣受好評的網站使用性入門書,書評可以參考學鏞書評。
我最喜歡這種有知識但又薄又好讀的書了,因為作者總是努力整理最重要的知識到最精要又好讀,讓我很快就可以了解到一個領域最重要的事情。畢竟人腦有限呀,會忘記的東西幹麻要學這麼多呢。
整理一些重點… 這本其實放在案頭拖好久都沒有看(泣),結果一個下午就可以唸完的說… :p
指導原則 1~5
- 別讓我思考!! 讓每一頁網頁都能自圓其說,至少可以自我解釋。
- 使用者實際使用網頁的方式
- 不讀而是掃描網頁
- 不會去選最好的選項,而是挑第一個合理的(就點下去看看)。
- 不想知道背後原理,只要管用(無論用法正確與否)就繼續用。
- 清楚的視覺階層 : 簡潔傳達出 1.哪些是重點 1.哪些東西有關聯? 2.哪些東西屬於其他的一部份?(巢狀階層)
- 擅用慣例 : 除非自己的創新手法夠好,否則多用慣例吧~
- 將頁面區隔成定義清楚的區域
- 明確標示出可以點選的東西
- 降低干擾 : 擁擠 跟 背景干擾(背景圖或裝飾影響到文字)
您必須做對的事情 (導覽列跟首頁) 6~7
- 導覽列目的
- 幫助我們找到需要的東西
- 告訴我們身在何處,這裡有些什麼。
- 告訴我們怎樣使用網站
- 網站名稱 : 通常是上端或左上角,搭配獨特的招牌字型
- 回到首頁 : 現在常把網站名稱做成回首頁,但最好還是 1.在分區或功能的部份加上回首頁連結 或 2. 在網站Logo上加註 HOME
- 搜尋 : 避免提供選項 (指定搜尋目標或範圍),除非使用者搜到太多資料再說。
- 功能 : 幫助使用網站或提供網站資訊(如網站地圖,連絡我們,購物車等)。不應該比分區還顯著,只能放 4~5 項功能,其他不常用的整合後放首頁。
- 分區(主導覽列) : 通往網站各主要分區的連結。有空間的話,也可以顯示次導覽頁。
- 這是什麼網站? (網站名稱)
- 我在哪一頁? (網頁名稱)
- 網站有哪些分區? (分區與子分區)
- 我在這一層有什麼選擇? (局部導覽列)
- 在整個架構中,我身在何處? (“你在這裡”標示)
- 如何搜尋? (搜尋)
- 善用副標或歡迎詞
- 首頁的導覽列可以有所不同,增加更多的說明或配合版型的變化,但不要跟內頁的差太多。
- 大多數情況下拉式選單(為了節省空間) 弊多於利,除了可以照字母排序的東西。
確定您做對了 (使用性測試) 8~9
- 提早進行小規模簡易的測試,並經常測試。隨意挑選,分散取樣。
- 每次測試理想人數為 3~4 人,隨便找只要會用網站有點耐心即可。測試對象其實並不怎麼重要(除了專業領域或族群的網站)。
- 大部分網站開發團隊找問題的能力,遠遠超過修復問題的能力。所以專心處理最嚴重的問題,不需要花太多成本找出一大堆問題。
- 提供測試者合理酬勞,讓他們知道我們重視他們的意見跟樂於參予。大約 45 ~ 60 分鐘。
- 不需要花錢用攝影機錄影,可用桌面錄影軟體較便宜且實用。
- “瞭解”測試 : 給使用者看一個網站,看看他們是否能瞭解網站目的、定位等。
- 關鍵工作測試 : 要求使用者去做某件事,看看他們做的怎樣。
- 不要對單一使用者對網站外觀的反應過度影響
- 別管”滑船式”問題,如果使用者第一次猜錯,但第二次就可以找對方向,那就表示沒問題。
- 小心使用者提出的新功能要求,他們只是告訴你他們喜歡什麼。
- 抗拒加東西 : 如果使用者很明顯找不到東西,我們常會加東西(如說明文字),但應該是想辦法把干擾的東西拿掉。
更重要的事情以及外部影響 10~12
- 讓使用者感覺網站沒有善意的事情
- 隱藏想要的資訊,如電話跟價格
- 顧慮資料格式,如大小寫、電話區碼加括號
- 要求不需要的資料,如過多的個人資料填寫
- 廢話敷衍,如不斷的”您的來電對我們很重要”
- 不識抬舉,如冗長的Flash簡介
- 網站看起來不專業,很粗糙
- 瞭解使用者上這個網站的主要目的,並做的明顯易用
- 誠實說明該知道的事情,如運費
- 隨時隨地省事,如方便的連結到相關貨運廠商
- 用心處理
- FAQ,常見問題跟解答,而不是希望大家問的問題。隨時更新
- 提供體貼功能,如友善列印跟刪掉廣告
- 易於錯誤中復原
- 若有疑問,先道歉。若無法做到想要的功能,至少先告知使用上的不便。
- 難以得到正確資料
- 較少的完成表單
- 讓網站看起來心懷不軌
- 只要求提供完成交易所需的資料
- 別要求一大堆額外選填的資訊
- 告訴我填這些可以得到什麼回報。如註冊之後可以如何或一份電子報範例。
推薦網站
- psychology.wichita.edu/surl/ 某實驗室的軟體使用性電子報
- webword.com/ John S. Rhodes 的部落格
- www.usabilityviews.com/ 追蹤一切值得看的東西
發佈留言