在構(gòu)建一款產(chǎn)品時(shí)，設(shè)計(jì)師們可能會(huì)構(gòu)建非常多的功能和內(nèi)容，并且都以“重點(diǎn)信息”呈現(xiàn)，搶占用戶注意力，導(dǎo)致用戶無(wú)法聚焦。那如何改善用戶體驗(yàn)，避免用戶在處理任務(wù)時(shí)被“信息噪音”干擾呢？本文作者分享了“信息降噪”的方法，一起來(lái)看一下吧。

01 這個(gè)時(shí)代需要信息降噪

數(shù)字時(shí)代的發(fā)展，網(wǎng)絡(luò)技術(shù)建構(gòu)出了前所未有的自由傳播空間，用戶通過(guò)手機(jī)等電子產(chǎn)品可獲取更便捷的線上服務(wù)和即時(shí)的社交溝通，但同時(shí)這些來(lái)自于互聯(lián)網(wǎng)絡(luò)平臺(tái)的龐大信息正如“噪音”一樣給人們帶來(lái)了困擾和焦慮。

同樣的，在構(gòu)建一款產(chǎn)品時(shí)，設(shè)計(jì)師們可能會(huì)構(gòu)建非常多的功能和內(nèi)容，并且認(rèn)為都是用戶所需要的，導(dǎo)致頁(yè)面中的信息“事無(wú)大小”，全部以“重點(diǎn)信息”呈現(xiàn)，從而搶占用戶注意力，導(dǎo)致用戶無(wú)法聚焦。用戶需要投入過(guò)多的精力進(jìn)行信息篩選，造成非常低效的操作結(jié)果。

那如何改善用戶體驗(yàn)，避免用戶在處理任務(wù)時(shí)被“信息噪音”干擾呢？根據(jù)?？硕桑覀兛梢允褂脤I(yè)的產(chǎn)品設(shè)計(jì)方法來(lái)滿足“信息降噪”的需求，讓界面信息更聚焦，也更符合用戶的使用習(xí)慣，從而提升用戶使用產(chǎn)品的用戶體驗(yàn)感。

從產(chǎn)品設(shè)計(jì)方法出發(fā)，我們可以從兩個(gè)角度著手優(yōu)化：

1. 功能和內(nèi)容的設(shè)定；
2. 功能和內(nèi)容的表達(dá)呈現(xiàn)，包括人機(jī)交互設(shè)計(jì)和視覺(jué)呈現(xiàn)設(shè)計(jì)。

02 功能和內(nèi)容的設(shè)定

在進(jìn)行產(chǎn)品的功能和內(nèi)容設(shè)計(jì)時(shí)，應(yīng)以用戶體驗(yàn)為目標(biāo)進(jìn)行設(shè)定。相對(duì)業(yè)務(wù)目標(biāo)，我們更關(guān)心用戶的目標(biāo)和需求?，F(xiàn)代主義建筑大師密斯·凡德羅提出：Less Is More。在功能、內(nèi)容的設(shè)定方面，我們依然要遵循“少即是多”的原則。

我們可以通過(guò)科學(xué)嚴(yán)謹(jǐn)?shù)挠脩粞芯糠椒ǎ⒑透櫷晟朴脩舢?huà)像，精準(zhǔn)地定位目標(biāo)用戶；同時(shí)，通過(guò)“用戶故事”還原用戶的任務(wù)場(chǎng)景，深入洞察真實(shí)的用戶需求，為目標(biāo)用戶提供最有價(jià)值的功能和內(nèi)容。以 “iOS 15 專注模式”為例：

專注模式預(yù)設(shè)有四種：「勿擾模式、工作、睡眠、個(gè)人」，只需點(diǎn)擊個(gè)人或工作開(kāi)始啟用 iOS 15專注模式功能。除了預(yù)設(shè)的四種專注模式外，另外還可以點(diǎn)擊右上角「+」補(bǔ)充「健身、游戲、開(kāi)車(chē)、閱讀」情境模式，如果預(yù)設(shè)沒(méi)有想要的模式，也可以點(diǎn)「自訂專注模式」額外新增，設(shè)置一些個(gè)性化的參數(shù)。用戶能夠根據(jù)自己的使用需求，切換到合適的情境模式，像是健身、閱讀和游戲等，可以基于各類模式獨(dú)自設(shè)定通知靜音、重要通知、分享狀態(tài)或自動(dòng)開(kāi)啟。

03 人機(jī)交互設(shè)計(jì)

基于確定的功能和內(nèi)容，我們開(kāi)始設(shè)計(jì)產(chǎn)品與用戶的交互方式、內(nèi)容的呈現(xiàn)方式。首先，我們?cè)谠O(shè)計(jì)功能架構(gòu)和操作流程時(shí)，應(yīng)順應(yīng)現(xiàn)實(shí)，充分考慮用戶的真實(shí)場(chǎng)景，設(shè)計(jì)符合用戶心智的功能架構(gòu)與操作流程，讓用戶在使用產(chǎn)品過(guò)程中無(wú)需思考即可使用。

其次，應(yīng)以用戶目標(biāo)為導(dǎo)向進(jìn)行信息布局，在設(shè)計(jì)頁(yè)面的呈現(xiàn)時(shí)，需要率先平衡頁(yè)面內(nèi)的有效信息和輔助信息，讓界面呈現(xiàn)更聚焦于主題內(nèi)容，使信息結(jié)構(gòu)更加清晰具有層次，用戶可以逐步瀏覽，更“輕易”獲取有效信息。另外，如果在需要專注的任務(wù)場(chǎng)景下，例如觀影、會(huì)議等，我們可以通過(guò)建立“沉浸式”的場(chǎng)景氛圍，從推送優(yōu)先級(jí)的識(shí)別、結(jié)合用戶行為數(shù)據(jù)等方面進(jìn)行全方位的考量，對(duì)外充分降低外界干擾，對(duì)內(nèi)渲染場(chǎng)景氛圍，使用戶更具沉浸體驗(yàn)感。

以下圖中的“通知摘要”為例：

有不少偏娛樂(lè)向的 App 會(huì)給我們推送大量的通知，吸引我們注意。而通知摘要類似于一個(gè)小籃子，把App 推送的通知暫時(shí)收集起來(lái)，等到達(dá)一個(gè)特定時(shí)間時(shí)——休閑時(shí)間，再把籃子里的東西分門(mén)別類的展示在面前。通知摘要中有趣的設(shè)計(jì)點(diǎn)在于還可以「顯示下個(gè)摘要」，允許在推送時(shí)間之前看到慢慢攢起來(lái)的摘要，提前「劇透」籃子里的內(nèi)容。再看一下“主屏幕自定義”：

啟用某個(gè)專注模式下，可以讓 iPhone 桌面只要顯示該模式特定主畫(huà)面 APP 。預(yù)設(shè)會(huì)是關(guān)閉狀態(tài)，開(kāi)啟后就可以選擇要顯示哪個(gè) iOS 分頁(yè)。那么開(kāi)啟專注模式后，會(huì)發(fā)現(xiàn)就只會(huì)顯示剛選擇的頁(yè)面。其他好玩的功能：

• 隱藏通知標(biāo)記：會(huì)隱藏主畫(huà)面App通知標(biāo)記，能夠避免看見(jiàn)紅色通知標(biāo)記就會(huì)想要點(diǎn)開(kāi)消除，如果你有這種潔癖一定要打開(kāi)。
• 調(diào)暗鎖定畫(huà)面：會(huì)讓解鎖畫(huà)面背景變暗。
• 在鎖定屏幕顯示：不允許通知的App的所有通知會(huì)等到關(guān)閉專注模式才會(huì)全部顯示出來(lái)。

04 視覺(jué)呈現(xiàn)設(shè)計(jì)

對(duì)于工具型產(chǎn)品的視覺(jué)設(shè)計(jì)，應(yīng)服務(wù)于界面的人機(jī)交互。從頁(yè)面布局、圖標(biāo)、文字等角度突出重點(diǎn)信息，盡量減少無(wú)意義的視覺(jué)干擾。我們可以基于人類瀏覽的本能去建立無(wú)意識(shí)的視覺(jué)效果，通過(guò)顏色對(duì)比、線段明確的指示方向、大小對(duì)比、運(yùn)動(dòng)的形態(tài)來(lái)順應(yīng)人類的瀏覽模式，提高信息識(shí)別效率。在設(shè)計(jì)原則方面，應(yīng)遵循克制、有序的視覺(jué)設(shè)計(jì)原則，減少視覺(jué)干擾，避免過(guò)度設(shè)計(jì)造成的信息噪音。

通過(guò)建立合理邊界的設(shè)計(jì)規(guī)范，既保障了界面元素的統(tǒng)一性，同時(shí)又不失創(chuàng)新空間。

上圖中，這4個(gè)基礎(chǔ)特征，通過(guò)反差來(lái)增強(qiáng)核心信息的突出程度，輔助信息更好地傳遞給用戶。對(duì)于非娛樂(lè)類產(chǎn)品，更追求效率。通過(guò)顏色、線段方向、大小、運(yùn)動(dòng)等方式實(shí)現(xiàn)無(wú)意識(shí)的視覺(jué)效果，更順應(yīng)人類的瀏覽模式。界面視覺(jué)表現(xiàn)層面，有4種不需注意力介入便能輕易分辨的基本特征：

• 顏色：通過(guò)顏色對(duì)比突出重要信息
• 線段方向：明確的指示可以給用戶提供方向引導(dǎo)
• 大小：通過(guò)大、小對(duì)比區(qū)分主要信息和次要信息
• 運(yùn)動(dòng)：動(dòng)態(tài)效果吸引用戶注意力，強(qiáng)調(diào)主體

05 結(jié)語(yǔ)

面對(duì)日益增強(qiáng)的信息降噪體驗(yàn)需求，加強(qiáng)重點(diǎn)、減少信息“噪音”是保持信息干凈清晰，更好觸達(dá)用戶需求的保證。

作為界面設(shè)計(jì)師，不僅可以從人機(jī)交互設(shè)計(jì)和視覺(jué)呈現(xiàn)設(shè)計(jì)角度著手優(yōu)化產(chǎn)品。更加重要的是，我們還需要從更高的產(chǎn)品視角審查產(chǎn)品的功能、內(nèi)容的合理性和關(guān)聯(lián)關(guān)系，再進(jìn)行界面設(shè)計(jì)，最終達(dá)成符合用戶需求的產(chǎn)品。

思考的過(guò)程遠(yuǎn)比得到答案更加重要。作為優(yōu)秀的界面設(shè)計(jì)師，也應(yīng)該后退一步，從用戶的視角觀察問(wèn)題，看看我們能為用戶提供什么，使用?？硕蓙?lái)尊重用戶的時(shí)間，并確保高質(zhì)量的用戶體驗(yàn)。