從 HTC VIVE Eagle 到 Meta Ray-Ban：智慧眼鏡帶來的 UI/UX 設計挑戰與機會

AR 過去用於娛樂體驗，例如拍照濾鏡、服飾眼鏡線上試穿等用於品牌銷售活動（延伸閱讀：從試穿到虛擬演唱會：提升消費者體驗的 AR/VR 技術），如今，市場上陸續出現能長時間佩戴的智慧眼鏡，應用場景也越來越多元，包含語音轉文字逐字稿、物體辨識、即時翻譯、導航、查看食譜、播放音樂等。智慧眼鏡不再只是短暫的新奇體驗，而是有機會成為設計師需要關注的新型態介面。

根據市場報告，2025 年上半年智慧眼鏡出貨量較去年同期成長 110% _[1]，顯示市場呈正向成長趨勢，如果你有關注新品發表，可能也發現智慧眼鏡的話題再次回到媒體目光，從 HTC 的 VIVE Eagle、祖克伯展示的 Meta Ray-Ban 智慧眼鏡搭配手環，以及傳言將於 2026 年加入的 Apple 智慧眼鏡。

這篇文章將帶你觀察多家品牌的介面設計，並探討 UI/UX 設計師該如何應對這新產品。

使用情境：雙手被佔據時的最佳解答

了解使用情境，是體驗設計的起點。智慧眼鏡最大的價值，在於「當雙手被佔據時，仍能獲取資訊、完成任務」。智慧眼鏡的核心價值，在於解放雙手、隨時可用，成為比手機更即時的輔助工具。

交通場景：騎腳踏車或機車時，雙手必須緊握龍頭，同時需要導航、搜尋附近店家或即時交通資訊。
戶外活動：滑雪快速移動時，或和孩子玩耍時，可以即時記錄精彩瞬間，而不必掏出手機。
廚房場景：雙手沾滿麵粉時，還能用眼鏡翻閱下一步食譜。

Xiaomi Smart Glasses | Xiaomi official Youtube

介面觀察與設計分析

前段提到智慧眼鏡有多種使用情境，接著觀察不同品牌的介面設計，將會分享兩個例子，首先是路線指引設計，可以看出一些有趣的共通點與差異。

以導航功能為例

Even Realities 和 Meta 都會在畫面中提供線稿式的區域地圖，讓使用者能快速理解周遭環境。Even Realities 更進一步，和小米、Vuzix 一樣，會在畫面上顯示箭頭來指引下一個方向，並搭配少量輔助資訊。

Even Realities 的設計流程採用「漸進式揭露」，先顯示少量的箭頭和輔助資訊，讓使用者快速掌握下一步要往哪裡走。

2. 再分階段顯示完整的線稿區域圖，提供更多情境與全局資訊。

這種設計不僅能降低初始的資訊負荷，也能依優先順序將訊息分層呈現，避免讓使用者在複雜的背景下迷失方向。也可以比較其他品牌在導航資訊的呈現方式。

由作者編輯拼製，圖片來源：Even Realities, Xiaomi, Vuzix, Meta Ray-ban

對 UI/UX 設計師而言，這提供了一個很好的思考方向：在設計智慧眼鏡或其他 AR 介面時，如何利用「逐步揭露」來平衡資訊完整性與使用者的即時理解能力。其他品牌可能也有類似多層次資訊顯示的做法，不過這裡先以觀察到的示範影片與功能圖片作為討論基礎。

以翻譯功能為例

Even Realities 會即時將對方的語音逐字轉換成文字，並一行一行地浮現在畫面中，讓使用者能跟上對話進度，特別適合需要長時間溝通的情境。相較之下，小米和 Meta Ray-Ban 智慧眼鏡的作法偏向「即時替換」，翻譯後的文字會直接疊加在對應的位置上，讓使用者彷彿直接看到「翻譯後的世界」，而不是原始語言，視覺上更直覺，特別適合看招牌、菜單等短文字的場合。HTC VIVE Eagle 則採用不同策略，將翻譯內容以語音播放，直接讀給使用者聽，也會將翻譯內容留在應用程式。

這些差異不僅影響使用體驗，也成為設計時的重要考量。逐字顯示能帶來「同步感」，讓使用者隨時掌握對話進度，特別適合長時間的雙向交流；即時替換則直接將原文取代為譯文，更適合需要快速理解的「看資訊」情境，例如旅遊時讀標示或菜單；而語音播報能釋放更多畫面空間，減少視覺負擔，適合雙手或注意力被占用的情境。

由作者編輯拼製，圖片來源：Even Realities, Xiaomi, HTC, Meta Ray-ban

對設計師而言，未來在規劃翻譯功能時，不只是決定翻譯要不要出現，而是要思考「如何出現」與「出現在哪裡」。若產品定位鎖定商務人士，即時顯示翻譯內容，能協助雙向持續對話；若面向旅遊觀光族群，將翻譯直接替換眼前畫面，則能讓使用者更沉浸於當下環境，迅速做出行動決策。

為什麼選擇綠色？

觀察多家 AR 介面後，發現絕大多數都以「綠色」作為主色，雖然目前尚未找到品牌設計師公開的設計理由，然而，AR技術需要在背景混雜中顯示資訊，需考量環境光線和背景等因素對資訊的干擾，因此我們可以從可讀性與視覺負擔來推測。

根據研究報告指出，車內AR-HUD（擴增實境抬頭顯示器，Augmented Reality Head-Up Display ）在白天和夜間環境下，使用不同文字顏色的可閱讀性如下 _[2]：

白天環境：黃色 > 綠色 > 紅色 > 橙色 > 藍色/紫色
夜間環境：紅色 > 黃色 > 綠色 > 橙色 > 藍色/紫色

根據研究結果得出黃色在日間可讀性最佳，但另一篇研究報導指出綠光對視覺刺激較低，能降低視覺疲勞 _[3]。綜合上述結果，智慧眼鏡普遍採用綠色顯示資訊，可能正是出於這種在高可見性與低視覺負擔之間取得平衡的考量。

智慧眼鏡的設計體驗原則

1. 空間意識與訊息節奏

智慧眼鏡的設計必須同時考量「真實空間」與「介面空間」。Google 的 ARCore 設計指南提到，當從 2D 畫面切換至 AR 模式時，應提供平滑的轉場動畫，避免讓使用者產生突兀感或安全疑慮 _[4]，以及在介面設計上，應只顯示必要訊息，並快速消失，保留最大視野給使用者 _[5]。

Google AR原則：

Immerse users, don’t distract them.

讓使用者專注於體驗，減少不必要的中斷。

2. 引導與輔助

智慧眼鏡對大多數使用者來說仍屬新體驗，因此必須降低學習門檻。像是語音指令、手勢操作提示，甚至搭配智慧手環的互動，都應設計成符合人類直覺的操作模式，舉例來說，Meta 的智慧手環採用類似旋鈕的手勢操作來調整音量，或是手寫輸入文字，不需透過鍵盤，模擬現實世界的物理行為，呼應 Nielsen’s Usability Heuristics 的第二項原則：Match Between the System and the Real World，讓新手也能快速上手 _[6]。除此之外，Meta也大量進行測試，並與卡內基美隆大學合作，包括手部癱瘓者也能透過智慧手環傳輸數位指令 _[7]。