關(guān)于我們
書(shū)單推薦
新書(shū)推薦
|
認(rèn)知與設(shè)計(jì):理解UI設(shè)計(jì)準(zhǔn)則(第2版) 本書(shū)語(yǔ)言清晰明了,將設(shè)計(jì)準(zhǔn)則與其核心的認(rèn)知學(xué)和感知科學(xué)高度統(tǒng)一起來(lái),使得設(shè)計(jì)準(zhǔn)則更容易地在具體環(huán)境中得到應(yīng)用。涵蓋了交互計(jì)算機(jī)系統(tǒng)設(shè)計(jì)的方方面面,為交互系統(tǒng)設(shè)計(jì)提供了支持工程方法。不僅如此,這也是一本人類(lèi)行為原理的入門(mén)書(shū)。
交互設(shè)計(jì)領(lǐng)域名著!一本對(duì)人類(lèi)大腦有深刻洞見(jiàn)的書(shū)!
作者簡(jiǎn)介:
Jeff Johnson 擁有耶魯大學(xué)及斯坦福大學(xué)心理學(xué)學(xué)位。UI Wizards公司董事長(zhǎng)兼首席顧問(wèn)。他是GUI設(shè)計(jì)的先驅(qū),著有暢銷(xiāo)書(shū)《GUI設(shè)計(jì)禁忌》。 譯者簡(jiǎn)介: 張一寧 自稱(chēng)“一個(gè)認(rèn)為寫(xiě)代碼就是做與人打交道的設(shè)計(jì)的工程師”。擁有二十多年編程經(jīng)驗(yàn),從事過(guò)系統(tǒng)集成、金融行業(yè)應(yīng)用的中間件和服務(wù)產(chǎn)品的研發(fā),以及電信與互聯(lián)網(wǎng)服務(wù)的 作者簡(jiǎn)介: Jeff Johnson 擁有耶魯大學(xué)及斯坦福大學(xué)心理學(xué)學(xué)位。UI Wizards公司董事長(zhǎng)兼首席顧問(wèn)。他是GUI設(shè)計(jì)的先驅(qū),著有暢銷(xiāo)書(shū)《GUI設(shè)計(jì)禁忌》。 譯者簡(jiǎn)介: 張一寧 自稱(chēng)“一個(gè)認(rèn)為寫(xiě)代碼就是做與人打交道的設(shè)計(jì)的工程師”。擁有二十多年編程經(jīng)驗(yàn),從事過(guò)系統(tǒng)集成、金融行業(yè)應(yīng)用的中間件和服務(wù)產(chǎn)品的研發(fā),以及電信與互聯(lián)網(wǎng)服務(wù)的開(kāi)發(fā)和管理。人們通常認(rèn)為這些活動(dòng)是純粹與機(jī)器打交道的,但我覺(jué)得不論是編程、測(cè)試,還是系統(tǒng)運(yùn)維,與前端設(shè)計(jì)一樣,要做好它們,心理學(xué)都扮演著重要的角色,這也是我翻譯本書(shū)的原動(dòng)力和出發(fā)點(diǎn)。個(gè)人主頁(yè):http://yining.org。Twitter:@yining。 王軍鋒 工業(yè)設(shè)計(jì)專(zhuān)業(yè)教師,熱衷于用戶研究、交互設(shè)計(jì)、體驗(yàn)設(shè)計(jì)。發(fā)表了數(shù)篇與之相關(guān)的研究論文,與國(guó)內(nèi)工業(yè)設(shè)計(jì)及交互設(shè)計(jì)領(lǐng)域的同仁有廣泛接觸。近年來(lái)翻譯出版了《親愛(ài)的界面:讓用戶樂(lè)于使用,愛(ài)不釋手》、《創(chuàng)設(shè)計(jì):Abduzeedo靈感指南》、《移動(dòng)應(yīng)用UI設(shè)計(jì)模式》等書(shū)。
第1 章 我們的感知存在偏差 1
經(jīng)驗(yàn)影響感知 1 環(huán)境影響感知 6 目標(biāo)影響感知 8 設(shè)計(jì)時(shí)將感知的影響因素考慮在內(nèi) 11 第2 章 我們的視覺(jué)經(jīng)過(guò)優(yōu)化更容易看到結(jié)構(gòu) 13 格式塔原理:接近性 13 格式塔原理:相似性 15 格式塔原理:連續(xù)性 17 格式塔原理:封閉性 18 格式塔原理:對(duì)稱(chēng)性 19 格式塔原理:主體/ 背景 21 格式塔原理:共同命運(yùn) 23 將格式塔原理綜合起來(lái) 24 第3 章 我們探索和利用視覺(jué)結(jié)構(gòu) 27 第1 章 我們的感知存在偏差 1 經(jīng)驗(yàn)影響感知 1 環(huán)境影響感知 6 目標(biāo)影響感知 8 設(shè)計(jì)時(shí)將感知的影響因素考慮在內(nèi) 11 第2 章 我們的視覺(jué)經(jīng)過(guò)優(yōu)化更容易看到結(jié)構(gòu) 13 格式塔原理:接近性 13 格式塔原理:相似性 15 格式塔原理:連續(xù)性 17 格式塔原理:封閉性 18 格式塔原理:對(duì)稱(chēng)性 19 格式塔原理:主體/ 背景 21 格式塔原理:共同命運(yùn) 23 將格式塔原理綜合起來(lái) 24 第3 章 我們探索和利用視覺(jué)結(jié)構(gòu) 27 結(jié)構(gòu)提高了用戶瀏覽長(zhǎng)數(shù)字的能力 29 數(shù)據(jù)專(zhuān)用控件提供了更多的結(jié)構(gòu) 30 視覺(jué)層次讓人專(zhuān)注于相關(guān)的信息 31 第4 章 色覺(jué)是有限的 33 色覺(jué)的原理 33 視覺(jué)是為邊緣反差而不是為亮度優(yōu)化的 35 區(qū)別顏色的能力取決于顏色是如何呈現(xiàn)的 36 色盲 38 影響色彩區(qū)分能力的外部因素 40 使用色彩的準(zhǔn)則 40 第5 章 我們的邊界視覺(jué)很糟糕 43 中央凹的分辨率與邊界視野的分辨率比較 43 邊界視覺(jué)有什么用 46 電腦用戶界面中的例子 48 讓信息可見(jiàn)的常用方法 50 讓用戶注意到信息的重武器:請(qǐng)小心使用 51 視覺(jué)搜索是線性的,除非目標(biāo)“跳入”邊界視野內(nèi) 54 第6 章 閱讀不是自然的 61 我們的大腦是為語(yǔ)言而不是為閱讀設(shè)計(jì)的 61 閱讀是特征驅(qū)動(dòng)還是語(yǔ)境驅(qū)動(dòng) 64 熟練閱讀和不熟練閱讀使用大腦的不同部位 67 糟糕的信息設(shè)計(jì)會(huì)影響閱讀 68 軟件里要求的很多閱讀都是不必要的 74 對(duì)真實(shí)用戶的測(cè)試 77 第7 章 我們的注意力有限,記憶力也不完美 79 短期記憶與長(zhǎng)期記憶 79 關(guān)于記憶的一種現(xiàn)代觀點(diǎn) 80 注意力和工作記憶的特點(diǎn) 83 工作記憶的特點(diǎn)對(duì)用戶界面設(shè)計(jì)的影響 87 長(zhǎng)期記憶的特點(diǎn) 90 長(zhǎng)期記憶的特點(diǎn)對(duì)用戶界面設(shè)計(jì)的影響 92 第8 章 注意力對(duì)思考以及行動(dòng)的限制 95 模式一:我們專(zhuān)注于目標(biāo)而很少注意使用的工具 95 模式二:我們能注意到更多與目標(biāo)相關(guān)的東西 96 模式三:我們使用外部幫助來(lái)記錄正在做的事情 98 模式四:我們跟著信息“氣味”靠近目標(biāo) 100 模式五:我們偏好熟悉的路徑 102 模式六:我們的思考周期:目標(biāo),執(zhí)行,評(píng)估 103 模式七:完成任務(wù)的主要目標(biāo)之后,我們經(jīng)常忘記做收尾工作 106 第9 章 識(shí)別容易,回憶很難 109 識(shí)別容易 109 回憶很難 112 識(shí)別與回憶對(duì)用戶界面設(shè)計(jì)的影響 113 第10 章 從經(jīng)驗(yàn)中學(xué)習(xí)與學(xué)后付諸實(shí)踐容易,解決問(wèn)題和計(jì)算很難 119 我們有三個(gè)“腦” 119 我們有兩種思維 120 從經(jīng)驗(yàn)中學(xué)習(xí)(通常)是容易的 122 執(zhí)行已經(jīng)學(xué)會(huì)的動(dòng)作是容易的 124 執(zhí)行新動(dòng)作很難 124 解決問(wèn)題和計(jì)算是困難的 126 在用戶界面設(shè)計(jì)上的影響 131 前文中問(wèn)題的答案 133 第11 章 許多因素影響學(xué)習(xí) 135 當(dāng)實(shí)踐經(jīng)常、有規(guī)律和精確時(shí),我們學(xué)得更快 136 當(dāng)操作專(zhuān)注于任務(wù)、簡(jiǎn)單和一致時(shí),我們學(xué)得更快 137 當(dāng)詞匯專(zhuān)注于任務(wù)、熟悉和一致時(shí),我們學(xué)得更快 144 風(fēng)險(xiǎn)低的時(shí)候我們學(xué)得快 150 第12 章 人類(lèi)很少做理性的決策 153 人們經(jīng)常不理性 153 相比收益,我們更在乎損失 154 措辭也能影響我們的選擇 155 生動(dòng)的想象和記憶也影響著我們 156 利用人類(lèi)認(rèn)知的優(yōu)缺點(diǎn) 157 第13 章 我們的手眼協(xié)調(diào)遵循規(guī)律 169 菲茨定律:指向目標(biāo) 169 引導(dǎo)定律:沿著受限路徑移動(dòng)指針 173 第14 章 我們有時(shí)間要求 177 響應(yīng)度的定義 177 人類(lèi)大腦的許多時(shí)間常量 179 時(shí)間常數(shù)的工程近似法:數(shù)量級(jí) 184 滿足實(shí)時(shí)交互的設(shè)計(jì) 185 達(dá)到高響應(yīng)度交互系統(tǒng)的其他指導(dǎo)原則 189 實(shí)現(xiàn)高響應(yīng)度是重要的 195 后記 197 附錄 著名的用戶界面設(shè)計(jì)準(zhǔn)則 199 參考文獻(xiàn) 203 第1章 我們的感知存在偏差 我們對(duì)周?chē)澜绲母兄⒉皇菍?duì)其真實(shí)的描述。我們的感知至少受到以下三個(gè)因素的影響,與現(xiàn)實(shí)存在嚴(yán)重的偏差。 過(guò)去 我們的經(jīng)驗(yàn)。 現(xiàn)在 當(dāng)前的環(huán)境。 將來(lái) 我們的目標(biāo)。 經(jīng)驗(yàn)影響感知 經(jīng)驗(yàn),即你過(guò)去的感知,會(huì)以幾種不同的方式影響你現(xiàn)在的感知。 感知的啟動(dòng) 想象一下,你擁有一家大型保險(xiǎn)公司,并將與一位房地產(chǎn)經(jīng)理開(kāi)會(huì)討論公司新園區(qū)的建設(shè)方案園區(qū)有五座建筑排成一排,后兩座有給自助餐廳和健身中心采光的T字形庭院。如果這位房地產(chǎn)經(jīng)理向你展示如圖1-1所示的地圖,你就會(huì)看到代表這些建筑物的五個(gè)圖塊。 圖1-1 這是建筑地圖還是單詞?你看到的取決于別人告訴你看什么 現(xiàn)在想象一下與你見(jiàn)面的不是房地產(chǎn)經(jīng)理,而是一位廣告經(jīng)理,討論的是一個(gè)將在全國(guó)某些市場(chǎng)懸掛的廣告牌。廣告經(jīng)理給你看的是同樣的圖像,但這次是廣告牌的略圖,由一個(gè)單詞構(gòu)成。這次,你清晰無(wú)誤地看到了一個(gè)單詞“LIFE”。 當(dāng)感知系統(tǒng)預(yù)先準(zhǔn)備看的是建筑物的形狀時(shí),你就看到了建筑物的形狀,幾乎察覺(jué)不到建筑物之間的白色區(qū)域。當(dāng)感知系統(tǒng)預(yù)先準(zhǔn)備去看文字時(shí),你就看到了文字,也幾乎注意不到字母間的黑色區(qū)域。 先入為主能夠影響感知,有個(gè)著名的例子是一張素描。這張素描據(jù)傳由R. C. James 所繪①, 大部分人對(duì)它的第一印象就是隨手潑出的墨點(diǎn)。在繼續(xù)閱讀之前,先看看這張素描(見(jiàn)圖1-2)。 ① 見(jiàn)Lindsay and Norman(1972)中圖3-17,146 頁(yè)。 圖1-2 先入為主在視覺(jué)上的效果。你看到了什么 只有在告訴你這是一只在樹(shù)附近嗅著地面的斑點(diǎn)狗之后,你的視覺(jué)系統(tǒng)才會(huì)把影像組織成一幅完整的畫(huà)面。不僅如此,一旦你“看到了”這只狗,就很難再回頭把這張素描看成隨機(jī)無(wú)序的點(diǎn)。 以上是視覺(jué)的例子。經(jīng)驗(yàn)也會(huì)影響其他類(lèi)型的感知,如對(duì)語(yǔ)句的理解。例如,在不久前聽(tīng)說(shuō)過(guò)疫苗污染事故的人與最近聽(tīng)說(shuō)過(guò)利用疫苗成功對(duì)抗疾病的人,他們對(duì)“新疫苗含有狂犬病毒”這個(gè)標(biāo)題或許就有不同的理解。 熟悉的感知模式或者框架 我們生活中大部分時(shí)間都在熟悉的環(huán)境里度過(guò):家中的房間、花園、上學(xué)放學(xué)上班下班經(jīng)過(guò)的路線、我們的辦公室、小區(qū)附近的公園、商店、餐館等。不斷置身的各種環(huán)境在我們心智中建立起模式,讓我們對(duì)不同地方的東西有不同期待。研究者們把這些感知模式稱(chēng)為框架,包括在各個(gè)環(huán)境下通常遇到的對(duì)象和事件。 舉個(gè)例子,你不需要時(shí)常詳細(xì)檢查每一個(gè)細(xì)節(jié),因?yàn)閷?duì)家里的房間足夠熟悉。你知道它們的布局,也知道大多數(shù)東西放在什么地方。你或許都能夠在全黑的情況下在家中行走。但你對(duì)家的經(jīng)驗(yàn)要比自己的住宅更廣泛。除了對(duì)自己住宅的了解,你的大腦對(duì)家也有一個(gè)廣泛的模式認(rèn)知。這個(gè)模式影響了你對(duì)所有家的認(rèn)知,不論熟悉的還是陌生的。在廚房,你期待看到灶具和水槽。在浴室,你期待看到馬桶、洗手池、淋浴器或者浴缸。 不同場(chǎng)合的心智框架影響人們?cè)诟鱾(gè)場(chǎng)合下對(duì)期待見(jiàn)到的事物的感知。因?yàn)椴槐夭粩嗟卦敿?xì)檢視身邊環(huán)境的每一個(gè)細(xì)節(jié),這是心智的捷徑,能幫助人們應(yīng)付所處的世界。然而,心智框架也讓人們看到其實(shí)并不存在的東西。 比如,如果你拜訪一個(gè)廚房里沒(méi)有灶具的房子,你事后可能會(huì)回憶看到過(guò)一個(gè)灶具,因?yàn)樵谀銓?duì)廚房的心智框架里,灶具是廚房的一個(gè)重要部分。類(lèi)似地,去餐館吃飯的心智框架中一部分是付賬單,所以你可能記得自己已經(jīng)付過(guò)錢(qián)了而心不在焉直接就走出餐館。你的大腦對(duì)后院、學(xué)校、城市街道、辦公室、超市、牙醫(yī)診所、的士、空中交通等熟悉場(chǎng)合都有各自的心智框架。 任何使用電腦、網(wǎng)站或者智能手機(jī)的人對(duì)桌面和文件、網(wǎng)頁(yè)瀏覽器、網(wǎng)站和各種類(lèi)型的軟件應(yīng)用和在線服務(wù)都有對(duì)應(yīng)的心智框架。比如,當(dāng)他們?cè)L問(wèn)一個(gè)新網(wǎng)站時(shí),有經(jīng)驗(yàn)的網(wǎng)絡(luò)用戶期待看到網(wǎng)站名字和標(biāo)志、導(dǎo)航條、一些鏈接,也許還有一個(gè)搜索框。當(dāng)在線訂購(gòu)機(jī)票時(shí),他們期待能夠指定行程詳細(xì)信息,查看搜索結(jié)果,選擇決定的航班,并且購(gòu)買(mǎi)機(jī)票。 由于軟件用戶和網(wǎng)站用戶感知模式的存在,他們經(jīng)常不仔細(xì)看就點(diǎn)擊按鈕或鏈接。他們對(duì)控件位置的期望更多來(lái)自在當(dāng)前情況下,他們自己的框架期望他們?cè)谄聊簧峡匆?jiàn)什么。這點(diǎn)有時(shí)會(huì)讓軟件設(shè)計(jì)者覺(jué)得挫敗,因?yàn)樵O(shè)計(jì)者期望用戶看見(jiàn)屏幕上確實(shí)有的東西,但人類(lèi)的視覺(jué)系統(tǒng)卻不是這樣工作的。 例如,在一個(gè)多頁(yè)對(duì)話框①的最后一頁(yè),Next(下一步)和Back(返回)按鈕交換了位置, 很多人就不會(huì)立刻注意到(見(jiàn)圖1-3)。前幾頁(yè)上布置一致的按鈕麻痹了他們的視覺(jué)系統(tǒng)。甚至在無(wú)心地返回了幾次之后,他們可能仍然覺(jué)察不到按鈕不在標(biāo)準(zhǔn)位置上。這就是為什么“控件的擺放要一致”是一個(gè)常見(jiàn)的用戶界面設(shè)計(jì)準(zhǔn)則。 ① 多步對(duì)話框在用戶界面設(shè)計(jì)的術(shù)語(yǔ)叫“向?qū)А薄?/p> 圖1-3 Next 按鈕感覺(jué)是在一致的位置上,即使并非如此 類(lèi)似地,在尋找某件東西時(shí),如果它不在老地方或者看起來(lái)與往常不同,即使就在眼皮底下我們也可能視而不見(jiàn)。這是因?yàn)榻?jīng)驗(yàn)調(diào)整我們到期望的地方依據(jù)期望的特征去尋找。例如, 如果一個(gè)網(wǎng)站某個(gè)表單上“提交”按鈕的形狀或者顏色與其他表單上的按鈕不同,用戶就可能找不到它。本章在關(guān)于目標(biāo)如何影響感知的一節(jié)中,會(huì)深入討論這種由預(yù)期導(dǎo)致的盲目性。 習(xí)慣性 經(jīng)驗(yàn)影響感知的第三種方式被稱(chēng)為習(xí)慣性。重復(fù)置身于同樣(或者非常類(lèi)似)的感覺(jué)會(huì)讓感覺(jué)系統(tǒng)的敏感度降低。習(xí)慣性是人們神經(jīng)系統(tǒng)在非常低層的一個(gè)現(xiàn)象,它發(fā)生在神經(jīng)級(jí)別。即使是非常原始的、只具有非常簡(jiǎn)單神經(jīng)系統(tǒng)的動(dòng)物,比如扁形蟲(chóng)和阿米巴蟲(chóng),也會(huì)對(duì)重復(fù)的刺激(比如輕微的電擊或者閃光)產(chǎn)生習(xí)慣性。具有復(fù)雜神經(jīng)系統(tǒng)的人類(lèi),對(duì)一系列事件也會(huì)產(chǎn)生習(xí)慣性,從低層次(如連續(xù)的蜂鳴聲)、到中間層次(如網(wǎng)站上閃爍的廣告條)、再到高層次(比如某人在每次派對(duì)上重復(fù)說(shuō)同一個(gè)笑話或者某政客的冗長(zhǎng)單調(diào)的演講),都是如此。 在使用電腦時(shí),當(dāng)“你是否確定”的確認(rèn)框一次又一次出現(xiàn),人們也能體驗(yàn)到習(xí)慣性。人們最開(kāi)始會(huì)注意到并且或許會(huì)做出反應(yīng),但最終則會(huì)反射般直接忽視并關(guān)閉確認(rèn)框。 在最近被標(biāo)以“社交媒體倦怠”(Nichols,2013)、“社交媒體疲勞”或者“Facebook 假期” (Rainie 等,2013)的現(xiàn)象中,習(xí)慣性也是一個(gè)因素。社交網(wǎng)站的新用戶一開(kāi)始對(duì)用微博來(lái)分享體驗(yàn)的創(chuàng)新感到興奮,但遲早會(huì)感到疲憊不堪,不愿再耗費(fèi)時(shí)間閱讀“朋友們”分享的各種瑣事,比如,“看 !我午飯吃的這份三文魚(yú)沙拉太贊了 !” 注意瞬脫 過(guò)往經(jīng)驗(yàn)對(duì)低層感知的另一個(gè)影響,發(fā)生在人們剛剛發(fā)現(xiàn)或者聽(tīng)到某件重要的事情之后。在識(shí)別之后短暫的0.15 秒到0.45 秒之間,即使耳朵和眼睛正常工作,人們也接近于失聰而且無(wú)視其他視覺(jué)刺激。研究者們把這個(gè)現(xiàn)象稱(chēng)為注意瞬脫(Raymond 等,1992,Stafford 和Webb, 2005)①,認(rèn)為這是由于大腦的感覺(jué)與注意力機(jī)制在短時(shí)間內(nèi)完全用于處理第一個(gè)識(shí)別而產(chǎn)生的。 ① 第14 章會(huì)在其他感知間隔的語(yǔ)境下,討論注意瞬脫的間隔。 舉一個(gè)經(jīng)典的例子:你在一節(jié)正在進(jìn)站的地鐵車(chē)廂內(nèi),計(jì)劃與兩位朋友在地鐵站見(jiàn)面。當(dāng)?shù)罔F到達(dá)時(shí),你的車(chē)廂經(jīng)過(guò)了一位朋友,你透過(guò)車(chē)窗短暫地看到了他。在下一秒鐘,又經(jīng)過(guò)了另一位朋友,但你卻沒(méi)注意到她。這是因?yàn)椋?dāng)她的影像抵達(dá)你的視網(wǎng)膜時(shí),你正好因?yàn)檎J(rèn)出了第一位朋友而處于注意瞬脫中。 當(dāng)人們使用基于電腦的系統(tǒng)和在線服務(wù)時(shí),如果事情連續(xù)發(fā)生得太快,他們會(huì)因?yàn)樽⒁馑裁摱e(cuò)過(guò)一些信息或者事件。當(dāng)下制作紀(jì)錄影片有一個(gè)流行的手段,就是連續(xù)快速展示一系列靜態(tài)照片。這個(gè)方式是非常容易產(chǎn)生注意瞬脫的:如果一個(gè)圖片真的吸引了你的注意力(比如對(duì)你有特別的意義),你可能就會(huì)錯(cuò)過(guò)緊接其后的一兩張圖片。相比之下,自動(dòng)播放的幻燈片(比如在網(wǎng)站或者信息資訊機(jī)上)中的一張引人注目的圖片是不大可能造成注意瞬脫的(即錯(cuò)過(guò)下一張圖),因?yàn)槊繌垐D片都一般有幾秒鐘顯示時(shí)間。 環(huán)境影響感知 當(dāng)我們?cè)噲D去理解視覺(jué)如何工作時(shí),很容易認(rèn)為它是一個(gè)自下而上的過(guò)程,將邊、線條、角度、弧線和紋路等基本要素組成圖案并最后形成有意義的事物。以閱讀為例,你可能假設(shè)我們的視覺(jué)系統(tǒng)首先識(shí)別字母,把它們組合成單詞,再將單詞組合成句子,如此繼續(xù)。 但視覺(jué)感知,尤其是閱讀,不完全是一個(gè)自下而上的過(guò)程,其中也有自上而下的作用。例如,包含某個(gè)字母的單詞能夠影響我們對(duì)這個(gè)字母的判斷(見(jiàn)圖1-4)。 圖1-4 同樣的字符受其附近的字母影響而被感覺(jué)成H 或A 類(lèi)似地,對(duì)一句話或者一段話完整的理解甚至能夠影響我們所看到的單詞。例如,同樣的字母序列可以因前后段落含義的不同而被理解成不同的單詞(見(jiàn)圖1-5)。 圖1-5 同樣的短語(yǔ)因其所在的短語(yǔ)組不同而有不同的解讀 視覺(jué)受環(huán)境因素影響的偏差在不僅僅在閱讀中出現(xiàn)。Müller–Lyer 錯(cuò)覺(jué)就是一個(gè)著名的例子(見(jiàn)圖1-6):兩條水平線,一條有朝外指向的“翅”,另一條有著朝內(nèi)指向的“翅”,盡管它們相同長(zhǎng)度,但不同的“翅”使得我們的視覺(jué)系統(tǒng)覺(jué)得上方的線比下方的線更長(zhǎng)。這類(lèi)視錯(cuò)覺(jué)(見(jiàn)圖1-7)欺騙了我們,因?yàn)槲覀兊囊曈X(jué)系統(tǒng)并不使用精確的、最佳的處理方式來(lái)感知世界。視覺(jué)系統(tǒng)在進(jìn)化中發(fā)展,這是一個(gè)半隨機(jī)的過(guò)程,不斷疊加各種應(yīng)急的,通常非完備且不精確的方案。它在大部分時(shí)間里運(yùn)轉(zhuǎn)正常,但包含許多粗略估計(jì)、拼湊、修補(bǔ)和一些在某些情況下徹底導(dǎo)致問(wèn)題的bug。 圖1-6 Müller-Lyer 錯(cuò)覺(jué):同樣長(zhǎng)度的水平線看起來(lái)不一樣長(zhǎng) 圖1-7 (A)棋盤(pán)中間并未凸起;(B)三角形的邊沒(méi)有彎曲;(C)紅色的豎線是平行的 圖1-6 和圖1-7 中的例子顯示,視覺(jué)被視覺(jué)環(huán)境所影響。然而,在當(dāng)前環(huán)境下不同感官之間也會(huì)有感知的偏差。五官的感覺(jué)會(huì)同時(shí)相互影響。我們的觸覺(jué)感受可能會(huì)被聽(tīng)到的、看到的或者聞到的所影響,視覺(jué)會(huì)被聽(tīng)覺(jué)影響,聽(tīng)覺(jué)也會(huì)被視覺(jué)影響。以下是我們的視覺(jué)影響聽(tīng)覺(jué)的兩個(gè)例子。 McGurk 效應(yīng) 如果你觀看一個(gè)視頻,其中有人說(shuō)著“吧、吧、吧”,接著“嗒、嗒、嗒”,然后“哇、哇、哇”,但音頻一直是“吧、吧、吧”。你將會(huì)通過(guò)觀看說(shuō)話者的嘴唇運(yùn)動(dòng)而不是實(shí)際聽(tīng)到的來(lái)辨認(rèn)他說(shuō)的音節(jié)。只有當(dāng)閉上眼睛或者轉(zhuǎn)移目光,你才能真正聽(tīng)到實(shí)際語(yǔ)音發(fā)出的音節(jié)。我打賭你們不知道自己可以讀唇,但事實(shí)上人們一天里這么做的次數(shù)相當(dāng)多。 腹語(yǔ) 腹語(yǔ)表演者并不轉(zhuǎn)移自己的聲音,他們僅僅是學(xué)會(huì)了不動(dòng)嘴說(shuō)話。觀眾的大腦感覺(jué)是與聲音最近的那個(gè)動(dòng)著的嘴在說(shuō)話,就是腹語(yǔ)者表演用的玩偶的嘴(Eagleman, 2012)。 反過(guò)來(lái),聽(tīng)覺(jué)影響視覺(jué)的一個(gè)例子是幻覺(jué)閃光效果。當(dāng)屏幕上的某一點(diǎn)短暫地閃了一下, 但伴隨著兩個(gè)快速的蜂鳴聲,就會(huì)看起來(lái)像閃了兩下。類(lèi)似地,感覺(jué)到的閃光頻率也可以隨點(diǎn)擊鼠標(biāo)的頻率變化(Eagleman, 2012)。 后續(xù)章節(jié)將解釋人腦中的視覺(jué)感知、閱讀和認(rèn)知功能,F(xiàn)在就簡(jiǎn)單地表述為:識(shí)別一個(gè)字母、一個(gè)單詞、一張臉或者其他任何物體的神經(jīng)活動(dòng),都包含了環(huán)境刺激產(chǎn)生的神經(jīng)信號(hào)的輸入。這個(gè)環(huán)境包括感知到的其他鄰近對(duì)象和事件,甚至由環(huán)境激活的、對(duì)以往感知到的對(duì)象和事件的記憶。 環(huán)境不僅影響人的感知,也影響低級(jí)動(dòng)物的感知。一位朋友經(jīng)常帶著她的狗開(kāi)車(chē)出門(mén)辦事。一天當(dāng)她開(kāi)進(jìn)自家車(chē)道時(shí),有一只貓?jiān)谇霸。她的狗看?jiàn)了就開(kāi)始叫。我的朋友一打開(kāi)車(chē)門(mén), 狗就躥出去追那只貓,貓立刻轉(zhuǎn)身跳進(jìn)灌木叢中逃跑了。狗也扎進(jìn)灌木叢,但沒(méi)逮到貓。那之后的一段時(shí)間里,這條狗就一直很煩躁不安。 之后,在我的朋友住在那里的那段時(shí)間,每次她開(kāi)車(chē)帶著狗回到家,它就興奮地叫起來(lái), 并在車(chē)門(mén)打開(kāi)那一刻跳出去,沖過(guò)院子,躍入灌木叢。沒(méi)有貓?jiān)谀抢,但那并不重要。乘著?chē)回到家對(duì)這狗來(lái)說(shuō)已經(jīng)足夠讓它看見(jiàn)甚至可能聞到一只貓。然而,如果是走回家,比如每天遛完它后,“貓幻影”就不會(huì)發(fā)生。 目標(biāo)影響感知 除了經(jīng)驗(yàn)和當(dāng)前環(huán)境會(huì)影響感知,我們的目標(biāo)和對(duì)將來(lái)的計(jì)劃也會(huì)影響我們的感知。具體地說(shuō),我們的目標(biāo)可以做到如下的事。 引導(dǎo)我們的感覺(jué)器官,讓我們從四周的環(huán)境根據(jù)需要采集樣本。 對(duì)我們感知到的進(jìn)行過(guò)濾:與目標(biāo)無(wú)關(guān)的事物在被意識(shí)到之前就被過(guò)濾掉,也就不會(huì)被我們的主觀意識(shí)注意到。 例如,當(dāng)人們?cè)谲浖锘蛘呔W(wǎng)站上尋找信息或者某個(gè)功能時(shí),他們并不會(huì)認(rèn)真閱讀,只是快速而粗略地掃描屏幕上與目標(biāo)相關(guān)的東西。他們不是僅僅忽略掉與目標(biāo)無(wú)關(guān)的東西,而是經(jīng)常根本注意不到它們。 現(xiàn)在就來(lái)體會(huì)一下。請(qǐng)?jiān)趫D1-8 中的工具箱里找到剪刀,然后立刻回到這里。 圖1-8 工具箱:這里有剪刀嗎 你發(fā)現(xiàn)剪刀了嗎?現(xiàn)在不去看工具箱,你能說(shuō)出來(lái)那里面有沒(méi)有螺絲刀嗎? 除了視覺(jué),我們的目標(biāo)還過(guò)濾其他感官的感知。一個(gè)熟悉的例子是“雞尾酒會(huì)”效應(yīng)。如果你在一個(gè)擁擠的酒會(huì)上與某人談話,你能把大部分注意力放在他說(shuō)的話上,即使身邊還有許多人在對(duì)話。你對(duì)談話的興趣越大就越能過(guò)濾掉周?chē)膶?duì)話。如果你對(duì)談話內(nèi)容感到乏味了, 多半就會(huì)越來(lái)越多地聽(tīng)到周?chē)恼勗挕?/p> 這個(gè)效應(yīng)首次記錄于對(duì)空中交通管制員的研究中。即使控制室的同一個(gè)擴(kuò)音器傳出在同一個(gè)頻道上同時(shí)進(jìn)行的許多不同對(duì)話,空中交通管制員們?nèi)匀荒軌蚺c被指派飛機(jī)上的飛行員進(jìn)行對(duì)話(Arons,1992)。研究表明,在多個(gè)同時(shí)進(jìn)行的對(duì)話中,專(zhuān)注于一個(gè)對(duì)話的能力不僅取決于對(duì)談話內(nèi)容感興趣的程度,也取決于客觀因素,如在雜音中熟悉的語(yǔ)音、常見(jiàn)“噪聲”的量(如碗碟的碰撞聲或者喧鬧的音樂(lè))以及能否預(yù)見(jiàn)談話對(duì)象要說(shuō)什么(Arons,1992)。 目標(biāo)對(duì)感知的過(guò)濾在成人身上特別可靠,成人比兒童對(duì)目標(biāo)更專(zhuān)注。兒童更容易被刺激驅(qū)使,目標(biāo)較少地過(guò)濾他們的感知。這種特點(diǎn)使得他們比成人更容易分心,但也使得他們觀察時(shí)更不容易產(chǎn)生偏差。 一個(gè)客廳游戲展示了年齡差異在感知過(guò)濾上的差別。它類(lèi)似剛才的“工具箱”練習(xí)。大多數(shù)人的家里都有一個(gè)專(zhuān)門(mén)放廚房器具或者工具的抽屜。請(qǐng)一個(gè)人從客廳到那個(gè)抽屜所在的房間, 要求他拿來(lái)某個(gè)工具,比如量勺或者水管扳手。當(dāng)他帶著工具回來(lái)時(shí),問(wèn)他在抽屜里是否有另外某個(gè)工具。大部分成人不記得抽屜里還有什么其他東西。但孩子們通常能夠告訴你那里面還有什么其他東西,前提是他們完成了任務(wù),而沒(méi)有被抽屜里其他很酷的玩意徹底吸引。 感知過(guò)濾在網(wǎng)站導(dǎo)航中也能觀察到。假設(shè)我要你去新西蘭的坎特伯雷大學(xué)(見(jiàn)圖1-9)的主頁(yè)并找出對(duì)計(jì)算機(jī)科學(xué)系研究生提供資助的信息。你會(huì)掃視網(wǎng)頁(yè)并可能很快地點(diǎn)擊那些含有與目標(biāo)相關(guān)單詞的鏈接:Departments(“院系”,左上)、Scholarships(“獎(jiǎng)學(xué)金”,中間),還有Postgraduate Students(“研究生”,左下)。如果你是個(gè)“搜索型”的人,也許就直接到搜索框(右上)輸入與目標(biāo)相關(guān)的單詞,然后點(diǎn)擊“Go”。 圖1-9 坎特伯雷大學(xué)主頁(yè):網(wǎng)頁(yè)導(dǎo)航過(guò)程包含感知過(guò)濾 不論你是瀏覽還是搜索,都很可能沒(méi)注意到自己被隨機(jī)地挑中贏得100 美元(右下)而直接離開(kāi)了主頁(yè)。為什么?因?yàn)槟桥c你的目標(biāo)無(wú)關(guān)。 當(dāng)前的目標(biāo)影響我們的感知的機(jī)理是什么?有兩個(gè)。 影響我們注意什么 感知是主動(dòng)的,不是被動(dòng)的。感知不是對(duì)周?chē)挛锏暮?jiǎn)單過(guò)濾,而是對(duì)世界的體驗(yàn)以及對(duì)需要理解的東西的獲取。我們始終移動(dòng)眼睛、耳朵、手、腳、身體和注意力去尋找周?chē)c我們正在做或者正要做的事最相關(guān)的東西(Ware,2008)。如果在一個(gè)網(wǎng)站上找園區(qū)地圖,那些能夠引導(dǎo)我們?nèi)ネ瓿赡繕?biāo)的對(duì)象就會(huì)吸引我們的眼睛和控制鼠標(biāo)的手。我們會(huì)或多或少地忽略掉與目標(biāo)無(wú)關(guān)的東西。 使我們的感知系統(tǒng)對(duì)某些特性敏感 在尋找某件物品時(shí),大腦能預(yù)先啟動(dòng)感官,使得它們對(duì)要尋找的東西變得非常敏感(Ware,2008)。例如,要在一個(gè)大型停車(chē)場(chǎng)找一輛紅色轎車(chē)時(shí),紅顏色的車(chē)會(huì)在我們掃視場(chǎng)地時(shí)躍然而出,而其他顏色的車(chē)就幾乎不會(huì)被注意到,即使我們的確“看到”了它們。類(lèi)似地,當(dāng)我們?cè)噲D在一個(gè)黑暗擁擠的房間里尋找自己的伴侶時(shí),大腦會(huì)對(duì)我們的聽(tīng)覺(jué)系統(tǒng)進(jìn)行“編程”,從而對(duì)她或他的聲音的頻率組合非常敏感。 設(shè)計(jì)時(shí)將感知的影響因素考慮在內(nèi) 這些對(duì)感知的影響因素對(duì)于用戶界面設(shè)計(jì)有以下三點(diǎn)啟發(fā)。 避免歧義 避免顯示有歧義的信息,并通過(guò)測(cè)試確認(rèn)所有用戶對(duì)信息的理解是一致的。當(dāng)無(wú)法消除歧義時(shí),要么依靠標(biāo)準(zhǔn)或者慣例,要么告知用戶用你期望的方式去理解歧義之處。 例如,電腦上的顯示經(jīng)常將按鈕和文本輸入框渲染成看起來(lái)高于背景面(見(jiàn)圖1-10)。這種顯示方式依賴(lài)一個(gè)大多數(shù)有經(jīng)驗(yàn)的電腦用戶都熟悉的慣例——光源在屏幕的左上角。如果一個(gè)物體是以光源在不同的位置來(lái)渲染的話,用戶則無(wú)法看出它是凸起的。 圖1-10 電腦屏幕上的按鈕經(jīng)常帶有陰影以呈現(xiàn)三維效果,但這種慣例只有在假設(shè)模擬光源在左上角時(shí)才有用 保持一致 在一致的位置擺放信息和控件。不同頁(yè)面上提供的相同功能的控件和數(shù)據(jù)顯示應(yīng)該擺放在每一頁(yè)上相同的位置,而且它們還應(yīng)該有相同的顏色、字體和陰影等。這樣的一致性能讓用戶很快地找到和識(shí)別它們。 理解目標(biāo) 用戶去用一個(gè)系統(tǒng)是有目標(biāo)的。設(shè)計(jì)者應(yīng)該了解這些目標(biāo),要認(rèn)識(shí)到不同用戶的目標(biāo)可能不同,而且他們的目標(biāo)強(qiáng)烈左右他們能感知到什么。在一次交互的每個(gè)點(diǎn)上,確保提供了用戶需要的信息,并非常清晰地對(duì)應(yīng)到一個(gè)可能的用戶目標(biāo),使用戶能夠注意到并使用這些信息。
你還可能感興趣
我要評(píng)論
|