認(rèn)知與設(shè)計(jì)-理解UI設(shè)計(jì)準(zhǔn)則 讀后感
工作中內(nèi)容涉及到PC網(wǎng)站争剿、手機(jī)網(wǎng)站已艰、商城以及后續(xù)可能會(huì)跟進(jìn)的阿里巴巴與淘寶店鋪,不僅僅需要視覺(jué)圖片的表現(xiàn)蚕苇,還要對(duì)整體的框架結(jié)構(gòu) 哩掺、UI、人機(jī)交互等方面做全局規(guī)劃與思考涩笤,不斷提升看待事物的高度與維度嚼吞。此書(shū)剛好對(duì)我的設(shè)計(jì)疑問(wèn)有所解答,書(shū)中將認(rèn)知科學(xué)和感知科學(xué)融入到設(shè)計(jì)準(zhǔn)則中蹬碧,使交互設(shè)計(jì)更加易用與合理舱禽,為設(shè)計(jì)輸出提供最直接的判斷依據(jù)。
我們對(duì)周?chē)澜绲母兄皇菍?duì)真實(shí)的描述恩沽,例如網(wǎng)絡(luò)上對(duì)“這條裙子是白色還是藍(lán)”圖片的爭(zhēng)論誊稚,并不是所有人看到的顏色相同,這種偏差跟我們個(gè)人的經(jīng)驗(yàn)、環(huán)境里伯、生理等因素有密切關(guān)系绽昏,表明我們的感知是存在偏差的。了解用戶界面和可用性的背后的心理學(xué)知識(shí)有助于互聯(lián)網(wǎng)產(chǎn)品的設(shè)計(jì)和開(kāi)發(fā)俏脊,對(duì)工作中的網(wǎng)站優(yōu)化全谤、微信商城、阿里巴巴店鋪爷贫、淘寶店鋪有幫助认然,因?yàn)椴粌H要視覺(jué)上足夠吸引人,在用戶體驗(yàn)上也要符合人們的習(xí)慣漫萄。
我們的視覺(jué)經(jīng)過(guò)優(yōu)化后很容易看到結(jié)構(gòu)卷员。人類視覺(jué)是整體的:我們的視覺(jué)系統(tǒng)自動(dòng)對(duì)視覺(jué)輸入構(gòu)建結(jié)構(gòu),并且在神經(jīng)系統(tǒng)層面上感知形狀腾务、圖形和物體毕骡,而不只是看到互不相連的邊、線岩瘦、面未巫。設(shè)計(jì)理論中經(jīng)常會(huì)提到格式塔心理學(xué)與視覺(jué)完形,了解這些心理學(xué)知識(shí)對(duì)設(shè)計(jì)畫(huà)面的表現(xiàn)容易突出重要信息启昧。格式塔原理包括:接近性叙凡、相似性、連續(xù)性密末、封閉性握爷、對(duì)稱性、主題與背景严里、共同命運(yùn)新啼、綜合運(yùn)用。
格式塔原理能展示出視覺(jué)系統(tǒng)是如何被優(yōu)化從而感知結(jié)構(gòu)的刹碾,在軟件和網(wǎng)站中瀏覽時(shí)燥撞,用戶不會(huì)仔細(xì)看每一個(gè)字,而是快速的掃描符合自己想要的信息教硫。所以叨吮,當(dāng)信息以簡(jiǎn)潔和結(jié)構(gòu)化的方式呈現(xiàn)時(shí),更能讓用戶理解和接受瞬矩。
在設(shè)計(jì)中,一段松散的文字排版結(jié)構(gòu)凌亂锋玲,重點(diǎn)不突出景用,用戶看了不知重點(diǎn)的內(nèi)容是什么,當(dāng)用戶失去耐心,設(shè)計(jì)信息還沒(méi)有傳達(dá)出去伞插,這就是一個(gè)失敗的設(shè)計(jì)割粮。相反,同樣的文案首先進(jìn)行文字優(yōu)化媚污,做主次結(jié)構(gòu)劃分舀瓢,然后再做視覺(jué)上的設(shè)計(jì),能夠被快速的瀏覽和理解耗美,便于使用與信息傳遞京髓。信息結(jié)構(gòu)化能提高用戶瀏覽長(zhǎng)數(shù)字的能力,視覺(jué)層次使用戶專注重點(diǎn)信息商架。
人類的大腦是為語(yǔ)言設(shè)計(jì)的而非閱讀堰怨,因?yàn)槿说拇竽X沒(méi)有被設(shè)計(jì)成天生會(huì)學(xué)習(xí)閱讀,所以兒童如果沒(méi)有獲得過(guò)適當(dāng)?shù)拈喿x指導(dǎo)或者撫養(yǎng)人的讀物朗讀蛇摸,那么兒童可能永遠(yuǎn)無(wú)法學(xué)會(huì)閱讀备图,說(shuō)話和理解口頭語(yǔ)言是人類自然的活動(dòng),但閱讀不是赶袄。
在色覺(jué)上揽涮,人類色彩感知有優(yōu)勢(shì)也有劣勢(shì),利用好優(yōu)勢(shì)饿肺,可以幫助設(shè)計(jì)師實(shí)現(xiàn)理想的畫(huà)面效果:1.視覺(jué)是為檢測(cè)反差優(yōu)化的绞吁,而不是絕對(duì)亮度(在公眾號(hào)、廣告唬格、網(wǎng)站設(shè)計(jì)中經(jīng)常被使用) 2.辨別顏色的能力依賴于顏色的呈現(xiàn)方式 3.屏幕和觀看條件會(huì)影響用戶對(duì)色彩的感知家破。
在用戶接受信息方面,書(shū)中介紹了邊界視覺(jué)购岗、閱讀的形成因素汰聋、記憶對(duì)界面設(shè)計(jì)的影響、影響學(xué)習(xí)的因素喊积、人類做決策的特點(diǎn)烹困、以及菲茨定律與引導(dǎo)定律等內(nèi)容,在最后的附錄中寫(xiě)出著名的用戶界面設(shè)計(jì)準(zhǔn)則乾吻。
書(shū)中的設(shè)計(jì)法則及相關(guān)心理學(xué)現(xiàn)象的講解髓梅,有助于從另一方面去理解設(shè)計(jì),知道怎樣的視覺(jué)傳達(dá)很容易被用戶接受绎签,如何減少噪音干擾枯饿,讓用戶毫不費(fèi)力的接受需要被理解的信息。
這本書(shū)之前有讀過(guò)诡必,當(dāng)時(shí)只是粗略的從頭至尾翻看一遍奢方,但也只針對(duì)自己感興趣的內(nèi)容,對(duì)曾經(jīng)勾勾畫(huà)畫(huà)的地方幾乎沒(méi)有印象了。今天重新打開(kāi)這本經(jīng)典的UI設(shè)計(jì)書(shū)蟋字,理解了當(dāng)時(shí)不理解的內(nèi)容稿蹲,每次打開(kāi)都有新收獲,這本書(shū)值得細(xì)讀鹊奖。