探討易用性中的易發現性
有時候,我們需要讓用戶注意到產品中的重要信息,以方便用戶進行后續的環節。那么,我們要怎么增強關鍵信息的“易發現性”呢?如果想要減弱“易發現性”,又可以怎么做?本文嘗試從三個方面闡述了“易發現性”該如何控制,一起來看看吧。
一、什么是易發現性
在《GB/T 29836-2013 系統與軟件易用性》的人機交互系統模型中,我們可以了解到其中有一環是“感知系統(視覺、聽覺等)”。在交互系統中,發現信息是必不可少的一環。如果產品中的重要信息沒有被用戶“發現”,或者很難被“發現”。那么對用戶的體驗是毀滅性的,沒能注意到信息,那下面的環節就無法進行了。
比如在一個購物場景中,用戶都選好商品準備付款了,但是發現找不到“付款”按鈕。最后導致沒有付款成功。所以產品需要在當前場景中,讓關鍵信息具備好的“可發現性”。
二、如何增強、減弱可發現性
我們的感知覺是我們接收外界刺激的一個重要渠道。知覺是一個龐大的概念,其包含的內容可以再分為視知覺、聽知覺、嗅知覺、觸知覺和味知覺。
可發現性如此重要,我們可以從感管幾種方面入手分析如何增強、減弱可發現性。
1. 視覺
在我們的日常學習工作當中,大部分的信息都是通過視覺通道輸入我們大腦的,正常人從外界接收的信息中百分之八十是通過視覺獲得的。它在學習工作當中占據了非常重要的位置。
1)大小
一個東西很小眼睛就不容易捕捉到。如果是體型巨大,整個壓在眼前的話。甚至不得不去注意。如下圖中,圖片A在右側的例子中因為變大,更容易被用戶發現。
2)顏色
下圖是一個視覺例子,要用戶注意到第三行第三個字。下面有圖把“這”這個字賦予了藍色,讓它和其他的漢字區別開來。
3)位置
① 單屏的瀏覽順序
位置的重要程度,參考古騰堡原則,它把畫面所呈現的內容分成四個象限。
- 第一視覺區(POA):左上方,用戶首先注意到的地方;
- 強休息區(SFA):右上方,較少被注意到;
- 弱休息區(WFA):左下方,最少被注意到;
- 終端視覺區(TA):右下方,視覺流終點。
用戶視線很自然的會從第一視覺區開始,逐漸移動到終端休息區。整個閱讀過程視線都會沿著一條方向軸開始從左到右瀏覽。用戶會更容易關注到頁面的開始與結束區域,而中間的段落則很少被關注到。
所以設計界面的時候要把重要的東西放在“第一視覺區”和“終端休息區”。
② 多屏的瀏覽順序
那么用戶在跨屏幕的瀏覽情況如何呢?下面的聚合熱圖顯示了各種頁面的 57,453 個眼球追蹤注視。紅色表示用戶看最多的地方;黃色是他們看起來較少的地方。白色區域幾乎沒有任何外觀。頂部的黑色條紋表示研究中的頁面折疊;隨后的黑色條紋代表滾動后的每個附加屏幕。
“發現用戶注意力在頁面折疊位置急劇下降。首屏上方的元素比首屏下方的元素看到的次數更多:首屏上方 100 個像素的觀看次數比首屏下方 100 個像素的觀看次數多 102%”。
所以要非常重視首屏的價值,因為用戶往往不會繼續往下滾動了。
如果要提高第二屏的瀏覽率,應該從圖形上暗示下面還有內容,而不是給一個看起來完整的界面。如下圖所示。右圖的筆記本圖片的下半部分被截斷,用戶為了看完整的圖片會往下滾動。
4)動效
bilibili中自己關注的博主進行直播時,出現如下圖效果。不單是個性化具備吸引力,而且右上角的圖表的動態效果,也一下子被注意到。根據生活體驗,動態效果吸引注意力的能力很強,能讓人快速注意到該內容。同時也意味著它對別的內容有較強的打擾效果,要注意非常節制。
2. 聽覺
生活中我們有時候會忘記自己的手機放在哪里,這時候只有用另外一個通訊設備打電話給手機。手機發出鈴聲,那么就可以知道手機的位置,從而找到它了。還有微信發送消息的聲音,一下子讓你感受到工作的壓力(打工人有感)這些就是聽覺的可發現性。
3. 更少的內容
在《How Little Do Users Read?》一文中,作者通過實驗揭示了用戶在網站上的閱讀情況。結果顯示,用戶只會瀏覽一小部分文字,不會看完所有的文字。
下圖為“文本閱讀百分比”這一段中的圖片,顯示了用戶在平均訪問不同字數的頁面期間可以閱讀的最大文本量。我們可以看到字數越少,用戶看內容的比例就越大。所以精簡文字信息,可以幫助用戶看到完全的內容。
不要濫用:
上面有各種方法讓某元素更加明顯或者不明顯。在工作中常常會出現這么一個問題:界面上的很多元素都很重要。比如會員開通跟核心Kpi相關很重要,所以要明顯。核心權益很重要要,需要明確地顯示出來。但是人的注意力是有限的,所有東西都重要,都很明顯。那么意思就是都不重要。
視覺上的重要程度,需要有主次才能被體現出來。
PS:馮·雷斯托夫效應 (Von Restorff Effect) ,也稱為隔離效應 (Isolation Effect) 。1933 年,德國精神病學家、兒科醫生 Hedwig Von Restorff 在研究中發現,對被測試者提供一系列相似的項,而只有一項顯得特別、孤立、與眾不同的時候,這一項往往更容易被記住。以上的視覺、聽覺、觸覺的例子都是從不同角度下“馮·雷斯托夫效應”的現象。
總結
易發現性在用戶與交互對象之間有重要的作用,能夠幫助用戶找到自己想要的內容。本文用“視覺”、“聽覺”、“更少的內容”3個方面進行闡述了如何控制易發現性。希望這篇文章可以幫助到其他的設計師。
本文由 @biubiu 原創發布于人人都是產品經理。未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。
- 目前還沒評論,等你發揮!