掌握蘋果2023年WWDC大會UI/UX設計趨勢:洞察與啟發

只有蘋果能超越蘋果,一窺全新空間運算未來全攻略。

--

蘋果全球開發者大會(WWDC)是每年舉辦的一個重要活動。WWDC旨在為蘋果的開發者社區提供一個平台,分享最新的技術和創新,而今年大會也針對各主題開設不同的線上講座,內容不外乎分享最新的科技以及分享一些設計上的手法。

1.告別有形介面,邁向無形數位互動

傳統的有形介面,如鍵盤、滑鼠、遙控器和觸摸螢幕等,都是需要使用者通過物理接觸和操作來與設備進行互動。然而,今年蘋果發表的Apple Vision Pro就是結合更多自然和直觀的無形互動模式,例如:眼動、手勢和語音控制等。

眼動控制

眼動控制是指通過追蹤和解讀使用者眼睛的運動和注視點來進行互動。這種技術利用眼球運動的特徵和模式,讓使用者能夠以眼神來操控設備或執行操作。眼動控制的優勢在於它的高度精確性和即時性。眼睛是人類視覺系統的核心,其運動和注視點能夠反映使用者的意圖和注意力焦點。通過解讀這些信息,設備可以快速而準確地做出相應的反應,提供更順暢和直觀的使用體驗。

透過「懸停效果(Hover)」可以讓使用者認知道目前眼睛專注的區域範圍
圓形圖示有助於眼睛控制聚焦在物體本身更舒服
最小可視範圍至少要大於60pt有助於更精確的進行眼動控制
圖示配至於中心有助於眼睛聚焦

手勢控制

透過使用者的手勢和動作,設備能夠感知並解讀使用者的意圖,從而執行相應的操作。例如,透過手勢控制的技術,在空中左右移動物件來控制大小,或者使用手勢操控虛擬環境中的鍵盤來輸入字串。這種無形互動的方式不僅增加了互動的趣味性,還為特定場景和應用帶來了更多可能性。

自然的手勢向右移動後即可放大物件
虛擬鍵盤手勢動作輸入

語音控制

語音控制技術的應用範圍非常廣泛。例如,智能助理(如Siri、Google助手和Alexa)可以透過語音指令回答問題、執行任務,如發送短信、播放音樂、設定提醒事項等。同樣地,目前在Apple Vision Pro也支援此互動方式。

語音輸入搜索

2.從二維到三維空間的人因設計

隨著科技的不斷進步和設計的創新,我們從傳統的二維空間逐漸邁向了三維空間。人因設計(Human-Centered Design)在這個過程中發揮了重要的作用。人因設計是一種以人為中心的設計方法論,其目的在於考慮使用者的生理和心理需求,以確保產品、服務或系統對使用者具有良好的適應性。

在過去,我們主要在二維界面上進行設計,如網頁、App平面圖示等。然而,隨著虛擬現實(VR)和增強現實(AR)等技術的興起,我們進入了一個更加立體和沉浸的三維空間。在這個三維空間中,要確保使用者能夠自然而流暢地與虛擬或增強的環境進行互動。這涉及到設計適合的視覺畫面呈現、考慮使用者的視覺範圍和焦點、符合過去經驗的手勢動作等。

根據情景給予合適的視野呈現方式
避免在移動中使用紋理材質會增加行為預測的困難度
移動時應避免使用過大的物件和過短的間距,以免影響識別能力
文字要避免有深度有助於理解
用層次來堆疊圖示,而非透明度的調整
按鈕狀態的改變以背景顏色為主來增加閱讀性
物件配置角度為視覺之下或左右方向為舒適的位置
介面要在使用者的中心視野,想延伸介面要以水平為主而非垂直
為了提供使用者更好的舒適體驗,物件移動時僅在Z軸上進行層級調整
視窗底部要避免使用不透度的設計才會更有沉浸感

此外,人因設計在三維空間中還需要考慮使用者的感官體驗。除了視覺上的沉浸感,還可以利用聽覺、觸覺和甚至嗅覺等感官來豐富使用者的體驗。例如,通過音效的應用或者觸覺反饋的設計,可以增強使用者對虛擬環境的感知和參與感。

環境空間聲音

3.超越VR/AR,︀重新定義名詞和概念

在發表Apple Vision Pro過程中並無提及這個裝置是虛擬現實(VR)還是擴增實境(AR)而是重新定義這個產品的名詞,並且創造跳脫元宇宙的詞彙(Meta公司過去不斷宣傳行銷),重新用了「空間計算」時代,塑造一種全新的概念,歡迎並邀請開發者共同一起創造新世界。

Apple Vision Pro新產品
Apple Vision Pro在空間運用示意

4.追求「自我」為中心的設計

隨著手機的功能已經逐漸完善,在全新的iOS17中更強調許多以個人化為基準延伸出的功能,設法在白熱化的手機市場創造出更多產品差異化。舉例來說,透過全新的「日誌」App,iPhone使用者可以透過一種獨特的方式重新感受生活中美好的時刻。App會根據用戶最近的活動,例如照片、人物、地點、體能訓練等,以智能推薦的方式,讓用戶能夠更輕鬆地開始寫日誌。

紀錄個人的美好的時刻,這通常也是大家最難忘的部分

另外一個案例就是可以設定「聯絡人海報」,讓使用者能夠自訂來電顯示的外觀,為每位聯絡人創建獨特的海報。從照片和Memoji中挑選精美的素材,並選擇吸引人的排版和字體顏色,為來電顯示帶來嶄新的風格和個性。

自定義的聯絡人海報延伸產品與個人的連結

5.給產品說一個動人的故事

有說服力的簡報行銷不僅僅是呈現訊息,還應該能夠在情感上觸動受眾。這次的發表會與以往相同,都透過大量的強烈視覺和聽覺體驗以及良好的腳本安排,建立起領先者的品牌形象,進而吸引消費者追求最新潮流的慾望,甚至在最後的階段猶如電影般的故事安排,將情緒帶到最高點,發布最令人矚目的全新世代產品Apple Vision Pro,為蘋果再次創造iPhone後的新亮點。

真實產品搭配場景做視覺上完整示意-手機交換名片功能
隨著內容替換服裝和場景以降低觀眾長時間的觀看疲勞度
最後發表Apple Vision Pro時呼應賈伯斯名言「One more thing」

參考文獻和圖片來源:

2023 Apple Worldwide Developers Conference

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

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

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

--

--

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