(本書在說明問題的時候,都是采用講故事的形式展開,設定使用場景)
設計web第一原則:don’t make me think
文案,簡單易懂,不要故弄玄虛
如果做不到讓網站不言而喻,至少做到讓它自我解釋。
用戶實際是如何使用網站的?掃描,滿意即可,勉強應付
網絡使用的三個事實:
1、我們不是閱讀,而是掃描
2、我們不作最佳選擇,而是滿意即可
3、我們不是追根究底,而是勉強應付
大多數時候,我們不會選擇最佳選項,而是選擇第一個合理的選項
用戶掃描的過程,設計網站時,需要注意以下5個重要方面:
1、在每一個頁面上建立清楚的視覺層次
2、盡量利用習慣用法
3、把頁面劃分成明確定義的區域
4、明顯標識可以點擊的地方
5、最大限度降低干擾
清楚地視覺層次,有三個特點:
1)越重要的部分越突出
2)邏輯上相關的部分,在視覺上也相關
3)邏輯上包含的部分在視覺上進行嵌套
好的視覺層次通過預先處理頁面,用一種我們能快速理解的方式對頁面的內容進行組織并區分優先級,從而減少了我們的工作。
如果不打算使用一種已有的web習慣用法,必須確認這種做法滿足一下特點:
1)同樣清楚,同樣不言而喻,沒有學習曲線的方法——這樣就跟習慣用法一樣好了
2)帶來很大的價值,因此值得用戶付出一點努力去學習的方法
點擊多少次都沒關系,只要每次點擊都無需思考、明確無誤的選擇。——Krug可用性第二定律
去掉每個頁面上一半的文字,然后把剩下的文字再去掉一半。——Krug可用性第三定律
設計導航
全局導航
主頁和填寫表單的頁面不需要全局導航,主頁需要承擔其他的任務,填寫表單頁面如果出現全局導航,會對填寫表單這個任務出現不必要的干擾。
全局導航最重要的元素之一就是回到主頁的鏈接或按鈕
要對低層級的導航給予足夠的重視,在開始討論主頁的顏色方案之前,擁有現時網站所有潛在級別的導航樣例頁面非常重要,除非一開始就從上往下開始導航設計,否則以后很難再進行添加,也很難保持一致。
頁面名稱:要注意四點
1)每個頁面都需要一個名稱
2)頁面名稱出現在合適的位置
3)名稱要引人注目
4)名稱要和點擊的鏈接一致
面包屑導航,作為某種平衡,用來補充固定導航機制,是最有價值的。
后備箱測試
導航設計需要滿足以下條件,當把你放在某個網頁上,回答以下問題:
1、這是什么網站?(站點ID)
2、我在哪個網頁上?(網頁名稱)
3、這個網絡的主要欄目有哪些?(欄目清單)
4、在這個層次上我有哪些選擇?(本頁導航)
5、我在導航系統的什么位置?(“我在這里”的指示器)
6、我怎么搜索?
設計主頁
首先需要傳達整體形象,越快越好,回答用戶四個問題:
1、這是什么網站?2、我能在這里做什么?3、網站上有些什么?4、為什么我應該在這里,而不是在別的地方?
第五個問題:從哪里開始?
簡易可用性測試
可用性測試時,測試對象是誰并不重要。
可用性測試以后,要立刻回顧測試結果,主要做兩件事情:
1、給問題分類:回顧大家看到的問題,決定哪些問題需要修正
2、解決問題:找出修正這些問題的方法。
一些問題分類指南
1、忽略皮劃艇問題
2、抵制添加的沖動:發現用戶沒有理解某些內容,第一反應就是增加一些內容進行注釋或者說明,正確的的解決方案往往是去除某個讓人混淆的內容。
3、不要太看重人們對新功能的要求:一般仔細詢問,他們已經找到一個很好的網站來解決這個問題,不太會重新使用你的產品。
4、抓住夠得著的果子:1)恍然大悟型 2)便宜型:不怎么費力的修正