用戶實際瀏覽網頁只是在每個頁面瞥一眼,然后點擊第一個令他們感興趣或大概符合他們目標的鏈接,通常其他內容看都不看。我們精心準備的文字在用戶看來更像“以每小時100公里的速度駛過的廣告牌”。
三個事實:
1、用戶不是閱讀,而是掃描;
2、用戶不做最佳選擇,而是選擇第一個合理的選項;
3、用戶不在乎運作原理,能用就好。
廣告牌設計101法則
1、建立清楚的視覺層次
·越重要的部分越突出。例如:標題字體更大/粗/顏色特別,更多留白。
·邏輯上相關的部分在視覺上也相關。例如:相近內容分成一組。
·邏輯上包含的部分在視覺上進行嵌套。
2、盡量利用習慣用法
3、把頁面劃分成明確定義的區域
讓用戶很快就能決定關注頁面的哪些區域,放心地跳過哪些區域。
4、明顯標識可以點擊的地方
5、最大限度降低干擾
·避免眼花繚亂。所有內容都突出,那么結果可能是什么都不突出。
用戶喜歡無需思考的選擇
用戶到達目標之前要點擊多少次都沒關系(當然還是有一定限度),只要每次點擊都是無需思考、明確無誤的選擇即可。
省略不必要的文字
去掉不必要的文字可以降低瀏覽時的干擾、讓有用的內容更加突出、讓頁面更簡短。
設計導航
導航幫助用戶找到想要的東西、告訴用戶現在身處何處。
導航一般包括5個元素:站點ID(logo)、欄目、回主頁的方式、搜索、實用工具(如幫助、站點地圖等4-5個)。
一般建議網站每個頁面都有全局導航,但也有例外:在需要填寫表單,或在一個電子商務付款時,并不希望用戶去做其他事情,為減少不必要的干擾可以不用全局導航。
檢測一個頁面是否設計良好的方式,是否能毫不猶豫回答以下問題:
·這是什么網站?(網站logo)
·我在哪個網頁上?(網頁名稱)
·這個網站的主要欄目有哪些?(欄目清單)
·在這個層次上我有哪些選擇?(本頁導航)
·我在網站的什么位置?(面包屑導航等)
·我怎么搜索?(搜索入口)
設計主頁
主頁一般包含:
·站點的標識和使命。比如網站名稱、logo、slogan、歡迎廣告,介紹是什么網站;另外最好說明為什么我應該在這里,而不是去別的網站。
·站點層次。一般用導航來說明,網站提供什么內容或服務。
·搜索。大多數網站需要在主頁上設置一個突出顯示的搜索框。
·導讀。內容推薦,推薦最新、最好、最流行的內容,例如頭條新聞或熱銷產品;功能推薦,推薦網站更多欄目或試用一些個性化功能等。
·內容更新。主頁應該有一些經常更新的內容,提現網站的活躍性。
·友情鏈接。主頁上需要預留空間,用來放置廣告、交叉推廣、合作品牌的友情鏈接等。
·快捷方式。最常訪問的內容值得在主頁上放置,以免用戶尋找。
·注冊。為新用戶注冊和老用戶登錄提供鏈接,并且要提示用戶自己已經登錄了(如歡迎回到XXX,shirly)。
除以上普遍需求外,還可能需要滿足的一些目標:
·讓用戶看到自己想要的東西。比如個性化推薦、歷史記錄等。
·還有用戶沒有想到的。主頁可以推薦一些精彩的,用戶也許會感興趣的內容。
·告訴用戶從哪里開始。在一個新網站里,提供新手指南。
·建立可信度和信任感。主頁給用戶留下好印象,直接減少跳出率。
可用性測試
可用性測試和焦點小組的區別:
·焦點小組:一小組人(通常5~8人)圍坐在桌子旁邊,對展示給他們的想法和設計作出反應。這是一個小組過程,可以快速得到用戶的意見和感覺。有助于抽象地確定你的目標受眾想要什么、需要什么、喜歡什么。
·可用性測試:一次對一個用戶展示內容(網站、原型或一些單頁面草圖),并要求用戶說出:1)這是什么;2)用它完成一項典型的任務。有助于了解你的網站具體怎么改進。
可用性測試如何進行:
每次測試的用戶數量:每輪3~4個用戶
招募方式:盡量找接近目標用戶
測試地點:任何辦公室或會議室
主導測試:任何相對有耐心的人/有經驗的可用性測試專家
提前計劃:幾乎可以在任何時間進行測試,只需提前一些做計劃即可
準備工作:決定你要展示什么
測試目標/時間:在開發過程中持續進行小規模的測試
后續工作:開發團隊碰頭討論,先給問題分類,再找出解決辦法
(可用性測試案例:見《Don't make me think》109-113頁)