Don’t Make Me Think

一本廣受好評的網站使用性入門書,書評可以參考學鏞書評

我最喜歡這種有知識但又薄又好讀的書了,因為作者總是努力整理最重要的知識到最精要又好讀,讓我很快就可以了解到一個領域最重要的事情。畢竟人腦有限呀,會忘記的東西幹麻要學這麼多呢。

整理一些重點… 這本其實放在案頭拖好久都沒有看(泣),結果一個下午就可以唸完的說… :p 

指導原則 1~5

  • 別讓我思考!! 讓每一頁網頁都能自圓其說,至少可以自我解釋。
  • 使用者實際使用網頁的方式
  • 不讀而是掃描網頁
  • 不會去選最好的選項,而是挑第一個合理的(就點下去看看)。
  • 不想知道背後原理,只要管用(無論用法正確與否)就繼續用。
  • 讓使用者看清與理解的五個重點
    • 清楚的視覺階層 : 簡潔傳達出 1.哪些是重點 1.哪些東西有關聯? 2.哪些東西屬於其他的一部份?(巢狀階層)
    • 擅用慣例 : 除非自己的創新手法夠好,否則多用慣例吧~
    • 將頁面區隔成定義清楚的區域
    • 明確標示出可以點選的東西
    • 降低干擾 : 擁擠 跟 背景干擾(背景圖或裝飾影響到文字)
  • 三次不用大腦的 click,相當於一次需要思考的 click。 作者認為只要click不造成妨礙,確信自己往正確的資訊前進,就不會在乎多按幾次滑鼠。
  • 刪掉不需要的文字,特別是 開場白 跟 說明文字
  • 您必須做對的事情 (導覽列跟首頁) 6~7

    • 導覽列目的
    • 幫助我們找到需要的東西
    • 告訴我們身在何處,這裡有些什麼。
    • 告訴我們怎樣使用網站
  • 固定導覽列,放在每一頁相同的地方,使用相同的外觀。除了首頁或一定要輸入的表單網頁。
  • 導覽列的五個元素
    • 網站名稱 : 通常是上端或左上角,搭配獨特的招牌字型
    • 回到首頁 : 現在常把網站名稱做成回首頁,但最好還是 1.在分區或功能的部份加上回首頁連結 或 2. 在網站Logo上加註 HOME
    • 搜尋 : 避免提供選項 (指定搜尋目標或範圍),除非使用者搜到太多資料再說。
    • 功能 : 幫助使用網站或提供網站資訊(如網站地圖,連絡我們,購物車等)。不應該比分區還顯著,只能放 4~5 項功能,其他不常用的整合後放首頁。
    • 分區(主導覽列) : 通往網站各主要分區的連結。有空間的話,也可以顯示次導覽頁。
  • 使用者花在下層的時間遠比上層多,所以一開始要想到上下層可以通用的導覽列,想到網站可能會有的層級。
  • 每一頁要有網頁名稱,且要與點選結果相符。
  • 標示目前位置,在導覽列或選單上加上 icon,改變文字顏色,粗體,反白 或 改變按紐顏色等
  • 麵包屑 : 告訴你從目前位置回到首頁的路,適合 1. 階層結構較深的大型站台 或 2. 整合多個子站台
  • 標籤 : 大型站台上最適合的導覽系統,作者列了些要點。
  • 後車廂測試 : 隨便到哪一頁(事實上,我們常常從Google進去到某一頁),都能回答出以下問題 :
    • 這是什麼網站? (網站名稱)
    • 我在哪一頁? (網頁名稱)
    • 網站有哪些分區? (分區與子分區)
    • 我在這一層有什麼選擇? (局部導覽列)
    • 在整個架構中,我身在何處? (“你在這裡”標示)
    • 如何搜尋?  (搜尋)
  • 首頁要能傳達關於網站本身的說明跟重點,這是什麼網站?網站上有什麼?我在這裡可以做什麼?我為什麼要來這兒不是去其他地方?
    • 善用副標或歡迎詞
  • 首頁要能回答 我要從哪裡開始? 如果要搜尋、瀏覽、精要等該從哪裡開始?
    • 首頁的導覽列可以有所不同,增加更多的說明或配合版型的變化,但不要跟內頁的差太多。
    • 大多數情況下拉式選單(為了節省空間) 弊多於利,除了可以照字母排序的東西。
  • 首頁不要試圖宣傳每一樣東西
  • 確定您做對了 (使用性測試) 8~9

    • 提早進行小規模簡易的測試,並經常測試。隨意挑選,分散取樣。
    • 每次測試理想人數為 3~4 人,隨便找只要會用網站有點耐心即可。測試對象其實並不怎麼重要(除了專業領域或族群的網站)。
    • 大部分網站開發團隊找問題的能力,遠遠超過修復問題的能力。所以專心處理最嚴重的問題,不需要花太多成本找出一大堆問題。
    • 提供測試者合理酬勞,讓他們知道我們重視他們的意見跟樂於參予。大約 45 ~ 60 分鐘。
    • 不需要花錢用攝影機錄影,可用桌面錄影軟體較便宜且實用。
    • “瞭解”測試 : 給使用者看一個網站,看看他們是否能瞭解網站目的、定位等。
    • 關鍵工作測試 : 要求使用者去做某件事,看看他們做的怎樣。
    • 不要對單一使用者對網站外觀的反應過度影響
    • 別管”滑船式”問題,如果使用者第一次猜錯,但第二次就可以找對方向,那就表示沒問題。
    • 小心使用者提出的新功能要求,他們只是告訴你他們喜歡什麼。
    • 抗拒加東西 : 如果使用者很明顯找不到東西,我們常會加東西(如說明文字),但應該是想辦法把干擾的東西拿掉。

    更重要的事情以及外部影響 10~12

    • 讓使用者感覺網站沒有善意的事情
    • 隱藏想要的資訊,如電話跟價格
    • 顧慮資料格式,如大小寫、電話區碼加括號
    • 要求不需要的資料,如過多的個人資料填寫
    • 廢話敷衍,如不斷的”您的來電對我們很重要”
    • 不識抬舉,如冗長的Flash簡介
    • 網站看起來不專業,很粗糙
  • 可以增加善意的事情
    • 瞭解使用者上這個網站的主要目的,並做的明顯易用
    • 誠實說明該知道的事情,如運費
    • 隨時隨地省事,如方便的連結到相關貨運廠商
    • 用心處理
    • FAQ,常見問題跟解答,而不是希望大家問的問題。隨時更新
    • 提供體貼功能,如友善列印跟刪掉廣告
    • 易於錯誤中復原
    • 若有疑問,先道歉。若無法做到想要的功能,至少先告知使用上的不便。
  • 無障礙親和性議題 : 略
  • 要求使用者填寫過多個人資料的後果
    • 難以得到正確資料
    • 較少的完成表單
    • 讓網站看起來心懷不軌
  •  三大準則
    • 只要求提供完成交易所需的資料
    • 別要求一大堆額外選填的資訊
    • 告訴我填這些可以得到什麼回報。如註冊之後可以如何或一份電子報範例。

    推薦網站

    One thought on “Don’t Make Me Think

    Leave a Reply