《點(diǎn)石成金》讀書筆記

大概花了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ā)郵件簸淀,闡述原因

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末瓶蝴,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子租幕,更是在濱河造成了極大的恐慌舷手,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,366評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件劲绪,死亡現(xiàn)場離奇詭異男窟,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)贾富,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評論 3 395
  • 文/潘曉璐 我一進(jìn)店門歉眷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人颤枪,你說我怎么就攤上這事汗捡。” “怎么了畏纲?”我有些...
    開封第一講書人閱讀 165,689評論 0 356
  • 文/不壞的土叔 我叫張陵扇住,是天一觀的道長。 經(jīng)常有香客問我盗胀,道長艘蹋,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,925評論 1 295
  • 正文 為了忘掉前任读整,我火速辦了婚禮簿训,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘米间。我一直安慰自己强品,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,942評論 6 392
  • 文/花漫 我一把揭開白布屈糊。 她就那樣靜靜地躺著的榛,像睡著了一般。 火紅的嫁衣襯著肌膚如雪逻锐。 梳的紋絲不亂的頭發(fā)上夫晌,一...
    開封第一講書人閱讀 51,727評論 1 305
  • 那天雕薪,我揣著相機(jī)與錄音,去河邊找鬼晓淀。 笑死所袁,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的凶掰。 我是一名探鬼主播燥爷,決...
    沈念sama閱讀 40,447評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼懦窘!你這毒婦竟也來了前翎?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,349評論 0 276
  • 序言:老撾萬榮一對情侶失蹤畅涂,失蹤者是張志新(化名)和其女友劉穎港华,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體午衰,經(jīng)...
    沈念sama閱讀 45,820評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡立宜,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,990評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了臊岸。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赘理。...
    茶點(diǎn)故事閱讀 40,127評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖扇单,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情奠旺,我是刑警寧澤蜘澜,帶...
    沈念sama閱讀 35,812評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站响疚,受9級特大地震影響鄙信,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜忿晕,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,471評論 3 331
  • 文/蒙蒙 一装诡、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧践盼,春花似錦鸦采、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至肄程,卻和暖如春锣吼,著一層夾襖步出監(jiān)牢的瞬間选浑,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1 272
  • 我被黑心中介騙來泰國打工玄叠, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留古徒,地道東北人。 一個月前我還...
    沈念sama閱讀 48,388評論 3 373
  • 正文 我出身青樓读恃,卻偏偏與公主長得像隧膘,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子狐粱,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,066評論 2 355

推薦閱讀更多精彩內(nèi)容