書籍:
《瞬間之美 Web界面設計如何讓用戶心動》?[美] Robert Hoekman, Jr. 著 向怡寧 譯
《點石成金 訪客至上的Web和移動可用性設計秘笈》?[美] Steve Krug 著 蔣芳 譯
網絡使用情況的三個事實:
1、我們瀏覽頁面時,不是閱讀,而是掃描
?除了極少數如新聞故事、報告,或產品描述等頁面,我們極少會花時間來閱讀大部分的頁面,相反,只是掃描一下,尋找能引起注意力的文字或詞語。
因為我們總是有任務在身的。大部分情況下,我們使用Web都是想完成某項任務,而且希望能盡快完成。也知道,在絕大多數頁面里,只有小部分內容是與當前任務相關的,或是自己感興趣的。同時,比之閱讀,我們更愿意和擅長通過掃描來找尋相關內容完成任務。
2、我們不做最佳選擇,而是滿意即可
對于完成某個任務,我們并不會遍尋所有可能,找出最佳解決方案,而是快速地判斷、選擇某種可能完成任務的方法。因為我們總是處于忙碌中,而尋找最佳策略,需要時間。且對選擇進行權衡并不一定會改善我們的機會,花費時間不一定能找到更優的選擇。同時就算猜錯了,也不會產生什么嚴重的后果,還可以輕易推到重來。
3、不求追根究底,只要勉強應付
我們并不關心程序的運行原理,網站或頁面的方方面面,只關心能不能更便捷高效地完成工作。
基于以上網絡使用情況,網站應該具備一定的可用性:讓一個有著平均能力和經驗的人(甚至稍低于平均水平)能明白如何使用它——不必付出過度的努力,或者遇到不必要的麻煩。
當用戶看到一個頁面時,它應該是不言而喻、一目了然、自我解釋的。用戶應該能明白它是什么,能干什么,怎樣用它,而不需要進行額外的思考。
從而讓用戶能更快、更有效地獲取信息或完成任務。良好的體驗,讓用戶感覺自己聰慧、備受尊重、做事有成效。
而要讓頁面能一目了然,用戶無需進行額外的努力就能使用,需要頁面盡量避免出現強迫用戶思考的元素,如混亂不堪的布局、表意不明的文字等。
以下方法有助于構建高可用性的網站:
1、盡量利用習慣用法,遵循習慣和慣例——已廣為采納或標準化了的設計模式。
如頁面上的什么內容在什么位置、服務將如何運作、視覺元素的外觀等依據長久使用習慣演化出的網頁設計的習慣用法。
2、建立有效的視覺層次
利用形狀、顏色、字體大小等方式突出重要部分。視覺效果體現內在邏輯關系。如邏輯上相關的部分在視覺上也相關,邏輯上包含的部分在視覺上進行嵌套。
3、把頁面劃分成明確定義的區域
4、明顯標識可以點擊的地方
5、最小化干擾,降低視覺噪聲
避免內容無層次感,無突出重點信息,使人眼花繚亂。通過組織布局,以有罪推論,去除頁面中對完成任務無效的無謂部分,使頁面簡介高效。
6、為內容創建清楚的格式,以便掃描識別
充分使用標題、保持段落簡短、使用符號列表、突出關鍵詞語,使內容層次分明,易于辨識,快速掃描抓取重點信息。