可視性的問題幾乎在每次不同產(chǎn)品的用戶測(cè)試中都會(huì)出現(xiàn)：用戶總是對(duì)頁(yè)面的某些元素、功能視若無睹，或根本無視。基于此，對(duì)這個(gè)問題進(jìn)行了一番小小的研究。

為何用戶視若無睹？

視覺是人的生理與心理現(xiàn)象。本文述及的是視覺作為心理現(xiàn)象，也即由知覺、思維、記憶、情感等視覺認(rèn)知引起的可視性問題，而非用戶眼睛在生理上存在缺陷，也不是錯(cuò)幻視覺（詳見鏈接圖例）。用標(biāo)準(zhǔn)些的心理學(xué)術(shù)語(yǔ)來說，這里所說的“視若無睹”^（注）是視覺意識(shí)缺乏（failures of visual awareness）。

注：在此用“視若無睹”僅是為了行文的通俗，從更嚴(yán)謹(jǐn)?shù)慕嵌葋碚f，到底是視若無睹還是根本無視，涉及到較復(fù)雜的認(rèn)知心理學(xué)對(duì)“視”的定義，還有記憶、感知等，就不扯了 。

心理學(xué)家對(duì)視覺意識(shí)缺乏有頗長(zhǎng)時(shí)間的研究，而針對(duì)人機(jī)交互領(lǐng)域的研究已發(fā)現(xiàn)，人在一個(gè)視覺環(huán)境中，只會(huì)意識(shí)到該環(huán)境的很小部分。除了認(rèn)知的有限性，我們還 常常高估了眼睛能看到并理解的內(nèi)容的多少。這種視覺意識(shí)以及后續(xù)理解的缺失，造成了用戶對(duì)界面信息的視若無睹。下面，就來看看人視覺心理的“兩盲三高 ”。

兩盲

最基本的視覺意識(shí)缺乏有兩種：變化視盲（change blindness）和不注意視盲（inattentional blindness，又譯無意視盲，但該術(shù)語(yǔ)過于抽象，故不選擇用在本文 ）。

變化視盲是指人在察看某一視域時(shí)，沒有察覺到該視域范圍內(nèi)的變化。先通過下面這兩段片子來感受一下：

很重要的一點(diǎn)是：由于我們對(duì)于變化沒有預(yù)期，所以即使是非常明顯的變化，也會(huì)視而不見，除非我們恰巧注意到會(huì)發(fā)生改變的地方。這對(duì)于界面設(shè)計(jì)有什么啟示呢？

• 視覺應(yīng)對(duì)有意義的變化做出引導(dǎo)。有了AJAX, Flex, Flash等技術(shù)，數(shù)據(jù)變化不需要整屏刷新了，這可能造成用戶對(duì)于刷新的無視，而這種刷新變化對(duì)用戶并非總是無意義的。像更復(fù)雜一點(diǎn)的操作系統(tǒng)，如飛機(jī)駕 駛儀表盤，若機(jī)師對(duì)變化視若無睹，將導(dǎo)致很可怕的后果。因此在這種情況下，應(yīng)將用戶的視線從有效地導(dǎo)向到要發(fā)生改變的地方。

• 利用變化視盲。就像障眼法那樣，既讓變化發(fā)生，卻不干擾用戶的任務(wù)，實(shí)現(xiàn)寧?kù)o技術(shù)（calm technology）的效果。最經(jīng)典的例子是Mac的級(jí)聯(lián)子菜單了，在泛科技環(huán)境（Ubiquitous Computing Environments）也有越來越多的應(yīng)用。

不注意視盲是指當(dāng)人的注意力集中在了視域內(nèi)某處，就會(huì)對(duì)視域內(nèi)其他完全可視的元素視若無睹。也來看一段片子吧：

由于我們的注意力集中在數(shù)數(shù)這件事情上，很有可能你像大多數(shù)人那樣并沒注意到大猩猩的出現(xiàn)。心理學(xué)家發(fā)現(xiàn)，用戶的認(rèn)知負(fù)擔(dān)（執(zhí)行任務(wù)越復(fù)雜，越難發(fā)現(xiàn)非注意區(qū)的元素），非注意區(qū)元素的顯著性（位置、大小、顏色及運(yùn)動(dòng)等物理特征及語(yǔ)義含義）、與注意力所在元素的相似性（越相似，或越互相呼應(yīng)越容易被發(fā)現(xiàn)），以及個(gè)體思維加工能力都會(huì)引起不注意視盲。這對(duì)于UI設(shè)計(jì)的啟示是顯而易見的：

• 復(fù)雜的UI對(duì)用戶，尤其是對(duì)任務(wù)感到陌生的新用戶來說意味著繁重的認(rèn)知負(fù)擔(dān)，并被誘惑去使用滿意即可（satisficing）的策略——他們渴望迅速完成任務(wù)，因此只選擇第一個(gè)可行的選擇。

• 顯著性和相似性，呼應(yīng)了視覺設(shè)計(jì)中經(jīng)典的格式塔定律，而更 通俗一點(diǎn)的CRAP（對(duì)比-重復(fù)-對(duì)齊-臨近）原則也同樣能幫助解決這個(gè)問題。

三高

我們對(duì)于人的視覺心理能力往往有三種過高估計(jì)，這樣的高估影響了我們的設(shè)計(jì)，也導(dǎo)致了用戶的視若無睹。

高估廣度：用戶可以一下子注意并理解視域范圍內(nèi)所有（或絕大部分）的細(xì)節(jié)？
如果將用戶的注視焦點(diǎn)比喻成聚光燈，那么可以理解成我們高估了聚光燈亮起時(shí)被照亮的區(qū)域面積（圖1）。增加額外的視覺元素只會(huì)減少可以被同時(shí)注意到的信息，因此用戶將更難找到相應(yīng)的信息。

圖1

高估容量：用戶會(huì)注意到界面中的各個(gè)區(qū)域？
我們往往高估了用戶能夠注意到的UI上的區(qū)域數(shù)，這也使我們誤以為獨(dú)特的視覺元素?zé)o論放在什么位置都會(huì)吸引用戶，或用戶會(huì)自主地將視線投往某個(gè)區(qū)域。也以聚光燈的例子來說，用戶雙眼這盞燈，可能只會(huì)投向舞臺(tái)（UI）上的一兩個(gè)位置，而不會(huì)掃向各個(gè)不同的區(qū)域。其次， 用戶對(duì)于察看UI的哪部分有一定傾向性，因此會(huì)習(xí)慣性地忽略其他可見之處。

高估深度：用戶若注意到某元素/區(qū)域，就能完整、深入地理解它？
這種高估會(huì)誤使我們認(rèn)為，用戶只要注意到某對(duì)象/區(qū)域，就能輕松地理解它的含義。圖像相比起文字，似乎更容易吸引用戶注意。但研究發(fā)現(xiàn)，對(duì)于某些用若干詞匯就能表達(dá)的概念，圖片未必總能更有效地向用戶傳達(dá)界面的功能。這跟功能可見性（affordance）就密切相關(guān)了。

除了這“兩盲三高”，還有一些相關(guān)的研究結(jié)果及數(shù)據(jù)值得關(guān)注：
（1）用戶通常掃視而非閱讀頁(yè)面文字
（2）平均來說，用戶若決定閱讀某頁(yè)面，他們只會(huì)花28%的時(shí)間在閱讀文字上。但更普遍的是，只有20%的文字會(huì)被閱讀
（3）用戶在頁(yè)面的平均停留時(shí)間很短。以最新數(shù)據(jù)來看，用戶在搜索及分類目錄網(wǎng)站總共停留225秒，綜合門戶454秒，娛樂541秒，個(gè)人及社區(qū)429秒。

作為產(chǎn)品設(shè)計(jì)者的我們，由于對(duì)產(chǎn)品的設(shè)計(jì)、使用流程非常熟悉了解，總覺得用戶不可能看不見、發(fā)現(xiàn)不了某些元素或功能。就像有時(shí)候在做可用性測(cè)試反饋時(shí)會(huì)遇到質(zhì)疑：怎么可能看不到呢？怎么可能弄不懂呢？但是綜上所述，用戶可能很沒耐心，ta會(huì)給予產(chǎn)品的關(guān)注時(shí)間非常少，不可像設(shè)計(jì)者那樣仔細(xì)端詳，研究每個(gè)細(xì) 節(jié)??！其次，用戶的視覺認(rèn)知本身就有局限！！而用戶與UI交互的互聯(lián)網(wǎng)環(huán)境本身就存在激烈的注意力爭(zhēng)奪。
2. 如何讓用戶看見？

對(duì)于視覺設(shè)計(jì)，我是個(gè)外行。飛飛之前的文章已專業(yè)地論述了視覺設(shè)計(jì)對(duì)提升可用性的作用。另外，在常見視覺誤區(qū)一文中，Luke Wroblewski也提出了不少有用的觀點(diǎn)。還可參考Dmitry Fadeyev這篇十大提升UI的技巧。 我就談?wù)動(dòng)脩粞芯繉?duì)視覺設(shè)計(jì)的幫助吧。

前期調(diào)研
（1）了解功能需求的優(yōu)先性：這包括與需求方、用戶進(jìn)行訪談，以幫助確定視覺層次的重點(diǎn)、視覺流的組織
（2） 體驗(yàn)關(guān)鍵字法：將訪談中的關(guān)鍵字記錄下來，形成一個(gè)體驗(yàn)關(guān)鍵字集（圖2），這些體驗(yàn)關(guān)鍵字應(yīng)能表達(dá)一個(gè)用戶看到頁(yè)面頭五秒時(shí)的情感反應(yīng)，而這五秒往往決定 了用戶對(duì)于網(wǎng)頁(yè)的總體觀感。經(jīng)過與需求方確認(rèn)后，可從關(guān)鍵字集中抽取、聚合一些概念（圖3），作為視覺設(shè)計(jì)策略的制定依據(jù)。

圖2、3：體驗(yàn)關(guān)鍵字法（photo courtesy of  Nick Myers, Cooper Journal，圖片采自Nick Myers）

可用性測(cè)試
（1）傳統(tǒng)的實(shí)驗(yàn)室測(cè)試：邀請(qǐng)用戶來試用產(chǎn)品。但是某些元素、功能的可視性問題是否能在測(cè)試中被發(fā)掘出來，與實(shí)驗(yàn)設(shè)計(jì)很有關(guān)系。因此用戶研究員與設(shè)計(jì)師、需求方要在前期溝通好，有所針對(duì)地設(shè)置測(cè)試任務(wù)。
（2）五秒測(cè)試法 ：上文提到，用戶通常在頭五秒就會(huì)形成對(duì)一個(gè)網(wǎng)頁(yè)的基本印象，并作出判定：

• 我來對(duì)地方了嗎？

• 這個(gè)網(wǎng)站可信嗎？

• 我要找的東西這里有嗎？

這個(gè)線上的、方便易用的五秒測(cè)試法，可以在一定程度上幫助你了解設(shè)計(jì)是否存在問題，或你的視覺設(shè)計(jì)是否成功地傳達(dá)了主要概念、功能。這個(gè)測(cè)試有三類型：

• 經(jīng)典測(cè)試：讓用戶觀看某頁(yè)面五秒后列出他們記憶最深刻的五元素。這類測(cè)試有助于了解你的設(shè)計(jì)中哪些元素最吸引注意力。

• 對(duì)比測(cè)試：顧名思義，讓用戶從兩個(gè)版本設(shè)計(jì)（每個(gè)看2.5秒）中做出選擇，這對(duì)于決定兩版本的取舍尤為有用。

• 情感測(cè)試：讓用戶觀看某頁(yè)面五秒后，列出最喜歡和最不喜歡的元素。這有助于你了解界面中最強(qiáng)與最弱點(diǎn)所在。

視覺設(shè)計(jì)是一把雙刃劍，它會(huì)引導(dǎo)用戶在頁(yè)面上的注意力，影響用戶對(duì)信息結(jié)構(gòu)、任務(wù)的理解，他們使用界面的效率，以及最終的——用戶體驗(yàn)。