界面設計的簡捷化趨勢——信息降噪

1 評論 5103 瀏覽 26 收藏 10 分鐘

在構建一款產品時,設計師們可能會構建非常多的功能和內容,并且都以“重點信息”呈現,搶占用戶注意力,導致用戶無法聚焦。那如何改善用戶體驗,避免用戶在處理任務時被“信息噪音”干擾呢?本文作者分享了“信息降噪”的方法,一起來看一下吧。

01 這個時代需要信息降噪

數字時代的發展,網絡技術建構出了前所未有的自由傳播空間,用戶通過手機等電子產品可獲取更便捷的線上服務和即時的社交溝通,但同時這些來自于互聯網絡平臺的龐大信息正如“噪音”一樣給人們帶來了困擾和焦慮。

同樣的,在構建一款產品時,設計師們可能會構建非常多的功能和內容,并且認為都是用戶所需要的,導致頁面中的信息“事無大小”,全部以“重點信息”呈現,從而搶占用戶注意力,導致用戶無法聚焦。用戶需要投入過多的精力進行信息篩選,造成非常低效的操作結果。

那如何改善用戶體驗,避免用戶在處理任務時被“信息噪音”干擾呢?根據??硕?,我們可以使用專業的產品設計方法來滿足“信息降噪”的需求,讓界面信息更聚焦,也更符合用戶的使用習慣,從而提升用戶使用產品的用戶體驗感。

從產品設計方法出發,我們可以從兩個角度著手優化:

  1. 功能和內容的設定;
  2. 功能和內容的表達呈現,包括人機交互設計和視覺呈現設計。

02 功能和內容的設定

在進行產品的功能和內容設計時,應以用戶體驗為目標進行設定。相對業務目標,我們更關心用戶的目標和需求?,F代主義建筑大師密斯·凡德羅提出:Less Is More。在功能、內容的設定方面,我們依然要遵循“少即是多”的原則。

我們可以通過科學嚴謹的用戶研究方法,建立和跟蹤完善用戶畫像,精準地定位目標用戶;同時,通過“用戶故事”還原用戶的任務場景,深入洞察真實的用戶需求,為目標用戶提供最有價值的功能和內容。以 “iOS 15 專注模式”為例:

專注模式預設有四種:「勿擾模式、工作、睡眠、個人」,只需點擊個人或工作開始啟用 iOS 15專注模式功能。除了預設的四種專注模式外,另外還可以點擊右上角「+」補充「健身、游戲、開車、閱讀」情境模式,如果預設沒有想要的模式,也可以點「自訂專注模式」額外新增,設置一些個性化的參數。用戶能夠根據自己的使用需求,切換到合適的情境模式,像是健身、閱讀和游戲等,可以基于各類模式獨自設定通知靜音、重要通知、分享狀態或自動開啟。

03 人機交互設計

基于確定的功能和內容,我們開始設計產品與用戶的交互方式、內容的呈現方式。首先,我們在設計功能架構和操作流程時,應順應現實,充分考慮用戶的真實場景,設計符合用戶心智的功能架構與操作流程,讓用戶在使用產品過程中無需思考即可使用。

其次,應以用戶目標為導向進行信息布局,在設計頁面的呈現時,需要率先平衡頁面內的有效信息和輔助信息,讓界面呈現更聚焦于主題內容,使信息結構更加清晰具有層次,用戶可以逐步瀏覽,更“輕易”獲取有效信息。另外,如果在需要專注的任務場景下,例如觀影、會議等,我們可以通過建立“沉浸式”的場景氛圍,從推送優先級的識別、結合用戶行為數據等方面進行全方位的考量,對外充分降低外界干擾,對內渲染場景氛圍,使用戶更具沉浸體驗感。

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

界面設計的簡捷化趨勢——信息降噪

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

啟用某個專注模式下,可以讓 iPhone 桌面只要顯示該模式特定主畫面 APP 。預設會是關閉狀態,開啟后就可以選擇要顯示哪個 iOS 分頁。那么開啟專注模式后,會發現就只會顯示剛選擇的頁面。其他好玩的功能:

  • 隱藏通知標記:會隱藏主畫面App通知標記,能夠避免看見紅色通知標記就會想要點開消除,如果你有這種潔癖一定要打開。
  • 調暗鎖定畫面:會讓解鎖畫面背景變暗。
  • 在鎖定屏幕顯示:不允許通知的App的所有通知會等到關閉專注模式才會全部顯示出來。

04 視覺呈現設計

對于工具型產品的視覺設計,應服務于界面的人機交互。從頁面布局、圖標、文字等角度突出重點信息,盡量減少無意義的視覺干擾。我們可以基于人類瀏覽的本能去建立無意識的視覺效果,通過顏色對比、線段明確的指示方向、大小對比、運動的形態來順應人類的瀏覽模式,提高信息識別效率。在設計原則方面,應遵循克制、有序的視覺設計原則,減少視覺干擾,避免過度設計造成的信息噪音。

通過建立合理邊界的設計規范,既保障了界面元素的統一性,同時又不失創新空間。

界面設計的簡捷化趨勢——信息降噪

上圖中,這4個基礎特征,通過反差來增強核心信息的突出程度,輔助信息更好地傳遞給用戶。對于非娛樂類產品,更追求效率。通過顏色、線段方向、大小、運動等方式實現無意識的視覺效果,更順應人類的瀏覽模式。界面視覺表現層面,有4種不需注意力介入便能輕易分辨的基本特征:

  • 顏色:通過顏色對比突出重要信息
  • 線段方向:明確的指示可以給用戶提供方向引導
  • 大小:通過大、小對比區分主要信息和次要信息
  • 運動:動態效果吸引用戶注意力,強調主體

05 結語

面對日益增強的信息降噪體驗需求,加強重點、減少信息“噪音”是保持信息干凈清晰,更好觸達用戶需求的保證。

作為界面設計師,不僅可以從人機交互設計和視覺呈現設計角度著手優化產品。更加重要的是,我們還需要從更高的產品視角審查產品的功能、內容的合理性和關聯關系,再進行界面設計,最終達成符合用戶需求的產品。

思考的過程遠比得到答案更加重要。作為優秀的界面設計師,也應該后退一步,從用戶的視角觀察問題,看看我們能為用戶提供什么,使用??硕蓙碜鹬赜脩舻臅r間,并確保高質量的用戶體驗。

來源公眾號:伊颯爾UXD學院,專注用戶研究和用戶體驗設計

本文由人人都是產品經理合作媒體 @伊颯爾UXD 授權發布,未經許可,禁止轉載。

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

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 關注“用戶體驗大學堂”,了解更多用戶體驗設計相關內容

    來自河南 回復