Apple Vision Pro設計解析(第二集)-操作模式

閱讀時間約 6 分鐘

前言

如果你閱讀完本系列的第一篇文章,必定會對於Apple Vision Pro的產品更感興趣。本篇文章中,我們將介紹在空間性設計中,是怎麼樣進行互動的。

Design for spatial input

空間性設計的操作,除了用手以外,來多了眼睛作為操作工具。另外聲音(語音)也會是一個操作媒介。當然,使用者也可以結合搖桿來玩遊戲。不過在多數狀況下,空間性設計將會以眼(Eyes)手(Hands)為操作主角。
依照慣例,我們先為大家整理出本集的主題架構:
空間性設計的操作行為,很清楚的有以下三個特性:
Personal(個人化)
Comfortable(舒適)
Precise(精確)
每個人的眼球運動與手勢動作,都會有自己的獨特性,Vision Pro的硬體將會根據使用者獨特的眼手動作進行行為追蹤與操作校正。當然,舒適且精確的操作,也會是空間性設計的特性。

眼球操作中,我們將針對以下幾項重點進行說明:
Comfortable(舒適性)
雖然在空間性設計中,空間是非常寬廣的,但大多時候使用者在瀏覽時,頭部大多是停留在正前方的位置。因此在設計畫面的寬度,儘量集中於前方30度至60度的範圍。
而次要的操作介面,則可以安置在圍繞最適瀏覽範圍的附近
除了最適瀏覽範圍,將主要與次要的介面安置在不同景深的位置,也能夠幫助使用者輕鬆且舒服的理解操作介面的部署。
Easy to use(簡易操作)
為了讓眼睛簡易的辨識與操作介面,在icon設計上就必須以簡單為主,壁面太過複雜的icon繪製。
在icon的外緣,也儘量以圓潤的線條進行包覆,因為如果選擇尖銳的線條,視覺焦點會放在外緣,而不在icon線條本身。同時外緣的設計,也必須避免增加額外的邊緣或者增加陰影,這些額外的設計都會讓眼睛操作時失焦。
在icon設計上,切記整體間距加上尺寸總和範圍不應小於 60 pt(注)
(注):pt=Point=點,1pt=1/72 英吋。
當我們已經瞭解了目標區域對眼睛的重要性之後,接下來,我們必須確保將目標區域保持在空間中的任何位置。這裡會涉及到介面的縮放。在空間性設計中,分別有動態比例(Dynamic scale)以及固定比例(Fixed scale)兩種。在動態比例的狀態下,介面如果距離使用者越遠,在真實空間中會自行的放大,讓使用者在遠距離下依舊能夠清晰地看到介面內容。如果採取固定比例,則介面遠離使用者時,真實介面比例式維持不變的,因此對使用者而言,看到的介面會變得比原來還要小。
Responsive(響應式)
在空間性設計中,眼球的移動即象徵著滑鼠游標移動,因此在空間性設計上,必須做出研究移動位置的響應式介面提示。
Intentional(意圖性)
為了更清楚地利用眼睛來進行操作識別,在空間性設計上,會把眼球停滯在特定焦點的時間作為意圖考量。例如當眼球集中於某一個特定icon打一定時間時,icon下方會出現icon的說明提示,而當眼球聚焦在麥克風icon上,即會啟動語音輸入功能,或者是眼球停滯在某一排icon排列區時,此排icon會展開呈現出所代表的功能說明。
Conclusions(結論)
以上介紹了眼球相關的操作原則,下面為重點整理:
將主要內容設計在使用者前方
設計出容易引起眼球注意的UI元素
重視眼球的最小專注區域
運用hover效果來提供操作回饋
根據眼球停滯意圖來呈現額外的資訊

Hand gestures(手勢)
手勢的操作,是空間性設計操作的重大環節,必須運用不同的手勢來達成個別的操作目的。例如單手雙指的捏合,象徵著對物件的點擊。而雙手搭配雙指捏合,並且進行雙手的靠近及遠離,則可以實現元件的縮效與放大。
雖然在空間性設計系統中,已經內建了許多手勢操作,但仍然會有其他的特殊狀況,會需要設計客製化的手勢,以下為設計客製化手勢的幾項原則:
易於理解與操作
避免與系統既有手勢產生衝突
操作舒適與可靠
人人皆可使用
明確無誤、不含糊
Eyes and intent(眼睛與專注點)
眼球與手勢的搭配,能夠更彈性的進行更多更複雜的功能操作。以圖片瀏覽為例,當使用者眼球專注於照片中某一個區域時,同時進行縮放手勢的操作,此刻照片會特別針對視覺焦點區域進行縮放。
另一個例子,眼球停滯在不同區域時,可以利用手勢在當下注視的區域進行文字書寫或者繪圖。
Direct touch(直接觸摸)
除了遠程操作,使用者也可以將介面拉近,執行更直覺的操作行為,例如把瀏覽器拉近,用手指以類似觸控螢幕的操作方式滑動網頁,或者是呼叫出虛擬鍵盤進行打字,也能夠把3D物件如同玩具般拉近、轉動、縮放。
如同眼球的操作方式,手勢的操作也可以結合hover的提示,例如鍵盤打字時,手指頭指向的位置,可以使用明亮化的UI進行位置提示,而指頭點擊後則可產生出敲擊的視覺效果,當然如果搭配上敲擊的聲音,就會讓整體的操作更加真實。
Conclusions(結論)
以上介紹了手部相關的操作原則,下面為重點整理:
使用熟悉的手勢語言
只在必要時客製化手勢
配眼球焦點進行互動
在適當的狀態下進行直接性操作
在互動操作時提供清楚的操作回饋

結語

透過這一集的解讀,讓我們更深入的了解到如何操作Vision Pro,對照目前的介面操作,在空間性設計平台中,眼球的任務取代了滑鼠,而雙手除了刷螢幕和打鍵盤以外,還要會比手勢(划拳?),相信未來的世界會更加有趣。

附註

關於Apple Vision Pro的其他設計重點介紹與更多數位設計相關文章,歡迎至ABLE部落格(https://blog.able.cool)閱讀與分享!
679會員
20Content count
Able Studio 以人為本,相信設計應該是人們使用的,而不是為設計而設計的,因此我們致力於創造美觀、易用、有意義的設計。我們希望能透過文章的分享,讓更多人認識到 UI/UX 的重要性,你的閱讀對我們來說將會是最大的支持。
留言0
查看全部
發表第一個留言支持創作者!
ABLE 的沙龍 的其他內容
睽違8年,2023 年 6 月 5 日的WWDC蘋果開發者大會上,Tim Cook再次啟動了one more thing,這次介紹的產品為Apple Vision Pro — Apple 第一部空間運算設備。 在當天的Keynote speech中,Apple用了40分鐘來介紹Vision Pro
How people perceive information has improved with the common usage of Internet under the rapid development in the digital age. People read and get inf
隨著網路的普及,數位時代的快速演進,人們接收資訊的方式也逐漸的在改變,不再是從實體的報章雜誌或是一張張的廣告傳單,而是手中小小的螢幕。根據2022年統計,現代人平均每日螢幕時間是6小時58分鐘,而年輕人的螢幕使用時間更是高達9個小時,社交、購物、學習,大概一天有三分之一的時間都在使用數位產品,網路已
I find the color way too light, we need to adjust it. Ok, no problem. So we find the components fit the design and adjust it manually over and over ag
UI design has brought us into a whole new stage as Vector Graphics Editors, VGE tools like Sketch(2010), Adobe XD(2016), and Figma(2016) were introduc
Charts is a common way to address information, it can articulately convey complicated information which cannot be illustrated by words, helping users
睽違8年,2023 年 6 月 5 日的WWDC蘋果開發者大會上,Tim Cook再次啟動了one more thing,這次介紹的產品為Apple Vision Pro — Apple 第一部空間運算設備。 在當天的Keynote speech中,Apple用了40分鐘來介紹Vision Pro
How people perceive information has improved with the common usage of Internet under the rapid development in the digital age. People read and get inf
隨著網路的普及,數位時代的快速演進,人們接收資訊的方式也逐漸的在改變,不再是從實體的報章雜誌或是一張張的廣告傳單,而是手中小小的螢幕。根據2022年統計,現代人平均每日螢幕時間是6小時58分鐘,而年輕人的螢幕使用時間更是高達9個小時,社交、購物、學習,大概一天有三分之一的時間都在使用數位產品,網路已
I find the color way too light, we need to adjust it. Ok, no problem. So we find the components fit the design and adjust it manually over and over ag
UI design has brought us into a whole new stage as Vector Graphics Editors, VGE tools like Sketch(2010), Adobe XD(2016), and Figma(2016) were introduc
Charts is a common way to address information, it can articulately convey complicated information which cannot be illustrated by words, helping users
你可能也想看
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
Apple Vision Pro:VR生活的全新開端 Apple Vision Pro ──蘋果推出的全新 VR 頭戴式裝置──不僅以其前沿技術重新定義了虛擬與擴增現實體驗,更以多元化應用打開了使用者探索新世界的大門。從個人電影院、專業工作到冥想空間,提供了享受生活的嶄新方式。
Thumbnail
這部電影唯一不完美的仍然是那個「先知」的設定(以及些許看起來前後順序很燒腦難懂,但過於拐彎抹角的邏輯設定)但那個年代能以這樣的方式,預視、警示性地將未來世界數據運算的危險先行地創作出來,也真的算是非常精采也經典的作品了!
Thumbnail
蘋果公司首推的Vision Pro已在美國正式上市並且預購是完售的狀態,連出貨時間都延長至7週,許多果粉很期待開箱Vision Pro以及他的使用感受,在使用前讓本篇帶你了解Apple Vision Pro的規格及優缺點有哪些吧! Apple Vision Pro商品資訊 蘋果推出首款頭戴裝置 
Thumbnail
蘋果公司近期推出Apple Vision Pro混合實境的頭戴式裝置,此產品除了可以讓你有身歷其境的感覺外,就連Apple Vision Pro近視的用戶也可以使用,只要在預購時一同加購蔡司鏡片即可方便近視用戶使用其產品。 Apple Vision Pro近視可以戴? Apple Vision
Thumbnail
大家一直在傳的Apple VR裝置這次真的來拉!他們推出的首款頭戴式裝置「Vision Pro」要正式開賣啦!文將為你介紹它的上市時間、價格以及功能,一起往下看吧!
Thumbnail
目前蘋果的這個產品品項就跟當初的摺疊手機一樣 需要"習慣"才會有需求大爆發 還需要一點時間測試市場的"習慣需求" 2021第四季我們就開始注意三星的摺疊手機開始大力推舉,尤其就是韓劇 今年更確定智慧型手機一定會衰退,因為景氣藍燈節奏在去年已經確認 但是唯獨摺疊手機成長太容易了,因為市佔率很
Thumbnail
或許,真正的靈魂拷問是 - 我們該問問自己,我們想要活在怎麼樣的未來?是一個每個人都戴著 MR 眼鏡,眼前有各式各樣視窗與虛擬物件的未來。還是一個我們躺在沙灘上曬太陽喝著可樂看著美景,然後有什麼運算需求就跟 AI 助理講一聲就全部搞定的未來?
Thumbnail
期的科技巨頭解碼,將會用問題與回答的方式,來跟大家聊聊 Apple Vision Pro 以及未來這場關於 MR 眼鏡的商業大戰。我將列出環繞於 Apple Vision Pro 的六大問題,並且深入探討這六個問題的可能答案.....
Thumbnail
Apple 在 2023 年的全球開發者大會(WWDC 2023)上,展示了其最新的 AI 技術和產品邏輯,並將重點放在機器學習而非明確提及 AI。其中,最引人注目的是其首款 MR(混合實境)頭戴式設備 Vision Pro。本文將為您介紹這些發表會的重點內容,讓您快速了解 Apple 的創新與未來
Thumbnail
Apple推出Vision pro後更是時常被與Meta的元宇宙進行比較,雖然Apple在產品介紹時隻字未提"元宇宙"這三個字,取而代之的是空間運算器? 不論名詞如何替換,強大的技術已加速與強化虛實之間的連結,讓遙不可及得未來似乎已經到來,而本篇想要分享的議題是:元宇宙技術如何應用於工廠自動化之中。
Thumbnail
1.加權指數與櫃買指數 週五的加權指數在非農就業數據開出來後,雖稍微低於預期,但指數仍向上噴出,在美股開盤後於21500形成一個爆量假突破後急轉直下,就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後,週二或週三開始有無買單進場支撐,在沒有明確的反轉訊號形成前,小夥伴盡量不要貿然抄底,或是追空
Thumbnail
重點摘要: 1.9 月降息 2 碼、進一步暗示年內還有 50 bp 降息 2.SEP 上修失業率預期,但快速的降息速率將有助失業率觸頂 3.未來幾個月經濟數據將繼續轉弱,經濟復甦的時點或是 1Q25 季底附近
Thumbnail
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎? 新版式整體視覺上「更加凸顯圖片」,為了搭配這次的更新,我們推出首次貼文策展 ❤️ 使用貼文功能並完成這次的指定任務,還有機會獲得富士即可拍,讓你的美好回憶都可以用即可拍珍藏!
Thumbnail
Apple Vision Pro:VR生活的全新開端 Apple Vision Pro ──蘋果推出的全新 VR 頭戴式裝置──不僅以其前沿技術重新定義了虛擬與擴增現實體驗,更以多元化應用打開了使用者探索新世界的大門。從個人電影院、專業工作到冥想空間,提供了享受生活的嶄新方式。
Thumbnail
這部電影唯一不完美的仍然是那個「先知」的設定(以及些許看起來前後順序很燒腦難懂,但過於拐彎抹角的邏輯設定)但那個年代能以這樣的方式,預視、警示性地將未來世界數據運算的危險先行地創作出來,也真的算是非常精采也經典的作品了!
Thumbnail
蘋果公司首推的Vision Pro已在美國正式上市並且預購是完售的狀態,連出貨時間都延長至7週,許多果粉很期待開箱Vision Pro以及他的使用感受,在使用前讓本篇帶你了解Apple Vision Pro的規格及優缺點有哪些吧! Apple Vision Pro商品資訊 蘋果推出首款頭戴裝置 
Thumbnail
蘋果公司近期推出Apple Vision Pro混合實境的頭戴式裝置,此產品除了可以讓你有身歷其境的感覺外,就連Apple Vision Pro近視的用戶也可以使用,只要在預購時一同加購蔡司鏡片即可方便近視用戶使用其產品。 Apple Vision Pro近視可以戴? Apple Vision
Thumbnail
大家一直在傳的Apple VR裝置這次真的來拉!他們推出的首款頭戴式裝置「Vision Pro」要正式開賣啦!文將為你介紹它的上市時間、價格以及功能,一起往下看吧!
Thumbnail
目前蘋果的這個產品品項就跟當初的摺疊手機一樣 需要"習慣"才會有需求大爆發 還需要一點時間測試市場的"習慣需求" 2021第四季我們就開始注意三星的摺疊手機開始大力推舉,尤其就是韓劇 今年更確定智慧型手機一定會衰退,因為景氣藍燈節奏在去年已經確認 但是唯獨摺疊手機成長太容易了,因為市佔率很
Thumbnail
或許,真正的靈魂拷問是 - 我們該問問自己,我們想要活在怎麼樣的未來?是一個每個人都戴著 MR 眼鏡,眼前有各式各樣視窗與虛擬物件的未來。還是一個我們躺在沙灘上曬太陽喝著可樂看著美景,然後有什麼運算需求就跟 AI 助理講一聲就全部搞定的未來?
Thumbnail
期的科技巨頭解碼,將會用問題與回答的方式,來跟大家聊聊 Apple Vision Pro 以及未來這場關於 MR 眼鏡的商業大戰。我將列出環繞於 Apple Vision Pro 的六大問題,並且深入探討這六個問題的可能答案.....
Thumbnail
Apple 在 2023 年的全球開發者大會(WWDC 2023)上,展示了其最新的 AI 技術和產品邏輯,並將重點放在機器學習而非明確提及 AI。其中,最引人注目的是其首款 MR(混合實境)頭戴式設備 Vision Pro。本文將為您介紹這些發表會的重點內容,讓您快速了解 Apple 的創新與未來
Thumbnail
Apple推出Vision pro後更是時常被與Meta的元宇宙進行比較,雖然Apple在產品介紹時隻字未提"元宇宙"這三個字,取而代之的是空間運算器? 不論名詞如何替換,強大的技術已加速與強化虛實之間的連結,讓遙不可及得未來似乎已經到來,而本篇想要分享的議題是:元宇宙技術如何應用於工廠自動化之中。