鴻影：隨著 AR/VR/MR 大潮來臨，傳感器等技術的不斷發展，「環境」已經逐漸成為 UX 設計師在「人」與「設備」之外重點關注的第三極。

最近在閱讀 Mixed Reality（Hololens）Design 的官方指南文檔，其中反復強調了環境的重要性。隨著 AR/VR/MR 大潮來臨，傳感器等技術的不斷發展，「環境」已經逐漸成為 UX 設計師在「人」與「設備」之外重點關注的第三極。而即使是在已經相對成熟的 PC 和移動互聯網設計領域，「環境」也是我們在分析和還原用戶場景時多多少少需要考慮的。

光照 Light

基于場景光照考量的設計在資訊、閱讀類的應用里已經有了不少典型，比如屏幕亮度調節、夜間模式等，給用戶帶來更好的瀏覽閱讀體驗。

△ ?多看閱讀

在拍照、攝像等相關的應用里，思考光照的影響也同樣重要，尤其是涉及到對拍攝對象的識別時。對于后置攝像頭，一個例子是微信的掃碼功能，如果用戶操作過程中周邊環境過暗，無法準確地識別二維碼信息，屏幕上會出現「輕觸照亮」的提示，引導用戶打開閃光燈；而對于前置攝像頭，開啟閃光燈的意義則不大，這里我比較喜歡支付寶在人臉識別功能里所做的，用大塊白色背景作為屏幕反光，提高弱光場景下的識別效率。

△ 左：微信掃碼；右：支付寶人臉識別

而在 AR/MR 應用設計中，光照的重要性還會進一步提升，在設計元素的色彩、形態、光影關系時，都需要考慮如何在所處的背景環境光照中突出重點、保證清晰的識別度、顯得協調而非過于突兀等。

姿態 Posture

Mixed Reality Design 里的交互基礎章節里，提到了 4 個在設計時需要自問的問題：

• 用戶在使用過程中是否坐著、斜靠、站立或者行走？
• 你的內容如何適應不同的位置？
• 用戶能適應它嗎？
• 用戶在用你的應用時感到舒適嗎？

對用戶使用產品過程中的姿態考慮不夠周全的話，可能會引發輕則疲勞、重則安全等問題。一個例子是導航類的 App，用戶一邊行走一邊瀏覽路線算是比較常見的場景，但過于專注在屏幕內容上而忽視周邊的話，會產生一些潛在的危險，需要不斷在屏幕與真實環境之間切換視線。這里一個叫「隨便走」的 App 處理得不錯，把導航和實景相結合，既能一目了然地感知前往目的地的路線，也可以通過開啟攝像頭的屏幕隨時感知周邊環境動態。

△ 隨便走

Mixed Reality Design 也提到了不少 MR 設計中的注意事項，比如當用戶在虛擬空間里移動的距離超過真實空間限制后，使用虛擬動畫來表現移動；注意元素和用戶的距離與角度關系，讓頭部轉動角度控制在舒適范圍內；等等。

此外，我想隨著設計對象逐漸突破屏幕的界限，傳統工業設計中的人機工程學知識也會有更多應用空間，以幫助用戶更舒適地使用產品。

聲音 Voice

近年來各類語音助手、智能音箱紛紛涌現，語音交互設計領域也受到了比以往更多的關注，除了語音對話腳本之外，對話環境中的噪音影響也需要關注。

Mixed Reality Design 里在 Voice Design 的注意事項里提到了一條：確保命令是非破壞性的——任何通過語音指令發起的行為，都應該是非破壞性、容易撤銷的，以防用戶旁邊的其他人無意間說話觸發命令。

降噪處理也是一種常見思路，比如最近發布的天貓精靈用到的聲紋識別技術，可以根據聲音識別出不同的使用者，保證用戶使用的安全性和私密性。

△ 天貓精靈

另一個例子是移動 App 中常見的語音錄入交互模式選擇：通過用戶結束長按/手動點擊結束/停止說話超過 X 秒來判斷當前對話是否結束。其中前兩個通過用戶手動控制錄入進程的方式，相比機器判斷，要更利于在嘈雜環境中避免噪音帶來的干擾。

時間 Time

時間作為重點環境因素考慮的典型案例是通知推送的設計，比如盡量避免在夜深人靜時給用戶帶來干擾，又比如分析后臺的用戶活躍時間數據，挑選合適時間段進行推送，最大化通知影響面。

另一個例子是辦公類應用，在用戶深夜或者周末打開時主動安慰「加班辛苦」等，給用戶更好的情感體驗。

當然，環境的構成因素還有很多，比如天氣（餓了么 App 里外賣小哥配送時的天氣狀態動畫算一個不錯的應用案例，詳情鏈接）、網絡（各種網絡異常狀態的處理，這個網上已經有很多總結分析，就不贅述了）、人群（公眾場合中考慮用戶可能存在的怕尷尬心理，慎用一些交互模式比如語音）……就不再一一展開了。

總結

過去雖然也思考過一些環境因素對設計方案的影響，但總覺得相對有些錦上添花、無足輕重（尤其對于傳統的 PC 端產品設計），不過正如前文所提，隨著技術的發展、設計對象不再局限于屏幕，環境的影響會變得越來越重要，我們也應該做更多未雨綢繆的研究和準備，給用戶帶來更高效自然、舒適貼心的使用體驗。

參考資料：https://developer.microsoft.com/en-us/windows/mixed-reality/design

歡迎關注阿里CCOUX團隊的微信公眾號：

「如何做出打動人心的設計」

1. 《進階好文！如何從3個層面做出打動人心的設計？》
2. 《如何做出讓競爭對手難以復制的設計創新方案？》

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優優教程網： UiiiUiii.com 是優設旗下優質中文教程網站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章，按照我們的專欄一步步學習，一定可以迅速上手并制作出酷炫的視覺效果。

設計導航：國內人氣最高的設計網址導航，設計師必備：http://hao.uisdc.com