寫在前面的話:作為一名產(chǎn)品經(jīng)理菜鳥,需要多學(xué)習(xí)、多閱讀扳埂、多交流體驗才能在今后的產(chǎn)品道路上越走越遠(yuǎn)。目前想通過讀書筆記的形式將書中的精華記錄下來瘤礁,監(jiān)督自己學(xué)習(xí)領(lǐng)會阳懂,畢竟“看過”和“寫過”還是不一樣的,看過很容易就忘記了柜思,而寫下來的過程本身就是一種加深理解的方法岩调,同時,我也想把它們分享出來赡盘,希望能幫到和我一樣的產(chǎn)品新手号枕。
書籍介紹:
《DON`T MAKE ME THINK》 ? ??作者:Steve Krug ? ??原書第三版
今天給大家分享的是第一章~第三章的內(nèi)容:
指導(dǎo)原則
第一章 ?別讓我思考 ? ? Krug可用性第一定律
1、別讓我思考
“別讓我思考”是最重要的原則——它是在設(shè)計中判別什么有用什么沒用的終極法則陨享。
它意味著葱淳,設(shè)計者應(yīng)該盡量做到,當(dāng)我看到一個頁面時抛姑,它應(yīng)該是不言而喻赞厕、一目了然、自我解釋的定硝。
我應(yīng)該能“明白它”它是什么意思皿桑,怎樣用它——而不需要進(jìn)行額外的思考。
當(dāng)我看到一個不需要思考的網(wǎng)頁時喷斋,腦袋里面浮現(xiàn)的會是:“嗯唁毒,這是_______,那是_______星爪,我想要的東西在這里。
2粉私、強(qiáng)迫我們思考的地方
網(wǎng)頁上每項內(nèi)容都有可能迫使我們停下來顽腾,進(jìn)行不必要的思考。例如诺核,命名抄肖。
命名一般介于”對每個人都顯而易見“和”完全模糊不清“之間,往往需要權(quán)衡窖杀。作者的觀點是漓摩,權(quán)衡應(yīng)該更傾向于”顯而易見“而不是需要額外的思考。
批注:命名還應(yīng)該符合用戶的使用習(xí)慣入客,選用約定俗成的管毙,大家都這么用的腿椎,更易于用戶理解。
另一個不必要的問號來源是那些看起來不太明顯的鏈接和按鈕夭咬。作為一個用戶啃炸,永遠(yuǎn)不該讓我花時間去思考某個東西是否能點擊。
批注:可以點擊的鏈接和按鈕需做明顯卓舵,絕不讓用戶來思考能否點擊南用。
3、如果你做不到讓一切都不言而喻
有時候在進(jìn)行一些嶄新的掏湾、開拓性的裹虫,或者非常復(fù)雜的頁面設(shè)計時,也許只能做到”自我解釋“融击。
頁面元素的外觀(例如尺寸筑公、顏色和布局),精心選擇的命名砚嘴,少量斟酌的文字十酣,它們綜合在一起將創(chuàng)造出一種接近瞬間的識別效果。
這里有一條原則:如果你不能讓一個頁面不言而喻际长,那么至少讓它自我解釋耸采。
批注:可以通過元素外觀(尺寸、顏色工育、布局)虾宇、命名、文字說明等讓頁面自我解釋如绸。
4嘱朽、為什么它這么重要?
在互聯(lián)網(wǎng)上怔接,競爭有時就在于一個點擊的差別搪泳,因此,如果你得罪了用戶扼脐,他們會跑到別的地方去岸军。
5、那么瓦侮,到底是為什么呢艰赞?
大多數(shù)人會花上比我們想象中少得多的時間來瀏覽我們設(shè)計的網(wǎng)頁。
結(jié)果肚吏,如果要網(wǎng)頁有效方妖,它們必須在用戶第一眼看到時,將自己展示出來罚攀,而要做到這一點党觅,最好的方法是創(chuàng)建不言而喻的網(wǎng)頁雌澄,或者至少也要做到自我解釋。
第二章 ?我們實際上是如何使用Web的 ? ? ? ?掃描仔役,滿意即可掷伙,勉強(qiáng)應(yīng)付
如果想設(shè)計有效的網(wǎng)頁,你必須開始接受關(guān)于網(wǎng)絡(luò)使用情況的三個事實:
1又兵、第一個事實:我們不是閱讀任柜,而是掃描
人們會花極少的時間來閱讀大部分的頁面。
我們?yōu)槭裁磼呙瑁?/p>
①我們總是任務(wù)在身沛厨;
②我們知道自己不必閱讀所有內(nèi)容宙地;
③我們善于掃描。
2逆皮、第二個事實:我們不作最佳選擇宅粥,而是滿意即可
在設(shè)計頁面時,我們?nèi)菀准俣ㄓ脩魰哌^整個頁面电谣,考慮所有可能的選項秽梅,然后選擇一個最好的。剿牺,
事實上企垦,絕大多數(shù)時間我們不會選擇最好的,而是選擇第一個過得去的晒来,這就是滿意策略钞诡。
3、第三個事實:我們不是追根究底湃崩,而是勉強(qiáng)應(yīng)付
在很大程度上人們一直在使用這些東西(網(wǎng)站荧降、軟件),但并不理解它們的運作原理攒读,甚至對它們的工作原理有完全錯誤的理解朵诫。
第三章 ?廣告牌設(shè)計101法則 ? ? ? 為掃描設(shè)計,不為閱讀設(shè)計
如果用戶們都是疾馳而過薄扁,那么拗窃,下面有幾個方面你要注意,保證他們盡可能地看到了——并了解了你的網(wǎng)站:
·盡量利用習(xí)慣用法
·建立有效的視覺層次
·把頁面劃分成明確定義的區(qū)域
·明顯標(biāo)識可以點擊的地方
·最小化干擾
·為內(nèi)容創(chuàng)建清楚的格式泌辫,以便掃描
1、習(xí)慣用法是你的好幫手
任何東西九默,能讓人瞬間理解震放,一種最好的方式就是遵循習(xí)慣和慣例——那些已經(jīng)廣為采納或者已經(jīng)標(biāo)準(zhǔn)化了的設(shè)計模式。
·頁面上什么內(nèi)容在什么位置(LOGO在頁面左上角)
·服務(wù)將如何運作(購物網(wǎng)站提供購物車)
·視覺元素的外觀(視頻鏈接圖標(biāo)驼修、搜索圖標(biāo))
簡潔勝過一致
如果能通過在某種程度上打破一致性殿遂,而得到高度簡潔清楚的效果诈铛,那么果斷選擇簡潔。
2墨礁、建立有效的視覺層次
一個視覺層次清楚的頁面有三個特點:
·越重要的部分越突出
·邏輯上相關(guān)的部分也在視覺上相關(guān)
·邏輯上包含的部分在視覺上進(jìn)行嵌套
3幢竹、把頁面劃分成明確定義的區(qū)域
因為可以讓用戶很快決定關(guān)注頁面的哪些區(qū)域,或者放心地跳過哪些區(qū)域恩静。
4焕毫、明顯標(biāo)識可以點擊的地方
因為人們在網(wǎng)絡(luò)上所做的大多數(shù)事情就是找到下一個地方點擊。
掃描頁面的時候驶乾,我們會尋找各種視覺線索邑飒,看哪些地方可以點擊,例如某種形狀(按鈕级乐、選擇卡)疙咸,某些位置(菜單條),以及某些格式(文字顏色风科、下劃線)撒轮。
5、降低視覺噪聲
實際上有三類視覺噪聲:
·眼花繚亂
·組織不當(dāng)
·太過密集
在設(shè)計網(wǎng)頁的時候贼穆,先假定所有內(nèi)容都是視覺噪聲(“有罪推定”的方法)题山,并去除任何對頁面沒有幫助的內(nèi)容。
6扮惦、為文本設(shè)置格式臀蛛,以便掃描
下面是一些重要的方法:
·充分使用標(biāo)題
·保持段落簡短
·使用符號列表
·突出關(guān)鍵詞語
批注:Ginny Redish ?《消除文字》