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

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

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

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

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

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

01 信息還是噪音？

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

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

聯(lián)合航空的主頁包含一些元素，在某些情況下可能會是信息，而在其他情況下可能會發(fā)出噪音。

聯(lián)合航空的主頁是一些不同任務的起點。例如：

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

對于想要預訂新航班的用戶，頁面中間藍色的 Book Travel 框?qū)⑹亲顝娏业男畔ⅰ磁c用戶最相關的部分。

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

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

• 聯(lián)合信用卡的廣告
• 底部的裝飾飛機
• 頁面右側(cè)的“ 網(wǎng)站反饋”鏈接

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

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

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

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

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

02 增加信噪比

為了提高信噪比，請從清晰的內(nèi)容策略入手，以幫助我們確定要傳達的信息的優(yōu)先級。

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

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

03 視覺層次

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

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

創(chuàng)建視覺層次結(jié)構(gòu)的方法很多。例如：

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

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

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

04 結(jié)論

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

本文譯自 NNGROUP.

原文作者：Xinyi Chen

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

本文由 @孟大偉 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來自Unsplash，基于CC0協(xié)議。