? ? ? ? 認(rèn)知與設(shè)計——理解UI設(shè)計準(zhǔn)則》書名初見，以為是模式總結(jié)類書籍，小讀一二，驚喜連連。本書非羅列設(shè)計規(guī)則，而是試圖尋找設(shè)計規(guī)則背后恒定不變的原因——人類的心理學(xué)。作者從分析人們?nèi)绾胃兄W(xué)習(xí)、推理、記憶以及把意圖轉(zhuǎn)化為行為等具體例子中的認(rèn)知模式，一步一步推論出常見的設(shè)計準(zhǔn)則，環(huán)環(huán)相扣引人入勝。
? ? ? ?在引言中，作者便引導(dǎo)讀者去思考：我們所知的設(shè)計準(zhǔn)則從何而來，是準(zhǔn)則的作者將個人的品味強加于計算機和軟件行業(yè)么？不同專家所總結(jié)的設(shè)計準(zhǔn)則為何總能找到共性，是因為它們有共同的基礎(chǔ)和起源么？答案在于，設(shè)計準(zhǔn)則皆基于人類心理學(xué)。
? ? ? ?技術(shù)進步一日千里，人類進化則如蝸行牛步。與日新月異的交互對象相比，人類的生物學(xué)構(gòu)成，以及生物學(xué)構(gòu)成所影響的認(rèn)知模式是一定的。設(shè)計師便可以從這些一定的認(rèn)知模式為原則，去應(yīng)對千變?nèi)f化的設(shè)計對象。以下是本書的讀書筆記。
第一章：我們的感知存在偏差
原理：我們的經(jīng)驗，環(huán)境，以及目標(biāo)均會引起感知偏差
一.經(jīng)驗，即你過去的感知，會以幾種不同的方式影響你現(xiàn)在的感知。
1.感知的啟動。
對于一幅圖你能看到什么取決于別人告訴你有什么，或者感知系統(tǒng)預(yù)備看到什么。（eg：看似無序但是帶有斑點狗的圖片）
2.熟悉的感知模式或者框架。
不斷置身于熟悉的環(huán)境會讓我們在心智中建立起模式，心智框架能使得人們快速地應(yīng)對所處的世界，但也會讓人們看到并不存在的東西。（eg:如我們回憶拜訪沒有炊具的廚房時，會認(rèn)為我們看到了炊具）
人們對物理上的環(huán)境如學(xué)校、街道、辦公室等等都會建立起心智框架，同樣的人們對網(wǎng)站，應(yīng)用也會建立起心智框架。 如訪問新網(wǎng)站時候，用戶會期待看到左上角有l(wèi)ogo，頂部有導(dǎo)航等等。 而由于軟件用戶和網(wǎng)站用戶感知模式的存在， _導(dǎo)致用戶常常不仔細(xì)看就點擊按鈕和鏈接。_
3.習(xí)慣性。
重復(fù)置身于同樣的感覺會使得感覺系統(tǒng)的敏感度降低。（eg：人民會忽略連續(xù)的蟬聲，網(wǎng)站上閃爍的廣告條，以及冗長單調(diào)的演講）
在使用電腦時候，我們會忽略“是否確認(rèn)”的彈框。不再對分享感到新鮮。（社交媒體疲倦）
4.注意瞬脫
人們在剛剛發(fā)現(xiàn)或聽到某件重要的事情之后，在0.15秒和0.45秒之間，即時耳朵和眼睛工作正常，人們也接近于失聰?shù)臓顟B(tài)。
當(dāng)人們在使用電腦時候，如果事情連續(xù)得太快，他們會因為注意瞬脫而錯過一些信息。
二. 環(huán)境影響感知
識別一個字母單詞一張臉或者任何物體的神經(jīng)活動，都包換了環(huán)境刺激產(chǎn)生的神經(jīng)信號的輸入。這個輸入包括感知到的；其他鄰近對象和事件。
我們對單詞含義的判斷來自于單詞所處的語句。? Muller-Lyer錯覺，同樣長度的線條看起來不一樣長等等。? 五感之間會相互影響。
三.目標(biāo)影響感知
目標(biāo)會引導(dǎo)我們的感覺器官從周圍的環(huán)境根據(jù)需要采集樣本。同時也會對感知進行過濾，與目標(biāo)無關(guān)的事物會被意識到之前過濾掉。（eg：雞尾酒效應(yīng)）
對用戶界面設(shè)計的啟發(fā)：避免歧義，保持一致，理解目標(biāo)
第二章：我們的視覺經(jīng)過優(yōu)化更易容看到結(jié)構(gòu)
? ? ? ? 這一節(jié)談到了視覺感知的格式塔原理。也是《寫給大家看的設(shè)計書》中親密性，對齊，對比，重復(fù)這些原則的理論基礎(chǔ)。
? ? ? ? 其中接近性，連續(xù)性，共同命運（共同的運動暗示共同的歷程）原則都與我們試圖給對象分組的傾向有關(guān)。? ? ? ? 連續(xù)性和封閉性原則與我們的視覺系統(tǒng)試圖解析模糊或填補遺留來感知整個物體的傾向有關(guān)。? ? ? ? 對稱性揭示了我們觀察物體的第三種傾向，我們傾向于分解復(fù)雜的場景來降低復(fù)雜度。? 主體/背景原理揭示的是，我們觀察場景時傾向于將場景分為主體和背景，關(guān)注主體忽略背景。
第三章：我們探索和利用視覺結(jié)構(gòu)
? ? ? ?信息呈現(xiàn)方式越是結(jié)構(gòu)化和精煉，人們就越能更快更容易地瀏覽和理解。
? ? ? ?結(jié)構(gòu)可以提高用戶瀏覽長數(shù)字的能力（eg：電話號碼和行用卡的分段記憶，郵件地址的分段輸入），給我們的啟示是，軟件和網(wǎng)站表格應(yīng)該支持用戶多樣化地輸入數(shù)字，將其結(jié)構(gòu)化地呈現(xiàn)。
第四章：色覺是有限的
一.視覺系統(tǒng)對對比度敏感而不是對絕對亮度敏感。
二.區(qū)別色彩的能力取決于顏色如何呈現(xiàn)。
1.兩個顏色越錢，越難將其分開來。
2.對象越小越細(xì)，越難將其區(qū)分
3.色塊之間距離越大，越難將其區(qū)分
第五章：我們的邊界視覺很糟糕
? ? ? ? 在數(shù)碼相機中感光元素均勻地鋪在陳列上，但人的視覺系統(tǒng)卻不是。 這個也可以聯(lián)系到歐洲的畫家曾經(jīng)用小孔成像這隱秘的知識作畫，畫面可以事無巨細(xì)地呈現(xiàn)物體的細(xì)節(jié)，卻與人類真是的視覺感官并不相同，直到印象派才意識和解決了這個問題。
? ? ? ? 人類視野的空間分辨率從中央向邊緣銳減，簡單說就是中間看得清楚，邊緣模糊。我們產(chǎn)生邊緣也模糊的錯覺是因為眼睛以每秒3次的速度不斷快速移動，選擇性地將焦點放在周圍的環(huán)境物體上面。
? ? ? ? 此外，我們的邊界視覺善于捕捉運動。 以及善于捕捉”跳出來“的信息。
? ? ? ? 如果出錯消息出現(xiàn)視覺邊界，用戶容易注意不到它。以下一些方法，可以讓用戶注意到信息，但注意是否要打斷用戶的操作。1.彈出框? 2.使用聲音? 3.閃爍或短暫的晃動。
第六章：閱讀不是自然的
? ? ? ? 閱讀其實是一種人造的，通過系統(tǒng)的指導(dǎo)和訓(xùn)練獲得的能力。人有兩種閱讀模式，特征驅(qū)動（經(jīng)過充足訓(xùn)練的，無意識的），語境驅(qū)動（被迫去理解單詞的含義），實際閱讀中兩種方式或為主或為輔。
? ? ? ? 糟糕的信息設(shè)計會影響閱讀，使得特征驅(qū)動的閱讀轉(zhuǎn)向語境驅(qū)動的閱讀。其中，糟糕的信息設(shè)計包括使用不常見和不熟悉的詞匯，難以辨認(rèn)的書寫和字型，微小的字體，嘈雜背景下的文字。? ? 重復(fù)的信息也會將內(nèi)容淹沒。 居中對齊的文字會使得閱讀時候退出無意識的狀態(tài)，對于刻意想讓讀者閱讀慢下來如詩歌請?zhí)强尚械模珜τ谝话愕拈喿x并不是一個好選擇。
? ? ? ? 對設(shè)計的啟示：盡可能地減少閱讀的需要。
第七章：我們的注意力有限，記憶力也不完美
這部分討論了兩種記憶模式：工作記憶和長期記憶。
一.工作記憶（注意力）
工作記憶有選擇性，除了關(guān)注目標(biāo)之外注意力常會被移動，威脅，人臉，性和食物吸引。? 工作記憶的容量有限，以至于易失。
工作記憶對界面設(shè)計的影響：
最基本的啟示是，用戶界面應(yīng)幫助用戶從一個時刻到下一時刻記住核心的信息。不要求用戶記住系統(tǒng)狀態(tài)或已經(jīng)做過什么。
1.用戶在搜索時常忘記搜索詞是什么，所以應(yīng)該將搜索詞放出來。
2.只要用戶明確了自己的目標(biāo)，就不要顯示一些會分散用戶注意力的鏈接或行動召喚元素，應(yīng)該利用被稱為流程漏斗的設(shè)計準(zhǔn)則引導(dǎo)用戶完成目標(biāo)。
總結(jié)起來就是不要在同一個頁面里面放置多個行動點（Call to Action）
3.寬而淺的導(dǎo)航層級結(jié)構(gòu)比窄而深的結(jié)構(gòu)更易于使用。? 面包屑的作用。
二.長期記憶的特點
長期記憶容易產(chǎn)生錯誤，易受情緒的影響。對界面設(shè)計的啟示為，需要減輕用戶長期記憶的壓力。
第八章.注意力對思考以及行動的限制
模式一.我們專注于目標(biāo)而很少注意使用的工具。
軟件和網(wǎng)站不應(yīng)喚起用戶對軟件或網(wǎng)站本身的注意應(yīng)該隱入背景中。
模式二.我們能注意到更多和目標(biāo)相關(guān)的東西。
從而會引起非注意盲視和變化盲視（用戶常常注意不到頁面上展示東西的變化，所以應(yīng)該突出變化并把注意力引向變化發(fā)生的地方）
模式三.我們使用外部幫助來記錄正在做的事情
對交互設(shè)計的啟示：交互系統(tǒng)應(yīng)該分別標(biāo)識出哪些是用戶已經(jīng)完成的，哪些是用戶還沒有完成的。
模式五.我們偏好熟悉的路徑
有時不動腦子勝過按鍵次數(shù)的減少。對于自動柜員機這樣適應(yīng)頻率低的產(chǎn)品，讓用戶更容易理解問題比減少點擊要重要。
模式六. 我們思考的周期：目標(biāo)，執(zhí)行，評估。
模式七：完成任務(wù)的主要目標(biāo)之后，我們經(jīng)常忘記做收尾工作
注意力隨著任務(wù)的執(zhí)行而轉(zhuǎn)移，當(dāng)前目標(biāo)則隨著高層的目標(biāo)轉(zhuǎn)移到下一層目標(biāo)上。 注意力是一個稀缺資源，大腦不會把注意力放在不再重要的事情上面。（所以原諒自己的健忘吧，因為大腦就是這么工作的）
對交互的啟示： 把系統(tǒng)設(shè)計成能夠幫助用戶記住或者不需要用戶記住。 關(guān)機的時候要提醒用戶保存等等。
第九章 識別容易，回憶很難。
識別與回憶對用戶界面設(shè)計的影響：
1.看到和選擇比回憶和輸入要容易。GUI界面和DOS系統(tǒng)的不同。
2.盡可能使用圖像來表達(dá)功能。? Icon的作用
第十章 從經(jīng)驗中學(xué)習(xí)和學(xué)后付諸實踐容易，解決問題和設(shè)計計算困難
我們有兩種思維。 第一種是 潛意識的無意識思維（無意識的，習(xí)慣化的，情緒化思維），是感知和行為的主要控制器，我們稱為系統(tǒng)一。 第二種是 有意識的受控思維，在控制人類的認(rèn)知和行為方面處于次要地位。我們稱為系統(tǒng)二。
對設(shè)計的啟示：
1.從自己生活中或親人中獲得的經(jīng)驗要比讀到和聽到的經(jīng)驗對我們更有影響力。? 比如，如果統(tǒng)計數(shù)據(jù)說這款車不錯的，但是你朋友說這個車不行，你也不愿意買。 需要注重口碑效應(yīng)。
2.要把任務(wù)設(shè)計的能盡快掌握成能無意識操作的。
3.盡可能地減少設(shè)置額數(shù)量和負(fù)責(zé)度。
說點和數(shù)據(jù)可視化：
數(shù)據(jù)可視化主要是希望利用人類視覺系統(tǒng)的優(yōu)勢，幫助人們從復(fù)雜數(shù)據(jù)中感知到其中的關(guān)聯(lián)。 用系統(tǒng)一幫助系統(tǒng)二做決策。（eg：地鐵圖）
成功的廣告往往喚起人的情緒而不是理智
非專業(yè)的文案用統(tǒng)計和分析來支持自己的觀點，視圖獲得人們系統(tǒng)二的支持。 專業(yè)的文案則用故事繞過系統(tǒng)二直擊系統(tǒng)一。
第十一章? 許多因素影響學(xué)習(xí)
實踐的精度：這一條也是對生活的啟示，不精確的實踐會強化不精確，因為它激活的神經(jīng)網(wǎng)絡(luò)也是充滿噪聲的。? 學(xué)習(xí)的時候應(yīng)該要認(rèn)真，精確的實踐，一開始要緩慢或者將該活動進行分解練習(xí)。 ·
第十二章 人類很少做理性的決策。
四相模式：預(yù)測人類在有風(fēng)險的情況下的選擇。
第十三章. 我們的手眼協(xié)調(diào)遵循規(guī)律
菲茨定律：在屏幕上，目標(biāo)越大，越靠近起始位置，就能越快指向它。
對設(shè)計的啟示：行走菜單，選項可點擊面積得大
彈出菜單優(yōu)于下拉菜單優(yōu)于行走菜單。
相關(guān)文章的收集：
https://mp.weixin.qq.com/s?__biz=MjM5NjA3ODI3Ng==&mid=2649829472&idx=1&sn=4cde9adbb8e6614f939fda55932d74b6&chksm=beeb27cb899caedded45f85972b285019d793d4e8d1ebd8b54ea207b94d58fcfaab2b9820d86&mpshare=1&scene=1&srcid=0518jkxJsj2UZS7DbHRvQ0Ez&key=ee8a209fa1f471f39b47ff383ea43e97081580bacbcf09722d4e15b80d9b46827c08f54a64b8c7fdc600ebf6d896810b11d535ba4be770ec4b75387f02b74e718f716e020bf7673214d913dd7bf196f1&ascene=0&uin=Nzc0ODkxMzgw&devicetype=iMac+MacBookPro13%2C3+OSX+OSX+10.12.3+build(16D32)&version=12010110&nettype=WIFI&fontScale=100&pass_ticket=g0ILgwah50bKYSEuqgTfhXY6IE3PtDsa7DcEug%2BnXWQUeKTAlpg%2Bsvh2w%2BaBySh2
