大概花了2.3個小時把把書讀完了宗兼。里面的知識點(diǎn)都很簡單易懂贵试,不像是about face 4那么的晦澀宿饱。雖然書中提到的大部分知識點(diǎn)我都知道了混槐,但是在之前的學(xué)習(xí)中我的知識是碎片化的戈锻,我并沒有把這些平常習(xí)慣的東西進(jìn)行一個總結(jié)歼跟,所以看書的時候會覺得,哦格遭,對的哈街,就是這樣子!
目前的水平只停留在總結(jié)知識點(diǎn)的層面上拒迅,希望之后能夠更加發(fā)散思維骚秦,寫下自己的思考。
第一章:別讓我思考
?可用性第一定律:別讓我思考
當(dāng)看到一個頁面璧微,他應(yīng)該是一目了然的作箍,自我解釋(不需要花費(fèi)盡力進(jìn)行思考)
比如說文案是否清晰,按鈕是否可以點(diǎn)擊前硫,主頁的信息布局是否清晰(用戶指導(dǎo)自己要干什么胞得,如果給用戶太多選擇,他們需要思考很久)
讓用戶清楚當(dāng)前的位置屹电,從哪里開始點(diǎn)擊阶剑,x x的位置在哪里,頁面上信息閱讀的優(yōu)先級危号,名字或文案的含義
第二章:我們實(shí)際上是如何使用web的
用戶是掃頁面
點(diǎn)擊一個令他們感興趣的或者大概符合他們尋找目標(biāo)的鏈接牧愁,如果不成功,點(diǎn)擊后退外莲,或者是匆匆掠過網(wǎng)頁猪半,尋找吸引注意力的文字,圖片
不會選擇最佳選項,而是選擇一個合理的選項
—尋找最佳策略很難磨确,需要的時間也很長沽甥,滿意即可效率更高
—如果猜錯了,也不會有什么嚴(yán)重的后果(所以后退按鈕是web游覽器中用得最多的地方俐填,但是如果加載速度很慢安接,用戶就會謹(jǐn)慎選擇)
—并不會改善游覽的體驗(yàn)(在設(shè)計不好的網(wǎng)站中,還不如多嘗試幾次)
—猜測更有意思(可能會無意中看到不錯的內(nèi)容英融,這種可能性會讓人開心)
用戶在使用網(wǎng)頁時,并不會考慮它的運(yùn)作原理
—明白原理對他們不重要
—如果發(fā)現(xiàn)某個事物能用歇式,用戶會一直使用這個方法(用戶懶于改變自己驶悟,很少會主動去尋找更好的方法)
但是讓用戶弄明白網(wǎng)站如何使用很重要,他們會更容易找到自己需要的東西材失,會更容易理解網(wǎng)站提供的服務(wù)痕鳍,更好的被網(wǎng)站引導(dǎo),他們的忠實(shí)度會變高
第三章:廣告牌設(shè)計101法則
我們需要根據(jù)用戶掃頁面的這個習(xí)慣去設(shè)計網(wǎng)站
1.建立清楚的視覺層次
越重要的部分越突出(字體變大龙巨,變粗笼呆,改變顏色,旁邊留白旨别,放在頁面的頂部等)
邏輯上相關(guān)的部分在視覺上也相關(guān)(相近的內(nèi)容為一組诗赌,在同一個標(biāo)題下使用類似的顯示樣式,放在定義明確的區(qū)域之內(nèi))
邏輯上包含的部分在視覺上進(jìn)行嵌套
2.使用習(xí)慣用法
web的使用方法可以參考人們對真實(shí)物體的使用方法秸弛,即符合人們的認(rèn)知铭若,這樣人們會更容易去使用它
3.把頁面劃分成明確定義的區(qū)域
可以讓用戶很快決定關(guān)注頁面的那些區(qū)域,或者放心跳過哪些區(qū)域
4.明確表示可以點(diǎn)擊的地方
5.降低視覺噪音
減少復(fù)雜度递览,盡量簡單的頁面呈現(xiàn)
第四章:為什么用戶喜歡無需思考的選擇
?可用性第二定律:點(diǎn)擊多少次都沒有關(guān)系叼屠,只要每次點(diǎn)擊都是無需思考,明確無誤的選擇
3次無需思考绞铃,明確無誤的點(diǎn)擊相當(dāng)于一次需要思考的點(diǎn)擊
第五章:省略不必要的文字
1.省略多余的文字
降低頁面噪音镜雨,讓有用的內(nèi)容突出,讓頁面更簡短儿捧,這樣用戶可以看見更多的內(nèi)容
2.減少歡迎詞
3.刪除指示說明
第六章:設(shè)計導(dǎo)航
1. 如果在網(wǎng)站上找不到方向荚坞,人們不會使用你的網(wǎng)站
2. 創(chuàng)建大家公認(rèn)的“明確”,“簡單”纯命,“一致”的導(dǎo)航?
-給人一些固定的感覺
-告訴我們當(dāng)前的位置
-告訴我們?nèi)绾问褂镁W(wǎng)站
-給了我們對網(wǎng)站建造者的信心
3. 在網(wǎng)絡(luò)端西剥,是感覺不到大小,感覺不到方向亿汞,感覺不到位置的
所以搜索時訪問過的鏈接會標(biāo)記成另外的顏色瞭空,使用書簽,后退點(diǎn)擊率很高
4.WEB端導(dǎo)航的習(xí)慣用法
(大部分來自于印刷品的習(xí)慣用法)
- 網(wǎng)站ID:一般位于左上角,需要在每個頁面上都見到網(wǎng)站的名稱咆畏;在當(dāng)前站點(diǎn)結(jié)構(gòu)中層次最高南捂;同時也作為一個回到主頁的按鈕
- 主導(dǎo)航欄:包括二級導(dǎo)航的顯示位置
-工具欄:到達(dá)網(wǎng)站中不屬于內(nèi)容層次的重要元素鏈接,比如幫助旧找,站點(diǎn)地圖溺健,購物車等
-頁面名稱:顯眼且吸引人,在合適的位置钮蛛,每個頁面都需要有名稱鞭缭,名稱和鏈接一致
- 底部導(dǎo)航欄
-層級菜單:主頁到當(dāng)前位置的路徑;位于最頂端,使用> , 使用小字體魏颓,使用文字‘你在這里’岭辣;將最后一個元素加粗,沒有把他們用作頁面的名稱
- 標(biāo)簽:強(qiáng)烈的標(biāo)簽圖形的視覺甸饱;使用顏色區(qū)分沦童;當(dāng)你進(jìn)入網(wǎng)頁時,有一個標(biāo)簽是默認(rèn)選擇了
- 搜索
第七章:主頁的設(shè)計
1. 主頁要完成任務(wù)
- 站點(diǎn)的標(biāo)識和使命:這是 什么網(wǎng)站叹话,他是做什么的偷遗?網(wǎng)站的優(yōu)勢
- 站點(diǎn)層次:提供服務(wù)的概貌,包括內(nèi)容和功能
- 搜索
- 導(dǎo)讀:精彩內(nèi)容的推薦驼壶,應(yīng)該是最新氏豌,最好,最流行的內(nèi)容片斷
- 內(nèi)容更新:主頁不應(yīng)該是一成不變的辅柴,應(yīng)該是有一些經(jīng)常更新的內(nèi)容
- 友情鏈接:預(yù)留空間用來防止廣告箩溃,,較差推廣碌嘀,合作品牌的友情鏈接等
- 快捷方式:最經(jīng)常訪問的內(nèi)容(比如軟件升級)可以在主頁上放置鏈接
- 注冊:新用戶注冊和老用戶登錄提供鏈接涣旨,如果登陸了,顯示已經(jīng)登錄的狀態(tài)
- 看到正在尋找的東西
-還有沒有尋找的:體驗(yàn)美好
-告訴用戶從哪里開始
-讓用戶建立可信度和信任感
2. 主頁是傳達(dá)整體形象
需要讓別人知道這是什么網(wǎng)站股冗,能在這里做什么霹陡,網(wǎng)站上有些什么,為什么在這里止状,而不是在別的地方烹棉?
-口號:放在站點(diǎn)ID旁邊;清楚怯疤,簡潔浆洗,能表達(dá)網(wǎng)站的特點(diǎn)和好處,有個性
-歡迎廣告:對網(wǎng)站的簡要描述集峦,在主業(yè)的首要位置顯示
-使用大量的空間去放重要的東西
-不要使用過多的空間
-不要把陳述當(dāng)做歡迎廣告
-主頁要進(jìn)行可用性測試
3. 主頁的導(dǎo)航和其他頁面的導(dǎo)航需要保持相似
4.主頁不要放置所有東西伏社,明確優(yōu)先級抠刺,不要太混亂
任何共享資源(共有區(qū)域)都會因?yàn)檫^度使用而遭到破壞
第八章:如何避免無效的團(tuán)隊討論
1.通過測試可以將對錯轉(zhuǎn)移到什么有效,什么無效上摘昌,測試會讓我們看到用戶的動機(jī)速妖,理解,反應(yīng)的不同聪黎,從而讓我們不會再堅持認(rèn)為用戶的想法和我們的想法一樣
2.沒有什么普通用戶罕容,每個人對網(wǎng)頁的個人反應(yīng)都有很多的變量,沒法用簡單的喜好去描述稿饰,所以設(shè)計需要考慮這種復(fù)雜性
3. 經(jīng)過仔細(xì)考慮锦秒,實(shí)現(xiàn),測試的設(shè)計就是好的
第九章:簡單的可用性測試
1.焦點(diǎn)小組不是可用性測試:5-8人圍坐在桌子旁邊湘纵,對展示給他們的想法和設(shè)計做出反應(yīng)脂崔,是快速得到用戶意見和感覺的一種不錯的方法
2.可用性測試:一次一個用戶展示一些內(nèi)容,并且要求用戶說出梧喷,這是什么,試著完成一個典型的任務(wù)
3. 一定要做可用性測試脖咐,可用性測試總是有效果的(即使不是目標(biāo)用戶)铺敌,測試的結(jié)果需要進(jìn)行判斷,測試是一個迭代的過程
4.使用簡單的可用性測試
(每次3-4個人屁擅,進(jìn)行多輪測試)
3-4人測試——發(fā)現(xiàn)問題——修正方案——繼續(xù)3-4人測試——發(fā)現(xiàn)問題——修正方案
-可以是任何的測試對象(但是如果目標(biāo)用戶分成好幾類人群偿凭,比如大學(xué)網(wǎng)站,那有學(xué)生派歌,老師等弯囊,需要這些不同的用戶;如果需要專門的領(lǐng)域知識胶果,那需要招募相關(guān)的用戶)
-每個人都是初學(xué)者
-如果設(shè)計的網(wǎng)站只有目標(biāo)人群能使用匾嘱,這不是一個好主意
-專家不會介意對初學(xué)者來說很清楚的界面
-合理的補(bǔ)貼給測試者
-邀請簡單
-避免對網(wǎng)站進(jìn)行預(yù)先討論
5.測試什么?什么時候測試早抠?
-“理解”測試:讓用戶按到網(wǎng)站霎烙,看他們是否能理解這個網(wǎng)站,理解網(wǎng)站的目標(biāo)蕊连,價值主張悬垃,組織方法,運(yùn)行方式
- 關(guān)鍵任務(wù)測試:讓用戶完成一些任務(wù)甘苍,觀察他們是怎么做的(最好是讓他們執(zhí)行一些他們感興趣的任務(wù)尝蠕,比如找一本你想要買的書)
6.測試結(jié)果
-給問題分類:回顧大家的問題,決定哪些問題要修正
-解決問題:找出解決方法
7.一些常見的問題
-用戶不清楚概念
-他們找不到自己要找的字眼:組織分類不符合用戶的習(xí)慣载庭,名字不符合
-內(nèi)容太多了:減少頁面上的干擾看彼,把內(nèi)容設(shè)置的更醒目
8. 一些問題分類的指南
-忽略一些用戶可以解決的小問題廊佩?
-減少添加,而是去除某些內(nèi)容
-不要太看重人們對新功能的要求
-那些在測試中發(fā)現(xiàn)的很有價值的問題需要去修正闲昭,那些修改后效果很明顯罐寨,或者修改起來很容易的需要去修正
-修正問題,同事不破壞已經(jīng)正常運(yùn)行的部分
第十章:可用性
使用網(wǎng)站就像一個好感儲存器
1. 降低好感的幾種方式
-影藏用戶想要的信息:比如客戶戶無的電話號碼序矩,運(yùn)費(fèi)和價格
-沒有按照網(wǎng)站的方式使用就會出錯
-詢問不必要的信息
-敷衍的語句
-設(shè)置障礙
-網(wǎng)站看上去不專業(yè)
2.提高好感的幾種方式
-知道人們在網(wǎng)站上想做什么鸯绿,并且讓他們明白簡單
-告訴用戶需要的信息
-盡量減少步驟
-花點(diǎn)心思:體驗(yàn)良好
-常用問題列表
-容易從錯誤中恢復(fù)
-如果發(fā)生錯誤,及時道歉
第十一章:可訪問性
第十二章:如何處理不好的設(shè)計決策
1. 給老板發(fā)郵件簸淀,闡述原因