(本書在說明問題的時候,都是采用講故事的形式展開,設(shè)定使用場景)
設(shè)計web第一原則:don’t make me think
文案,簡單易懂色徘,不要故弄玄虛
如果做不到讓網(wǎng)站不言而喻,至少做到讓它自我解釋操禀。
用戶實際是如何使用網(wǎng)站的贺氓?掃描,滿意即可床蜘,勉強(qiáng)應(yīng)付
網(wǎng)絡(luò)使用的三個事實:
1辙培、我們不是閱讀,而是掃描
2邢锯、我們不作最佳選擇扬蕊,而是滿意即可
3、我們不是追根究底丹擎,而是勉強(qiáng)應(yīng)付
大多數(shù)時候尾抑,我們不會選擇最佳選項,而是選擇第一個合理的選項
用戶掃描的過程蒂培,設(shè)計網(wǎng)站時再愈,需要注意以下5個重要方面:
1、在每一個頁面上建立清楚的視覺層次
2护戳、盡量利用習(xí)慣用法
3翎冲、把頁面劃分成明確定義的區(qū)域
4、明顯標(biāo)識可以點擊的地方
5媳荒、最大限度降低干擾
清楚地視覺層次抗悍,有三個特點:
1)越重要的部分越突出
2)邏輯上相關(guān)的部分,在視覺上也相關(guān)
3)邏輯上包含的部分在視覺上進(jìn)行嵌套
好的視覺層次通過預(yù)先處理頁面钳枕,用一種我們能快速理解的方式對頁面的內(nèi)容進(jìn)行組織并區(qū)分優(yōu)先級缴渊,從而減少了我們的工作。
如果不打算使用一種已有的web習(xí)慣用法鱼炒,必須確認(rèn)這種做法滿足一下特點:
1)同樣清楚衔沼,同樣不言而喻,沒有學(xué)習(xí)曲線的方法——這樣就跟習(xí)慣用法一樣好了
2)帶來很大的價值,因此值得用戶付出一點努力去學(xué)習(xí)的方法
點擊多少次都沒關(guān)系指蚁,只要每次點擊都無需思考菩佑、明確無誤的選擇。——Krug可用性第二定律
去掉每個頁面上一半的文字欣舵,然后把剩下的文字再去掉一半擎鸠。——Krug可用性第三定律
設(shè)計導(dǎo)航
全局導(dǎo)航
主頁和填寫表單的頁面不需要全局導(dǎo)航缀磕,主頁需要承擔(dān)其他的任務(wù)缘圈,填寫表單頁面如果出現(xiàn)全局導(dǎo)航,會對填寫表單這個任務(wù)出現(xiàn)不必要的干擾袜蚕。
全局導(dǎo)航最重要的元素之一就是回到主頁的鏈接或按鈕
要對低層級的導(dǎo)航給予足夠的重視糟把,在開始討論主頁的顏色方案之前,擁有現(xiàn)時網(wǎng)站所有潛在級別的導(dǎo)航樣例頁面非常重要牲剃,除非一開始就從上往下開始導(dǎo)航設(shè)計遣疯,否則以后很難再進(jìn)行添加,也很難保持一致凿傅。
頁面名稱:要注意四點
1)每個頁面都需要一個名稱
2)頁面名稱出現(xiàn)在合適的位置
3)名稱要引人注目
4)名稱要和點擊的鏈接一致
面包屑導(dǎo)航缠犀,作為某種平衡,用來補(bǔ)充固定導(dǎo)航機(jī)制聪舒,是最有價值的辨液。
后備箱測試
導(dǎo)航設(shè)計需要滿足以下條件,當(dāng)把你放在某個網(wǎng)頁上箱残,回答以下問題:
1滔迈、這是什么網(wǎng)站?(站點ID)
2被辑、我在哪個網(wǎng)頁上燎悍?(網(wǎng)頁名稱)
3、這個網(wǎng)絡(luò)的主要欄目有哪些盼理?(欄目清單)
4谈山、在這個層次上我有哪些選擇?(本頁導(dǎo)航)
5宏怔、我在導(dǎo)航系統(tǒng)的什么位置勾哩?(“我在這里”的指示器)
6、我怎么搜索举哟?
設(shè)計主頁
首先需要傳達(dá)整體形象思劳,越快越好,回答用戶四個問題:
1妨猩、這是什么網(wǎng)站潜叛?2、我能在這里做什么?3威兜、網(wǎng)站上有些什么销斟?4、為什么我應(yīng)該在這里椒舵,而不是在別的地方蚂踊?
第五個問題:從哪里開始?
簡易可用性測試
可用性測試時笔宿,測試對象是誰并不重要犁钟。
可用性測試以后,要立刻回顧測試結(jié)果泼橘,主要做兩件事情:
1涝动、給問題分類:回顧大家看到的問題,決定哪些問題需要修正
2炬灭、解決問題:找出修正這些問題的方法醋粟。
一些問題分類指南
1、忽略皮劃艇問題
2重归、抵制添加的沖動:發(fā)現(xiàn)用戶沒有理解某些內(nèi)容米愿,第一反應(yīng)就是增加一些內(nèi)容進(jìn)行注釋或者說明,正確的的解決方案往往是去除某個讓人混淆的內(nèi)容鼻吮。
3育苟、不要太看重人們對新功能的要求:一般仔細(xì)詢問,他們已經(jīng)找到一個很好的網(wǎng)站來解決這個問題狈网,不太會重新使用你的產(chǎn)品宙搬。
4、抓住夠得著的果子:1)恍然大悟型 2)便宜型:不怎么費力的修正