第一次走進MR世界就上手

Johnny Wu
UX Pacer
Published in
7 min readJun 27, 2019

--

不知道大家是否有注意到上週的新聞,Magic Leap控告前員工的公司竊取他們的技術,仿照了一款輕量級的MR眼鏡。正好之前參加過他們辦的meetup,因此想跟大家聊聊這個時下正夯的科技有哪些設計法則及技能。

VR/ AR/ XR/MR/Magic Leap是什麼

VR (Virtual Reality),虛擬實境,主要是透過頭戴式顯示器將使用者帶入虛擬世界,例如1999年的駭客任務和去年上映的 Ready Player One。
目前在做VR headset的有:HTC Vive、 Oculus Rift、Valve index 、Google day dream。

AR (Augmented Reality),擴增實境,是一種將虛擬資訊投射到現實空間的技術,最常見的裝置就是人手一支的手機,如之前很夯的手遊寶可夢,讓神奇寶貝與周遭環境得以重疊在同一個空間。

XR/MR (Mixed reality) 混合實境, 是介於AR和VR間的綜合狀態,將虛擬資訊融入到現實空間。以寶可夢例子來說,如果是Mixed reality,那手機裡的神奇寶貝便會隨著環境的不同,改變它的配色,並融入現實世界所存在的物件。

Magic Leap是間致力於開發混合實境(MR)的公司,於2011年由Rony Abovitz創立,在短短的5年內就獲得數來自各大企業(Google、阿里巴巴)的投資,目前市值高達45億美金,主要產品是一款頭戴式裝置:Magic Leap One。

MR的4大法則

  1. Purposeful–Just because we can, doesn’t mean we should

MR相較於其他科技產品,是直接將影像內容投射至使用者的眼睛,這種互動更具有直接性和私人性,因此在視野內的每一個物件都必須有其存在目的,而避免使用者遭受過度地資訊轟炸。Ex. Keiichi Matsuda hyperreality

同時,每一種互動模式都有它的特點,例如Tom cruise的Minority report,用手勢作為主要的input method是不可行的,還需要考慮是否符合人體工學,否則長時間下來極可能造成肌肉過度疲勞。

Keiichi Matsuda hyperreality (left)/ Tom Cruise Minority Report (right)

MR的優勢是3-dimension,透過立體物件的堆疊,進而創造出更清晰的視覺層級和對比,同時讓使用者專注在當前的畫面。

2. Contextual mix with the reality

作為一個設計師,你對玩家的環境完全沒有控制權,玩家有可能在一個日本的辦公室或是美國的創業空間使用XR,這些國家對空間大小的定義不同,因此設計師所創造的物件必須符合不同文化的需求。此外,以使用者為中心來創造這些有趣的內容時,也要拿捏好familar和innovative的界線,這些物件不能太科幻化,需要保持一點soft flowing和safe。

3. Find the key moment of wonder

絕大多數的玩家沒有虛擬實境的經驗,因此他們的“第一次”就顯得特別重要,你必須讓玩家對你的產品感到驚艷。例如:在初始登入畫面中,可以設計一些有趣的icon和訊息,使產品更加地playful和fun。

Landing Screen (left)/ Error Message (Right)

4. Clear-There’s real magic in simplicity

MR也具備一個優先的數位產品該有的特質,平面設計的原則,連結系統與真實世界、一致性和標準化等等。

Ex. Magic leap較特別的部分在於光投射的方式會影響字體的呈現,為了保持一致性,字體間的空間需拉大且增加字重。

Font Design (left)/ Responsive Font (right)

此次演講所提到的四大法則與Magic Leap One的documentation中的設計宗旨:Design for Comfort相互呼應。

Design for Comfort的三大design considerations:

  1. Respect users’ environments and limit cognitive load
  2. Avoid physically challenging input
  3. Ensure users can view content comfortably with enough contrast and without strobing or harsh animations

其中有細分為四個大塊:

Design for Magic Leap (XR的設計準則)
User Experience (XR的互動方式)
Art & Animation (XR的動畫)
Sound Design (XR的聲音設計)

(https://creator.magicleap.com/learn/guides/design-comfort)

講了那麼多概念和科幻片的例子,大家一定很好奇在Magic Leap工作需要哪些技能呢?

Magic Leap的UX Team大約有30+人,主要分為6大類 :

  1. UI/UX Designers
  2. Visual Designer
  3. HCI
  4. Architects
  5. Prototypers
  6. 3D Artists

其中又可以分成8大技能

  1. Visual Mockup
    Adobe PS, AI, 3D Max
  2. UI Mockup
    Adobe PS, AI, Sketch, Cinema 4D
  3. 2D Editing Animation
    Adobe Ae, PR, Cinema 4D
  4. 3D Animation
    Maya, 3D Max, Cinema 4D, Adobe Ae
  5. 2D Tracking/ Integration
    Adobe Ae
  6. 3D Matchmoving
    PFTrack, Bougou, Maya, 3D Max
  7. Prototyping
    Unreal Engine, Unity,
  8. Realtime 3D modeling/Render
    Maya, ZBrush, Unreal Engine, Unity
講者的圖

小結

老實說,就算是在GT,著重於AR/VR/MR設計的課程也真的不多,這次的演講讓我大開眼界,看到許多有趣的概念及以前沒有接觸過的軟體,我想這就是UX令人著迷的地方吧,永遠有著學海無涯的知識,同時也歡迎不同領域的人們,一起打造以人為中心的科技產品。

--

--