讀書筆記之認(rèn)知與設(shè)計 理解UI設(shè)計準(zhǔn)則?

一章- 我們感知自己的期望

我們對周圍世界的感知(這種感知是我們期望感知到的)耍休,不一定是對其真實的描述蛤迎。有三個因素影響著感知:過去(經(jīng)驗)舔清、現(xiàn)在(環(huán)境)和將來(我們的目標(biāo))。

經(jīng)驗影響感知:用戶更多靠以往經(jīng)驗來引導(dǎo)他們點擊按鈕和鏈接施蜜,而不是看清屏幕中實際內(nèi)容卒蘸。這也解釋了控件的擺放要一致的設(shè)計準(zhǔn)則。以往經(jīng)驗可以是聽覺、視覺缸沃、嗅覺和觸覺等恰起。思考:不同用戶的思維與操作能力和經(jīng)驗對網(wǎng)站可用性

環(huán)境影響感知:我們聽到的能影響我們看到的,反之亦然趾牧;我們聽到检盼、看到或聞到的能影響我們的觸覺。思考:名人或名事發(fā)生影響著用戶對本網(wǎng)站推送信息看法翘单。如有意思網(wǎng)絡(luò)流行語吨枉、明星等

目標(biāo)影響感知:成人比兒童更加關(guān)注目標(biāo)。人們在網(wǎng)站中找信息或功能時县恕,并不會認(rèn)真閱讀东羹,只是快速而粗略的掃描屏幕上與目標(biāo)相關(guān)的東西剂桥,是經(jīng)常根本注意不到他們忠烛。思考:如何將常用功能和操作凸顯出來,如搜索

目標(biāo)影響機理:

影響我們注意什么权逗。感知是主動的美尸,我們移動眼睛、耳朵斟薇、手去尋找周圍與我們正在做或是正要做相關(guān)的東西师坎。

使我們的感知系統(tǒng)對某些特性敏感。我們要尋找某些物品時堪滨,大腦會預(yù)先啟動我們的感官胯陋,使得他們對要尋找的東西變得敏感。如找紅色轎車袱箱,紅色的車比其他顏色的車會首先映入眼簾遏乔。

總結(jié):避免歧義信息,控件和信息等擺放一致发笔,用戶使用系統(tǒng)時是有目標(biāo)的盟萨,不同用戶目標(biāo)可能不同,為用戶提供需要信息和目標(biāo)了讨,確保用戶使用時能夠注意并使用這些信息捻激。

二章 -為觀察結(jié)構(gòu)優(yōu)化我們的視覺

格式塔原理定義:我們的視覺系統(tǒng)自動對視覺輸入構(gòu)建結(jié)構(gòu),并且在神經(jīng)系統(tǒng)層面上感知圖形前计、形狀和物體胞谭,而不是只看到互不相連的邊、線和區(qū)域男杈≌梢伲“形狀”和“圖形”在德語中是Gestalt,因此這些理論也就叫做視覺感知的格式塔原理势就。

格式塔原理內(nèi)容:接近性原理泉瞻、形似性原理脉漏、連續(xù)性原理、封閉性原理袖牙、對稱性原理侧巨、主題/背景原理和共同命運原理。

接近性:可理解為親密性鞭达,相互靠近的物體看起來是一組司忱。

相似性:可理解為重復(fù)性,如果物體看起來相似畴蹭,就感覺屬于一組坦仍。表單中應(yīng)用

接近性和相似性傾向于給對象分組展示。其他原理傾向于(視覺系統(tǒng))試圖解析模糊或者填補遺漏來感知整個物體叨襟。

連續(xù)性:人類視覺傾向于看到連續(xù)的形式繁扎,必要時甚至?xí)钛a遺漏『觯滑動條空間是使用了連續(xù)性原理的一個用戶界面示例梳玫。

封閉性:人類視覺傾向于看到整個物體,即使他們是不完整的右犹。

對稱性:人類的視覺系統(tǒng)試圖將復(fù)雜的場景解析為簡單和對稱形狀的組合提澎。人類視覺系統(tǒng)將非常復(fù)雜的二維圖像解析成三維場景。

主體/背景:當(dāng)物體重疊時念链,我們把小的那個看成是背景之上的主體盼忌。我們對主體與背景的差別的感知并不全部由場景的特定決定,也依賴于觀者的注意力的焦點掂墓。

主體/背景原理經(jīng)常應(yīng)用在主要內(nèi)容之后放置誘導(dǎo)的背景谦纱。背景可以傳遞信息(用戶當(dāng)前所在的位置)、或暗示一個主題梆暮、品牌或者內(nèi)容所表達(dá)的情緒服协。

主題/背景原理也經(jīng)常用來在其他內(nèi)容之上彈出信息(彈出框/層).

共同命運:是指一起運動的物體被感知為屬于一組或者是彼此相關(guān)的。共同命運是指運動的圖形或?qū)ο罄泊狻G?種原理均是指非運動的圖形或?qū)ο蟆?/p>

總結(jié):在現(xiàn)實世界的視覺場景中偿荷,各種格式塔原理不是孤立,而是共同起作用的唠椭。如用戶選擇一個或多個文件到一個目錄時跳纳,應(yīng)用了共同命運和相似性原理。用戶拖拽選中文件時贪嫂,共同的高亮和運動使得被選中文件是一組的寺庄。

三章- 我們尋找和使用視覺結(jié)構(gòu)

格式塔原理展示了我們視覺系統(tǒng)是如何被優(yōu)化從而感知結(jié)構(gòu)的,在我們所處的環(huán)境中,感知結(jié)構(gòu)讓我們更快地了解物體和事件斗塘。

當(dāng)信息以結(jié)構(gòu)化和簡潔的方式呈現(xiàn)時赢织,人們更容易瀏覽和理解。

視覺噪音馍盟、文字重復(fù)噪音 和無關(guān)信息噪音

四章- 閱讀不是自然的

用戶界面里的文字盡可能減少于置,不要讓用戶看一大版面的文字。在用戶指導(dǎo)手冊中贞岭,使用最少的文字讓用戶完成目標(biāo)八毯。

居中對齊在婚禮和詩歌總應(yīng)用是可以的,其他是不太合適的瞄桨。

五章-色覺是有限的

最常見色盲是紅綠色盲话速,紅綠色盲的人無法區(qū)分藍(lán)色和紫色,或者綠色和卡其色

思考:白背景中顯示紅色錯誤文字時芯侥,色盲者也可以區(qū)分看到泊交。也可以加入錯誤圖標(biāo)進(jìn)一步展示。需要記住色盲所看不到顏色筹麸。

七章-我們的注意力有限 記憶力也不完美

短時記憶:搜索關(guān)鍵詞也展示

長時記憶:界面設(shè)計一致性

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末活合,一起剝皮案震驚了整個濱河市雏婶,隨后出現(xiàn)的幾起案子物赶,更是在濱河造成了極大的恐慌,老刑警劉巖留晚,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件酵紫,死亡現(xiàn)場離奇詭異,居然都是意外死亡错维,警方通過查閱死者的電腦和手機奖地,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赋焕,“玉大人参歹,你說我怎么就攤上這事÷∨校” “怎么了犬庇?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長侨嘀。 經(jīng)常有香客問我臭挽,道長,這世上最難降的妖魔是什么咬腕? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任欢峰,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘纽帖。我一直安慰自己宠漩,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布懊直。 她就那樣靜靜地躺著哄孤,像睡著了一般。 火紅的嫁衣襯著肌膚如雪吹截。 梳的紋絲不亂的頭發(fā)上瘦陈,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天,我揣著相機與錄音波俄,去河邊找鬼晨逝。 笑死,一個胖子當(dāng)著我的面吹牛懦铺,可吹牛的內(nèi)容都是我干的捉貌。 我是一名探鬼主播,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼冬念,長吁一口氣:“原來是場噩夢啊……” “哼趁窃!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起急前,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤醒陆,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后裆针,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體刨摩,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年世吨,在試婚紗的時候發(fā)現(xiàn)自己被綠了澡刹。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡耘婚,死狀恐怖罢浇,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情沐祷,我是刑警寧澤嚷闭,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站戈轿,受9級特大地震影響凌受,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜思杯,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一胜蛉、第九天 我趴在偏房一處隱蔽的房頂上張望挠进。 院中可真熱鬧,春花似錦誊册、人聲如沸领突。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽君旦。三九已至,卻和暖如春嘲碱,著一層夾襖步出監(jiān)牢的瞬間金砍,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工麦锯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留恕稠,地道東北人。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓扶欣,卻偏偏與公主長得像鹅巍,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子料祠,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,465評論 2 348

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