產(chǎn)品設(shè)計(jì)中的信噪比

0 評(píng)論 5438 瀏覽 11 收藏 8 分鐘

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

我們每天都會(huì)遇到并處理大量信息??紤]一下你今天遇到的所有信息——其中有多少與你實(shí)際相關(guān)并且對(duì)你有用。

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

信噪比:在人機(jī)交互中,信噪比表示通訊過程中相關(guān)信息與無關(guān)信息的比率。

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

為了提高通過我們的設(shè)計(jì)傳達(dá)信息的效率并幫助用戶完成任務(wù),我們希望獲得較高的信噪比。

01 信息還是噪音?

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

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

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

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

  • 預(yù)訂航班
  • 辦理預(yù)訂航班
  • 查找有關(guān)預(yù)定航班的詳細(xì)信息

對(duì)于想要預(yù)訂新航班的用戶,頁面中間藍(lán)色的 Book Travel 框?qū)⑹亲顝?qiáng)烈的信息——即與用戶最相關(guān)的部分。

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

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

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

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

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

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

所以有了這些附加目標(biāo),我們應(yīng)該以合理的信噪比為目標(biāo),而不是以絕對(duì)的方式排除所有“無關(guān)”的部分。

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

02 增加信噪比

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

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

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

03 視覺層次

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

換句話說,與大多數(shù)用戶高度相關(guān)的任何事物都應(yīng)具有較高的視覺權(quán)重。

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

  • 字體加粗加大
  • 改變 CTA 按鈕的顏色
  • 添加圖標(biāo)
  • 增加按鈕大小

通常,重要元素應(yīng)相對(duì)于其周圍的元素更大,更大膽或具有對(duì)比色。請(qǐng)記住:您應(yīng)該謹(jǐn)慎使用這些技術(shù)。僅突出顯示重要信息,以確保頁面不會(huì)變得頭重腳輕。

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

04 結(jié)論

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

 

本文譯自 NNGROUP.

原文作者:Xinyi Chen

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

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒評(píng)論,等你發(fā)揮!