產品設計中的信噪比

0 評論 5232 瀏覽 11 收藏 8 分鐘

編輯導讀:信噪比指的是通訊過程中相關信息與無關信息的比率,信噪比太低會影響用戶獲取信息的效率。本文作者從三個方面對產品設計中信噪比的相關設置展開了分析解讀,與大家分享。

我們每天都會遇到并處理大量信息??紤]一下你今天遇到的所有信息——其中有多少與你實際相關并且對你有用。

我們遇到的大多數信息都是噪音——即與我們當前的需求無關。相反,與我們相關且有用的信息——即我們正在尋找或想要的信息。

信噪比:在人機交互中,信噪比表示通訊過程中相關信息與無關信息的比率。

在用戶界面中,信噪比所涉及的“信息”可以是任何內容——包括文本內容,視覺元素或動效,本質上,用戶必須處理的任何事情都可以算作信息或噪音。

為了提高通過我們的設計傳達信息的效率并幫助用戶完成任務,我們希望獲得較高的信噪比。

01 信息還是噪音?

盡管信息和噪音的定義很簡單,但在實際設計中,區分差異并不總是那么容易。并非每個用戶都有相同的目標,因此,“信息”和“噪音”的確切含義會有所不同。

對于一個用戶的信息可能是對另一個用戶的干擾。因此,UI 界面的信噪比可能更高或更低,這取決于誰在看它,以及該用戶正在嘗試做什么。

聯合航空的主頁包含一些元素,在某些情況下可能會是信息,而在其他情況下可能會發出噪音。

聯合航空的主頁是一些不同任務的起點。例如:

  • 預訂航班
  • 辦理預訂航班
  • 查找有關預定航班的詳細信息

對于想要預訂新航班的用戶,頁面中間藍色的 Book Travel 框將是最強烈的信息——即與用戶最相關的部分。

但是對于想要查找有關已經預訂的航班的詳細信息的用戶來說,“ Book Travel ”(預訂旅行)欄只是噪音,而“ My Trips ”(我的旅行)部分和“ Sign In ”(登錄)鏈接則是有用的信息。

但是,此界面中的還有某些元素會對所有用戶產生干擾,無論他們正在執行以上三個主要任務中的哪一個。這些包括:

  • 聯合信用卡的廣告
  • 底部的裝飾飛機
  • 頁面右側的“ 網站反饋”鏈接

我們可以嘗試刪除與頁面上支持的任何任務都不相關的任何內容或 UI 元素。

極端地講,高信噪比的目標與極簡主義緊密相關,極簡主義是一種設計趨勢,旨在通過消除不必要的元素或內容來簡化界面。

當然除了傳達信息之外,我們還希望我們的界面在視覺上具有吸引力,并喚起用戶的某些情感。比如我們想炫耀我們的品牌,并且需要實現業務目標(例如促銷某些產品)。

所以有了這些附加目標,我們應該以合理的信噪比為目標,而不是以絕對的方式排除所有“無關”的部分。

但是請注意,有些東西對所有用戶都是“嘈雜的” ,但不能滿足其他目的,例如,無聊的動畫會分散用戶的注意力和煩惱,或者巨大的圖像占用大量空間而又沒有傳達太多信息。留意任何不符合用戶目標或業務目標的因素,并考慮消除掉它們。

02 增加信噪比

為了提高信噪比,請從清晰的內容策略入手,以幫助我們確定要傳達的信息的優先級。

上圖中的項目符號并不能有效快速的幫助用戶區分各個部分。同時段落之間沒有留有更大的空白,并且在每個段落內的關鍵短語上也沒有使用粗體文本將有助于用戶找到其關注的內容

這個網站中的格式強調有效信息要比上圖好得多。每個項目符號周圍都有空白,主題句子放在每個段落的開頭,并以粗體顯示。請注意,可能對所有用戶都是噪音的廣告被保留在用戶期望的正確位置。

03 視覺層次

對于每個頁面,請考慮不同元素的重要性,然后使用反映這些元素相對重要性的可視層次結構,幫助您的用戶挑選出信號并跳過噪音。

換句話說,與大多數用戶高度相關的任何事物都應具有較高的視覺權重。

創建視覺層次結構的方法很多。例如:

  • 字體加粗加大
  • 改變 CTA 按鈕的顏色
  • 添加圖標
  • 增加按鈕大小

通常,重要元素應相對于其周圍的元素更大,更大膽或具有對比色。請記?。耗鷳撝斏魇褂眠@些技術。僅突出顯示重要信息,以確保頁面不會變得頭重腳輕。

上圖登錄頁面使用多種策略來傳達視覺層次:變化的顏色,大小和文本粗細。橙色用于最重要的元素(如 CTA按鈕),并且與頁面其余部分中使用的灰色和灰藍色形成強烈對比。此方法有助于幫助用戶快速識別對其最重要的頁面組件。

04 結論

高信噪比可以有效提升與用戶的交互效率,并使用戶的使用更加輕松。力求減少噪聲并使有用信息脫穎而出,同時平衡組織的優先級和目標。這樣,用戶可能會輕松找到所需的信息并完成任務。

 

本文譯自 NNGROUP.

原文作者:Xinyi Chen

原文鏈接:https://www.nngroup.com/articles/signal-noise-ratio/

本文由 @孟大偉 翻譯發布于人人都是產品經理,未經作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!