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)閱讀與分享!
avatar-img
679會員
20內容數
Able Studio 以人為本,相信設計應該是人們使用的,而不是為設計而設計的,因此我們致力於創造美觀、易用、有意義的設計。我們希望能透過文章的分享,讓更多人認識到 UI/UX 的重要性,你的閱讀對我們來說將會是最大的支持。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
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
你可能也想看
Google News 追蹤
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
在瞬息萬變的工作環境中,我們需要工具不僅能提高效率,還能帶來全新的體驗。Apple 最新推出的 Vision Pro 正是這樣一款革命性的 AR/VR 工作平台,重新定義了我們的數字化辦公方式。
Thumbnail
Apple Vision Pro 結合虛擬與現實融合的感受,提供優秀的空間計算體驗。我將通過本文分享使用心得並對Vision Pro進行評估,並說說對其未來發展的看法。
Thumbnail
探索 Apple Vision Pro 的未來視界 ## 功能一覽 Apple 最新的 Vision Pro 是一款顛覆性的增強現實(AR)頭戴設備。它不同於過去的 VR 設備,而是結合了虛擬與現實的全新體驗。 Vision Pro 配備了高達 3200 PPI 的微顯示器,呈現
Thumbnail
Apple 劃時代新作 Apple Vision Pro 終於都在香港正式發售。作為一個科技迷,當然立即預約試用。而經過半小時的試用,我會說 Apple Vision Pro 是一個可以連接過去與未來、開創新時代的產品。以下是我試用完幾個重點功能的感受,以及一些注意事項。
Thumbnail
Apple Vision Pro:VR生活的全新開端 Apple Vision Pro ──蘋果推出的全新 VR 頭戴式裝置──不僅以其前沿技術重新定義了虛擬與擴增現實體驗,更以多元化應用打開了使用者探索新世界的大門。從個人電影院、專業工作到冥想空間,提供了享受生活的嶄新方式。
Thumbnail
在當今這個以使用者為中心的設計領域,產品思維不僅是設計師的一項附加技能樹,而是成為塑造成功產品的核心因素。
Thumbnail
蘋果公司首推的Vision Pro已在美國正式上市並且預購是完售的狀態,連出貨時間都延長至7週,許多果粉很期待開箱Vision Pro以及他的使用感受,在使用前讓本篇帶你了解Apple Vision Pro的規格及優缺點有哪些吧! Apple Vision Pro商品資訊 蘋果推出首款頭戴裝置 
Thumbnail
深入評估Vision Pro和Oculus Quest,比較它們在電影觀賞、遊戲性能、成人內容觀看以及技術特色方面的差異。探討Vision Pro的高解析度和優異的透視品質,以及其對未來VR技術發展的影響。預測VR裝置將如何成為日常生活的一部分,並提供對市場定位和未來趨勢的見解。
Thumbnail
​想購入VR眼鏡卻不知道該買哪一款嗎?本文將比較4種不同VR眼鏡的特點、價格和優勢,讓你看完就能選到適合自己的VR裝置,一起往下看吧! 4款VR眼鏡介紹 Apple Vision Pro Meta Quest 3 PlayStation VR2(PS VR2) Pico 4 Apple
Thumbnail
大家一直在傳的Apple VR裝置這次真的來拉!他們推出的首款頭戴式裝置「Vision Pro」要正式開賣啦!文將為你介紹它的上市時間、價格以及功能,一起往下看吧!
Thumbnail
徵的就是你 🫵 超ㄅㄧㄤˋ 獎品搭配超瞎趴的四大主題,等你踹共啦!還有機會獲得經典的「偉士牌樂高」喔!馬上來參加本次的活動吧!
Thumbnail
隨著理財資訊的普及,越來越多台灣人不再將資產侷限於台股,而是將視野拓展到國際市場。特別是美國市場,其豐富的理財選擇,讓不少人開始思考將資金配置於海外市場的可能性。 然而,要參與美國市場並不只是盲目跟隨標的這麼簡單,而是需要策略和方式,尤其對新手而言,除了選股以外還會遇到語言、開戶流程、Ap
Thumbnail
在瞬息萬變的工作環境中,我們需要工具不僅能提高效率,還能帶來全新的體驗。Apple 最新推出的 Vision Pro 正是這樣一款革命性的 AR/VR 工作平台,重新定義了我們的數字化辦公方式。
Thumbnail
Apple Vision Pro 結合虛擬與現實融合的感受,提供優秀的空間計算體驗。我將通過本文分享使用心得並對Vision Pro進行評估,並說說對其未來發展的看法。
Thumbnail
探索 Apple Vision Pro 的未來視界 ## 功能一覽 Apple 最新的 Vision Pro 是一款顛覆性的增強現實(AR)頭戴設備。它不同於過去的 VR 設備,而是結合了虛擬與現實的全新體驗。 Vision Pro 配備了高達 3200 PPI 的微顯示器,呈現
Thumbnail
Apple 劃時代新作 Apple Vision Pro 終於都在香港正式發售。作為一個科技迷,當然立即預約試用。而經過半小時的試用,我會說 Apple Vision Pro 是一個可以連接過去與未來、開創新時代的產品。以下是我試用完幾個重點功能的感受,以及一些注意事項。
Thumbnail
Apple Vision Pro:VR生活的全新開端 Apple Vision Pro ──蘋果推出的全新 VR 頭戴式裝置──不僅以其前沿技術重新定義了虛擬與擴增現實體驗,更以多元化應用打開了使用者探索新世界的大門。從個人電影院、專業工作到冥想空間,提供了享受生活的嶄新方式。
Thumbnail
在當今這個以使用者為中心的設計領域,產品思維不僅是設計師的一項附加技能樹,而是成為塑造成功產品的核心因素。
Thumbnail
蘋果公司首推的Vision Pro已在美國正式上市並且預購是完售的狀態,連出貨時間都延長至7週,許多果粉很期待開箱Vision Pro以及他的使用感受,在使用前讓本篇帶你了解Apple Vision Pro的規格及優缺點有哪些吧! Apple Vision Pro商品資訊 蘋果推出首款頭戴裝置 
Thumbnail
深入評估Vision Pro和Oculus Quest,比較它們在電影觀賞、遊戲性能、成人內容觀看以及技術特色方面的差異。探討Vision Pro的高解析度和優異的透視品質,以及其對未來VR技術發展的影響。預測VR裝置將如何成為日常生活的一部分,並提供對市場定位和未來趨勢的見解。
Thumbnail
​想購入VR眼鏡卻不知道該買哪一款嗎?本文將比較4種不同VR眼鏡的特點、價格和優勢,讓你看完就能選到適合自己的VR裝置,一起往下看吧! 4款VR眼鏡介紹 Apple Vision Pro Meta Quest 3 PlayStation VR2(PS VR2) Pico 4 Apple
Thumbnail
大家一直在傳的Apple VR裝置這次真的來拉!他們推出的首款頭戴式裝置「Vision Pro」要正式開賣啦!文將為你介紹它的上市時間、價格以及功能,一起往下看吧!