有時(shí)候，我們需要讓用戶注意到產(chǎn)品中的重要信息，以方便用戶進(jìn)行后續(xù)的環(huán)節(jié)。那么，我們要怎么增強(qiáng)關(guān)鍵信息的“易發(fā)現(xiàn)性”呢？如果想要減弱“易發(fā)現(xiàn)性”，又可以怎么做？本文嘗試從三個(gè)方面闡述了“易發(fā)現(xiàn)性”該如何控制，一起來看看吧。

一、什么是易發(fā)現(xiàn)性

在《GB/T 29836-2013 系統(tǒng)與軟件易用性》的人機(jī)交互系統(tǒng)模型中，我們可以了解到其中有一環(huán)是“感知系統(tǒng)（視覺、聽覺等）”。在交互系統(tǒng)中，發(fā)現(xiàn)信息是必不可少的一環(huán)。如果產(chǎn)品中的重要信息沒有被用戶“發(fā)現(xiàn)”，或者很難被“發(fā)現(xiàn)”。那么對(duì)用戶的體驗(yàn)是毀滅性的，沒能注意到信息，那下面的環(huán)節(jié)就無法進(jìn)行了。

比如在一個(gè)購物場(chǎng)景中，用戶都選好商品準(zhǔn)備付款了，但是發(fā)現(xiàn)找不到“付款”按鈕。最后導(dǎo)致沒有付款成功。所以產(chǎn)品需要在當(dāng)前場(chǎng)景中，讓關(guān)鍵信息具備好的“可發(fā)現(xiàn)性”。

二、如何增強(qiáng)、減弱可發(fā)現(xiàn)性

我們的感知覺是我們接收外界刺激的一個(gè)重要渠道。知覺是一個(gè)龐大的概念，其包含的內(nèi)容可以再分為視知覺、聽知覺、嗅知覺、觸知覺和味知覺。

可發(fā)現(xiàn)性如此重要，我們可以從感管幾種方面入手分析如何增強(qiáng)、減弱可發(fā)現(xiàn)性。

1. 視覺

在我們的日常學(xué)習(xí)工作當(dāng)中，大部分的信息都是通過視覺通道輸入我們大腦的，正常人從外界接收的信息中百分之八十是通過視覺獲得的。它在學(xué)習(xí)工作當(dāng)中占據(jù)了非常重要的位置。

如何定义B端产品及B端产品经理方法论

相较于C端产品，B端产品最大的特点是：面向特定领域用户，且数量少得多，但更注重对用户专业领域操作流程的深度挖掘——也就是专业性更强，与业务的结合更紧密。

查看详情 >

1）大小

一個(gè)東西很小眼睛就不容易捕捉到。如果是體型巨大，整個(gè)壓在眼前的話。甚至不得不去注意。如下圖中，圖片A在右側(cè)的例子中因?yàn)樽兇?，更容易被用戶發(fā)現(xiàn)。

2）顏色

下圖是一個(gè)視覺例子，要用戶注意到第三行第三個(gè)字。下面有圖把“這”這個(gè)字賦予了藍(lán)色，讓它和其他的漢字區(qū)別開來。

3）位置

① 單屏的瀏覽順序

位置的重要程度，參考古騰堡原則，它把畫面所呈現(xiàn)的內(nèi)容分成四個(gè)象限。

1. 第一視覺區(qū)（POA）：左上方，用戶首先注意到的地方；
2. 強(qiáng)休息區(qū)（SFA）：右上方，較少被注意到；
3. 弱休息區(qū)（WFA）：左下方，最少被注意到；
4. 終端視覺區(qū)（TA）：右下方，視覺流終點(diǎn)。

用戶視線很自然的會(huì)從第一視覺區(qū)開始，逐漸移動(dòng)到終端休息區(qū)。整個(gè)閱讀過程視線都會(huì)沿著一條方向軸開始從左到右瀏覽。用戶會(huì)更容易關(guān)注到頁面的開始與結(jié)束區(qū)域，而中間的段落則很少被關(guān)注到。

所以設(shè)計(jì)界面的時(shí)候要把重要的東西放在“第一視覺區(qū)”和“終端休息區(qū)”。

② 多屏的瀏覽順序

那么用戶在跨屏幕的瀏覽情況如何呢？下面的聚合熱圖顯示了各種頁面的 57,453 個(gè)眼球追蹤注視。紅色表示用戶看最多的地方；黃色是他們看起來較少的地方。白色區(qū)域幾乎沒有任何外觀。頂部的黑色條紋表示研究中的頁面折疊；隨后的黑色條紋代表滾動(dòng)后的每個(gè)附加屏幕。

“發(fā)現(xiàn)用戶注意力在頁面折疊位置急劇下降。首屏上方的元素比首屏下方的元素看到的次數(shù)更多：首屏上方 100 個(gè)像素的觀看次數(shù)比首屏下方 100 個(gè)像素的觀看次數(shù)多 102%”。

所以要非常重視首屏的價(jià)值，因?yàn)橛脩敉粫?huì)繼續(xù)往下滾動(dòng)了。

如果要提高第二屏的瀏覽率，應(yīng)該從圖形上暗示下面還有內(nèi)容，而不是給一個(gè)看起來完整的界面。如下圖所示。右圖的筆記本圖片的下半部分被截?cái)?，用戶為了看完整的圖片會(huì)往下滾動(dòng)。

4）動(dòng)效

bilibili中自己關(guān)注的博主進(jìn)行直播時(shí)，出現(xiàn)如下圖效果。不單是個(gè)性化具備吸引力，而且右上角的圖表的動(dòng)態(tài)效果，也一下子被注意到。根據(jù)生活體驗(yàn)，動(dòng)態(tài)效果吸引注意力的能力很強(qiáng)，能讓人快速注意到該內(nèi)容。同時(shí)也意味著它對(duì)別的內(nèi)容有較強(qiáng)的打擾效果，要注意非常節(jié)制。

2. 聽覺

生活中我們有時(shí)候會(huì)忘記自己的手機(jī)放在哪里，這時(shí)候只有用另外一個(gè)通訊設(shè)備打電話給手機(jī)。手機(jī)發(fā)出鈴聲，那么就可以知道手機(jī)的位置，從而找到它了。還有微信發(fā)送消息的聲音，一下子讓你感受到工作的壓力（打工人有感）這些就是聽覺的可發(fā)現(xiàn)性。

3. 更少的內(nèi)容

在《How Little Do Users Read?》一文中，作者通過實(shí)驗(yàn)揭示了用戶在網(wǎng)站上的閱讀情況。結(jié)果顯示，用戶只會(huì)瀏覽一小部分文字，不會(huì)看完所有的文字。

下圖為“文本閱讀百分比”這一段中的圖片，顯示了用戶在平均訪問不同字?jǐn)?shù)的頁面期間可以閱讀的最大文本量。我們可以看到字?jǐn)?shù)越少，用戶看內(nèi)容的比例就越大。所以精簡(jiǎn)文字信息，可以幫助用戶看到完全的內(nèi)容。

不要濫用：

上面有各種方法讓某元素更加明顯或者不明顯。在工作中常常會(huì)出現(xiàn)這么一個(gè)問題：界面上的很多元素都很重要。比如會(huì)員開通跟核心Kpi相關(guān)很重要，所以要明顯。核心權(quán)益很重要要，需要明確地顯示出來。但是人的注意力是有限的，所有東西都重要，都很明顯。那么意思就是都不重要。

視覺上的重要程度，需要有主次才能被體現(xiàn)出來。

PS：馮·雷斯托夫效應(yīng) (Von Restorff Effect) ，也稱為隔離效應(yīng) (Isolation Effect) 。1933 年，德國(guó)精神病學(xué)家、兒科醫(yī)生 Hedwig Von Restorff 在研究中發(fā)現(xiàn)，對(duì)被測(cè)試者提供一系列相似的項(xiàng)，而只有一項(xiàng)顯得特別、孤立、與眾不同的時(shí)候，這一項(xiàng)往往更容易被記住。以上的視覺、聽覺、觸覺的例子都是從不同角度下“馮·雷斯托夫效應(yīng)”的現(xiàn)象。

總結(jié)

易發(fā)現(xiàn)性在用戶與交互對(duì)象之間有重要的作用，能夠幫助用戶找到自己想要的內(nèi)容。本文用“視覺”、“聽覺”、“更少的內(nèi)容”3個(gè)方面進(jìn)行闡述了如何控制易發(fā)現(xiàn)性。希望這篇文章可以幫助到其他的設(shè)計(jì)師。