《點(diǎn)石成金:訪客至上的網(wǎng)頁(yè)設(shè)計(jì)秘笈》——Read Notes

近期看完了《點(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)航就夠了。


網(wǎng)站
界面名稱(chēng)

2.面包屑導(dǎo)航

面包屑導(dǎo)航
面包屑導(dǎo)航

3.tab導(dǎo)航

tab導(dǎo)航
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)題:

后備廂測(cè)試

第七章 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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市虑凛,隨后出現(xiàn)的幾起案子碑宴,更是在濱河造成了極大的恐慌,老刑警劉巖桑谍,帶你破解...
    沈念sama閱讀 223,126評(píng)論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件延柠,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡霉囚,警方通過(guò)查閱死者的電腦和手機(jī)捕仔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門(mén),熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)盈罐,“玉大人榜跌,你說(shuō)我怎么就攤上這事≈逊啵” “怎么了钓葫?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,941評(píng)論 0 366
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)票顾。 經(jīng)常有香客問(wèn)我础浮,道長(zhǎng)帆调,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,294評(píng)論 1 300
  • 正文 為了忘掉前任豆同,我火速辦了婚禮番刊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘影锈。我一直安慰自己芹务,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,295評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布鸭廷。 她就那樣靜靜地躺著枣抱,像睡著了一般。 火紅的嫁衣襯著肌膚如雪辆床。 梳的紋絲不亂的頭發(fā)上佳晶,一...
    開(kāi)封第一講書(shū)人閱讀 52,874評(píng)論 1 314
  • 那天,我揣著相機(jī)與錄音讼载,去河邊找鬼轿秧。 笑死,一個(gè)胖子當(dāng)著我的面吹牛咨堤,可吹牛的內(nèi)容都是我干的淤刃。 我是一名探鬼主播,決...
    沈念sama閱讀 41,285評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼吱型,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了陨仅?” 一聲冷哼從身側(cè)響起津滞,我...
    開(kāi)封第一講書(shū)人閱讀 40,249評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎灼伤,沒(méi)想到半個(gè)月后触徐,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,760評(píng)論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡狐赡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,840評(píng)論 3 343
  • 正文 我和宋清朗相戀三年撞鹉,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片颖侄。...
    茶點(diǎn)故事閱讀 40,973評(píng)論 1 354
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡鸟雏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出览祖,到底是詐尸還是另有隱情孝鹊,我是刑警寧澤,帶...
    沈念sama閱讀 36,631評(píng)論 5 351
  • 正文 年R本政府宣布展蒂,位于F島的核電站又活,受9級(jí)特大地震影響苔咪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜柳骄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,315評(píng)論 3 336
  • 文/蒙蒙 一团赏、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧耐薯,春花似錦舔清、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,797評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至复斥,卻和暖如春营密,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背目锭。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,926評(píng)論 1 275
  • 我被黑心中介騙來(lái)泰國(guó)打工评汰, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人痢虹。 一個(gè)月前我還...
    沈念sama閱讀 49,431評(píng)論 3 379
  • 正文 我出身青樓被去,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親奖唯。 傳聞我的和親對(duì)象是個(gè)殘疾皇子惨缆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,982評(píng)論 2 361