為什麼UX設計師需要學習AR的5個原因!(附自學資源彙總)

Wayne老摳摳UX設計師
老男孩玩設計
Published in
7 min readMay 4, 2022

1.因為,實體有形介面比例會愈來愈少

當人人都會只會網站和App的UI/UX 設計,供給市場只會愈來愈飽和擁擠,每個人手上掌握的稀缺性就不值錢。工作方面,每個設計師則像是流水線上的工人,遵循著各大科技公司的設計準則,按著制式的設計流程來完成。這使得設計的認知層面都還是在2D的畫面,缺少了更全面的考量,例如:多維視覺(陰影和光線)、環境聽覺、振動觸覺、身體動覺等等無形的介面。因此設計師的職涯考量莫過於要持續投資自我技能和學習新技術的藍海中。

2.它不再遙不可及

擴增實境(Augmented Reality)這項技術的問世至今已經20多年了,一直以來的應用多僅限於學術上的實驗,並沒有大規模的深入到一般消費者當中。然而,隨著寶可夢和谷歌AR地圖的出現,許許多多服務都漸漸走入到我們的日常當中。尤其,近期的元宇宙風潮下,又將這個技術帶到更高峰,與虛擬實境(Virtual Reality)相比之下,AR所需的開發和設計門檻低,使用者測試成本也少,更重要的是消費者不一定需要仰賴特定的穿戴裝置就可以嘗試全新的體驗,想像和應用的空間也越來越廣泛。

3.用戶並不會說他們要的是AR!

在產品設計的過程中,同理心一直以來都是第一步。所以對於設計師來說,就是要找到一個適合的場景來幫助使用者。尤其問題解決的方式有千百種,AR只是其中一環,那我們憑什麼需要這項技術來輔助?從本質來看,擴增實境就是同時顯示虛擬世界和現實世界的資訊,也就是說AR技術的優勢和特點在於能幫助使用者獲取更多資訊做出更好決策。智能產品設計一書更具體指出是針對幾個面向的內容增強:

  1. 空間穿透:透過三維的結構資訊與相應的真實環境,利用精準的空間註冊融合呈現,在視覺上能穿透現實空間環境來加強使用者對於環境的理解能力
  2. 時間折疊:透過關聯的歷史和實時的資訊來拓展現實環境時域上的維度,使得畫面上既能臨場回溯再現歷史、分析預測未來,也能自由地組合呈現不同時刻的資訊,讓使用者擁有先知先覺的能力。
  3. 知識疊加:自動識別環境中的實體對象,將其所關聯的資訊、知識或不同條件下的演化模擬結果實時地疊加到物件上,使得使用者能即時了解現實環境和事件所需的關鍵資訊和知識。

4.場景還沒有被應用完全

擴增實境原理和應用一書指出目前設計領域應用多集中於遊戲娛樂、廣告行銷、藝術展覽、教育學習、醫療訓練、工業製造、建築施工、個人顯示裝置等。許許多多潛在的市場應用正等待著被挖掘,甚至目前已經在線的產品也普遍出現體驗不佳和使用性上的問題,總總都是值得被設計師和新興技術來解決

OPPO的綜合功能應用

Google的即時翻譯應用

Alibaba高德汽車地圖應用

IKEA的產品行銷應用

5.因為,設計體系尚未成熟!

相較於過去的產品設計思維,大多都是以2D為主,並且不會同時存在虛擬和現實環境交錯,以及多個位置和多個顯示裝置的複雜情境下。因此設計上相對單純,然而若將AR的產品設計依照人機互動行為的輸出和輸入兩個層面展開來探討,能發現到一些多模式交互(Multimodal interaction)議題值得更深入去仔細設計。

輸出層面

AR的互動顯示效果會隨著空間和時間而有所改變,因此擺放的顯示位置至關重要,並且影響著真實和虛擬之間的交互體驗最簡單的方式莫過於以桌面為基準的水平表面上,除此之外還能:

頭部為參考基準

軀幹為參考基準

手部為參考基準

物件位置為參考基準

以手部為參考基準

除了能基於不同的參照位置觸發顯示外,更具體來說,大致會有三種不同的產品型態,這也是會影響消費者是否捨棄現有的設計方案,而願意去使用新服務的替換成本,其中包含:

穿戴式:如Google眼鏡

手持式:如IKEA家具透過手機展示

投影式:如高德汽車內置AR導航

穿戴式AR設備

輸入層面

在瀏覽網頁過程中,基本上的輸入行為,不外乎就是透過敲擊鍵盤和使用滑鼠點擊然而,在AR的世界是建構在虛擬和現實世界的多維空間中,因此有更多的交互方式能被有效利用,其中包含:

1.有形的實體介面

觸碰螢幕:如手機或平板螢幕

遙控器:如遊戲搖桿

2.無形的介面

手勢動作

語音聲控

投影觸碰

眼睛凝視

身體動作

投影觸碰

補充1:自學書籍

Augmented Reality: Principles and Practice

Practical Augmented Reality: A Guide to the Technologies, Applications, and Human Factors for AR and VR

UX for XR: User Experience Design and Strategies for Immersive Technologies

3D User Interfaces: Theory and Practice

Designing Immersive 3D Experiences: A Designer’s Guide to Creating Realistic 3D Experiences for Extended Reality

補充2:自學線上課程

University of Michigan User Experience & Interaction Design for AR/VR/MR/XR

Interaction Design Foundation How to Design for Augmented and Virtual Reality

補充3:設計準則

Google Design AR Guidelines

Apple iOS AR Design Guidelines

Baidu AR Mobile Phone Design Guidelines

Magic Leap Design Guidelines

Microsoft MR Design Guidelines

Mozilla MR Design Guidelines

Adobe XD AR Design Principles

補充4:團隊設計經驗分享

Tecent ISUX Design

Google Design

補充5:設計實務經驗分享

UX Guidelines for Augmented-Reality Shopping Tools

小結

新興技術的出現,往往能演伸出更多人機互動上的體驗議題,這也是令人興奮的。當然,在產品設計的過程中,也務必別為了更科技而設計,畢竟更直覺的設計,反正是那些簡單的應用。如果還有一些有趣的資源,也歡迎聯繫小弟,一起探索這未知的設計領域吧!

如果喜歡我的文章,歡迎[追蹤]或[贊助]小弟,陪你一起長大長肉🙏

如果喜歡這篇熱湯你可以:
20個拍手:X(台語) 根本就是才子
10個拍手:老摳摳 水喔~
5個拍手:哀額 不錯喔!
隨意拍:手有點卡,想動動而已(手殘XD)
0拍:希望我能再加強!GO~

--

--

Wayne老摳摳UX設計師
老男孩玩設計

Product Designer at Garmin with human factors expertise. Focus on HCI tech, such as AI, VUI, XR, and Multimodal UX. Founder: https://www.facebook.com/ErgonUX