AR和VR流行之前,設計師如何掌握「環境」對用戶體驗的影響

分類:實用技巧 時間:2017-07-30

鴻影:隨著 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. 《如何做出讓競爭對手難以復制的設計創新方案?》

【優設網 原創文章 投稿郵箱:[email protected]

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

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

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


Tags: 光照 環境 識別 用戶 已經 三極

文章來源:


ads
ads

相關文章
ads

相關文章

ad