近期看完了《點(diǎn)石成金 訪客至上的網(wǎng)頁(yè)設(shè)計(jì)秘笈》呆贿,小小做一下讀書(shū)筆記亭饵。
作者Steve Krug網(wǎng)站:www.sensible.com/secondedition(可下載腳本)
書(shū)籍電子版鏈接:https://pan.baidu.com/s/1stqRt4s9BOD0_0YjtUMH6Q 密碼:6r0r
可用性原則:某個(gè)東西越是需要投入大量時(shí)間耍缴,它將來(lái)用到的可能性越小桩蓉。
對(duì)于大部分可用性問(wèn)題冯袍,沒(méi)有永遠(yuǎn)“正確”的答案喜颁,設(shè)計(jì)就是一個(gè)復(fù)雜的過(guò)程,對(duì)人們提出的很多問(wèn)題兄猩,真正的答案是“看情況(It depends)”茉盏。
可用性:讓一個(gè)有著平均能力和經(jīng)驗(yàn)的人(甚至稍低于平均水平)能夠明白如何使用它——不必付出過(guò)度的努力,或者遇到不必要的麻煩枢冤。
開(kāi)始之前的最后一件事
第一章 別讓我思考(krug可用性第一定律)
krug可用性第一定律:當(dāng)用戶看到一個(gè)頁(yè)面的時(shí)候鸠姨,它應(yīng)該是不言而喻、一目了然淹真、自我解釋的——不需要額外的解釋讶迁。如果你不能做到讓一個(gè)頁(yè)面不言而喻,那么至少應(yīng)該讓它自我解釋核蘸。
當(dāng)訪問(wèn)web的時(shí)候巍糯,每一個(gè)問(wèn)號(hào)都會(huì)加重用戶的認(rèn)知負(fù)擔(dān),把用戶的注意力從要完成的任務(wù)上拉開(kāi)客扎。
第二章 我們實(shí)際上是如何使用web的(掃描祟峦,滿意即可,勉強(qiáng)應(yīng)付)
設(shè)計(jì)有效的網(wǎng)頁(yè)徙鱼,必須開(kāi)始接受網(wǎng)絡(luò)使用的三個(gè)事實(shí):
第一個(gè)事實(shí):我們不是閱讀宅楞,而是掃描,花極少時(shí)間只找注意力的文字和詞語(yǔ)。
第二個(gè)事實(shí):我們不作最佳選擇厌衙,而是滿意即可距淫。我們不會(huì)做最佳選擇,而是選擇第一個(gè)合理的選項(xiàng)迅箩。(推薦了GaryKlein的《Sourceof Power: How People Make Decisions》力量之泉:人們?nèi)绾螞Q策)
滿意策略:事實(shí)上溉愁,在絕大多數(shù)時(shí)間里我們不會(huì)選擇最好的,而是選擇第一個(gè)過(guò)得去的饲趋。
第三個(gè)事實(shí):我們不會(huì)追根究底,而是勉強(qiáng)應(yīng)付撤蟆。很少人讀說(shuō)明書(shū)才用電器或網(wǎng)站奕塑。
第三章 廣告牌設(shè)計(jì)101法則(為掃描設(shè)計(jì),不為閱讀設(shè)計(jì))
1.習(xí)慣用法是你的好幫手
原則:簡(jiǎn)潔勝過(guò)一致家肯,如果能在某種程度上打破一致性龄砰,而得到高度簡(jiǎn)潔清楚的效果,那么果斷選擇簡(jiǎn)潔讨衣。
2.建立有效的視覺(jué)層次:
3.把界面劃分為明確定義的區(qū)域
4.明顯表標(biāo)示可以點(diǎn)擊的地方(推薦了Don Norman的可用性書(shū)籍《The Design of Every Things》日常事務(wù)設(shè)計(jì)心理學(xué))
堅(jiān)持只用一種字體顏色來(lái)表示文字鏈接换棚,或者確定他們的外觀和位置可以識(shí)別它們是可點(diǎn)擊的,例如使用同一種顏色表示文字鏈接和不可點(diǎn)擊的標(biāo)題反镇。
5.降低視覺(jué)噪聲
原則:先假定所有內(nèi)容都是視覺(jué)噪聲固蚤,除非得到證明它們不是。
避免眼花繚亂和背景噪音(比如分割線不應(yīng)黑色而是灰色的)
6.為文本設(shè)置格式歹茶,以便掃描(推薦了Ginny Redish的《Letting Go of the Words》消除文字)
第四章 動(dòng)物夕玩、植物、無(wú)機(jī)物(為什么用戶喜歡無(wú)須思考的選擇)
Krug可用性第二定律:點(diǎn)擊多少次都沒(méi)有關(guān)系惊豺,只要每次點(diǎn)擊都是無(wú)須思考燎孟,明確無(wú)誤的選擇。
經(jīng)驗(yàn)準(zhǔn)則:三次無(wú)須思考尸昧,明確無(wú)誤的選擇相當(dāng)于一次需要思考的點(diǎn)擊揩页。(如網(wǎng)站性能太差另說(shuō))
第五章? 省略多余的文字( 不要在web上寫(xiě)作的藝術(shù))
Krug可用性第三定律:去掉每個(gè)頁(yè)面上一半的文字,然后把剩下的文字再去掉一半烹俗。
在大學(xué)學(xué)到最重要的東西爆侣,就是E.B.White《The Elements of Style》。第17條:省略多余的文字衷蜓,有力的文字都很簡(jiǎn)練累提。
歡迎詞(happy talk)必須消滅。那種以“歡迎……”開(kāi)頭的段落磁浇,在各頁(yè)面版頭(sectionfronts)斋陪。
指示說(shuō)明(instruction)必須消滅。沒(méi)人細(xì)讀這些指示。
第六章 街頭指示牌和面包屑(設(shè)計(jì)導(dǎo)航)
如果在網(wǎng)站上找不到方向无虚,人們不會(huì)使用你的網(wǎng)站缔赠。
1.導(dǎo)航的四個(gè)要素:站點(diǎn)ID、實(shí)用工具友题、搜索嗤堰、欄目。
但是在需要填寫(xiě)表單的界面度宦,持久導(dǎo)航可能會(huì)成為不必要的干擾踢匣,對(duì)于這些界面,只需要一個(gè)站點(diǎn)ID戈抄,一個(gè)回到主頁(yè)的鏈接离唬,以及任何可能助于填寫(xiě)表單的實(shí)用工具作為小規(guī)模的持久導(dǎo)航就夠了。
2.面包屑導(dǎo)航
3.tab導(dǎo)航
4.后備廂測(cè)試
真正的測(cè)試不會(huì)給你充分的時(shí)間和近距離觀察來(lái)琢磨划鸽。
想象你被蒙上雙眼输莺,所在車(chē)子的后備廂中,車(chē)開(kāi)了一會(huì)以后裸诽,把你放在某個(gè)網(wǎng)站的某個(gè)網(wǎng)頁(yè)上嫂用。如果這個(gè)網(wǎng)頁(yè)設(shè)計(jì)狼嚎,當(dāng)你除去眼罩的時(shí)候丈冬,應(yīng)該能毫不猶豫回答以下問(wèn)題:
第七章 web設(shè)計(jì)中的大爆炸理論(讓人們順利開(kāi)始的重要性)
混亂中有一件事不能忘————傳達(dá)整體形象(品牌調(diào)性)
訪問(wèn)一個(gè)新網(wǎng)贊或者一個(gè)新的網(wǎng)頁(yè)嘱函,最初的那幾秒特別重要。
口號(hào):放在靠近站點(diǎn)ID的地方殷蛇;沒(méi)有什么比得上一個(gè)好口號(hào)——清楚实夹,長(zhǎng)度適中,不太籠統(tǒng)粒梦×梁剑口號(hào)不是神圣的宗旨,口號(hào)可以有個(gè)性匀们,生動(dòng)缴淋,或俏皮,出名品牌可以不需要口號(hào)泄朴。
歡迎廣告:簡(jiǎn)要描述重抖,主頁(yè)首要位置,不要滾動(dòng)屏幕祖灰;是ID的闡述而不是無(wú)用廣告钟沛。不要闡述公司使命,讓公司外的人測(cè)試局扶。
第八章 確定你沒(méi)有做錯(cuò)的幾件事(農(nóng)場(chǎng)主和牧牛人應(yīng)該是朋友)
普通用戶的神話
1.錯(cuò)誤的信仰:在爭(zhēng)論web設(shè)計(jì)中恨统,常常除了浪費(fèi)時(shí)間都一無(wú)所獲叁扫,因?yàn)榇蠹乙詾樗衱eb用戶和自己一樣的喜好,相信大部分web用戶是彈性的畜埋,可以隨意變化
2.相反但是正確的結(jié)論:
所有web用戶都是獨(dú)一無(wú)二的
所有的web使用都是不一樣的
3.對(duì)于大部分web設(shè)計(jì)問(wèn)題來(lái)說(shuō)莫绣,沒(méi)有簡(jiǎn)單的答案。良好的悠鞍,一體化的設(shè)計(jì)能滿足需要对室,經(jīng)過(guò)仔細(xì)考慮,實(shí)現(xiàn)和測(cè)試的設(shè)計(jì)都是好的咖祭。
4.想要驗(yàn)證一種設(shè)計(jì)是否能帶來(lái)良好用戶體驗(yàn)的方法是測(cè)試掩宜!你必須使用團(tuán)隊(duì)集體技巧,經(jīng)驗(yàn)心肪,創(chuàng)造力和判斷力來(lái)創(chuàng)建一些版本锭亏,仔細(xì)觀察人們的看法和使用方法。沒(méi)有其他方式硬鞍。
第九章 一天10美分的可用性測(cè)試(讓測(cè)試更簡(jiǎn)單——這樣你能充分測(cè)試)
1.焦點(diǎn)小組不是可用性測(cè)試
焦點(diǎn)小組——一小組人(5—10)圍坐在桌子旁邊,侃侃而談戴已,談的是他們對(duì)產(chǎn)品的看法固该,產(chǎn)品的過(guò)往使用經(jīng)驗(yàn),或者是他們對(duì)一些新概念的反應(yīng)等糖儡。如果是想要快速得到部分用戶的意見(jiàn)和感覺(jué)伐坏,焦點(diǎn)訪談是一種不錯(cuò)的方法。
可用性測(cè)試——一次一個(gè)用戶握联,我們觀看用戶試用一些東西(不管是網(wǎng)站桦沉,網(wǎng)站??還是一些關(guān)于新設(shè)計(jì)方案的草圖),去完成一些典型的任務(wù)金闽,通過(guò)觀察用戶的行動(dòng)纯露,你可以檢測(cè)到那些讓用戶混淆和倍感挫折的地方,并修復(fù)他們代芜。
2.關(guān)于測(cè)試的幾個(gè)事實(shí)
建立一個(gè)優(yōu)秀的網(wǎng)站埠褪,一定要測(cè)試,糟糕的用戶也比沒(méi)測(cè)試好挤庇。
記錄和觀察用戶的測(cè)試钞速。最好錄制下來(lái)(可用屏幕錄制軟件),最好觀察用戶的表情嫡秕。來(lái)改進(jìn)渴语。
早測(cè)試的一位用戶好過(guò)最后測(cè)試50位用戶。大多數(shù)人假定用戶測(cè)試會(huì)很復(fù)雜昆咽,但是如果你把它設(shè)計(jì)得很復(fù)雜驾凶,就不會(huì)盡早測(cè)試牙甫,或者進(jìn)行足夠的測(cè)試來(lái)從中獲得最多的利益,早點(diǎn)做一次簡(jiǎn)單的測(cè)試——在你還有時(shí)間用上你的測(cè)試所得的時(shí)候狭郑,總比以后進(jìn)行一次復(fù)雜的測(cè)試更有價(jià)值腹暖。測(cè)試用戶少,也能得到一樣的結(jié)果翰萨,而且測(cè)試對(duì)象不重要脏答,即任何人。
測(cè)試關(guān)鍵不是證明或者反駁什么亩鬼,而是做出判斷力殖告。不是判斷A和B誰(shuí)好,而是測(cè)試給你提供有價(jià)值的參考雳锋,加上你的經(jīng)驗(yàn)和判斷黄绩,做出選擇。
測(cè)試是一個(gè)迭代的過(guò)程玷过。開(kāi)發(fā)測(cè)試的迭代過(guò)程爽丹。
沒(méi)有什么比現(xiàn)場(chǎng)用戶的反應(yīng)更重要。Mark兄弟的電影辛蚊,他們跟著雜技團(tuán)巡游記下哪些臺(tái)詞掌聲多不斷改進(jìn)粤蝎。
人們對(duì)招募用戶代表期望估計(jì)過(guò)高。用戶沒(méi)有比更早更經(jīng)常測(cè)試重要袋马。我的信條“寬松招募初澎,曲線上升”
未完待續(xù)
更新: 2018-11-13