宅中地 - 每日更新
宅中地 - 每日更新

贊助商廣告

X

從設計師的角度,聊聊我眼中的AppleWatch

2024年12月17日 首頁 » 熱門科技

編注:我們會不定期挑選 Matrix 最優質的文章,展示來自用戶的最真實的體驗和觀點。 文章代表作者個人觀點,少數派僅對標題和排版略作修改。

蘋果有許多不為人知的設計細節讓自家產品更加貼合用戶真實場景所需,從而變得更加好用。類似 Apple Watch 這樣看似常見的蘋果產品,站在普通用戶和站在設計師的角度出發去觀察、體驗,結果也是完全不同的。

所以藉此機會想和大家聊聊 Apple Watch 里一些可圈可點的設計思路和體驗巧思。

和手機、電腦、平板不同,智能手錶作為隨時可穿戴的貼身電子產品,可以 24 小時為用戶提供幫助和檢測(當然它得有電),帶來的是一種全新的使用體驗。蘋果則將 Apple Watch 的產品重點放在健康和健身功能的監測上,試圖與專用的運動追蹤器競爭。比如「睡眠」的健康質量、時長追蹤,日常的健身追蹤功能,「活動」應用中增加的社交分享,還增加了「呼吸」應用以促進正念……一切都圍繞著生活和健康的全方位記錄。並且 Apple Watch 的系統 watchOS 與其他蘋果產品服務集成,以達到資訊同步、體驗不斷連的生態體驗。

鑑於這些原因,這款設備上優秀軟體的設計標準與手機或者電腦也不盡相同,但不論如何,一款優秀的軟體必然是結合了設備特性與用戶需求的綜合品。

發展歷程

從設計師的角度,聊聊我眼中的AppleWatch

已有的所有 Apple Watch 表款

Apple Watch 於 2015 年 4 月發布並迅速成為全球最暢銷的可穿戴設備:2015 財年第二季度售出 420 萬塊,截至 2022 年 12 月,就有超過 1.15 億人在使用 Apple Watch。直到現在,蘋果公司每年 9 月都會推出新一代的 Apple Watch,改進內部組件和系統,蘋果公司將每一代 Apple Watch 標為 Series,但也有一些例外——比如 SE、Ultra,以及 Nike 、愛馬仕、史努比等合作款。

歷代更新功能點速覽

Apple Watch 發展至今已經有 10 代,從歷代新增的功能點可以看到,如今我們覺得「理所當然」的設計&功能,並不是蘋果一開始就構思設計出來的——「Stay hungry, stay foolish」,保持好奇和求知慾,去學習、去了解,然後慢慢根據用戶真實需求疊代自己的產品。

從設計師的角度,聊聊我眼中的AppleWatch

歷代功能速覽

最新的 watchOS 11 走到哪一步了?

今年最新發布的 watchOS 11(Series 10)沒有太多的功能更新,主要還是以健康&健身為側重點做了功能更新,然後針對界面、組件的顯示交互形式做了更新。

實時活動現顯示

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

智能組件疊放

在 WWWDC24 的介紹影片中提到了一個概念是「相關性」和「互動性」。

「相關性」是智能疊放中的建議小組件使用時間和日期、位置、起床和就寢時間等信號確定優先級以自動智能顯示,供用戶查看即時資訊。此外,還會根據不同場景自動添加實用的小組件,如出國旅行時自動添加「翻譯」App 小組件,即將下雨時添加 「天氣」App 小組件等

「互動性」則是用戶可以直接操作小組件進行輕量級的操作,而不僅僅是「查看」。

從設計師的角度,聊聊我眼中的AppleWatch

訓練新工具:訓練負荷

運動負荷功能也在邁向專業化。「訓練負荷」功能通過綜合心率、海拔、鍛煉時長、年齡體重等數據,計算用戶在訓練過程中的運動強度和訓練負荷,並劃分為「輕鬆」「適中」「困難」和「竭盡全力」 四類標籤,幫助用戶科學安排運動計劃,還可在鍛煉結束後對其進行手動調整。在手機中查看時也會更加直觀地了解到自己的身體訓練狀態。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

操作手勢更新

適用於 Apple Watch Series 9 及後續機型和 Apple Watch Ultra 2 的互點兩下手勢,可用於滾動瀏覽「資訊」「郵件」或「天氣」等任何 App,單手操作更方便。

從設計師的角度,聊聊我眼中的AppleWatch

去年的 watchOS 10 的亮點多多

今年最新發布的 watchOS 11(Series 10)主要是一些已有內容展示形式的更新,整體升級個人感覺表現平平。而去年 9 月 Apple 發布 watchOS 10(Series 9)迎來了有史以來變革最大的一次系統更新,感覺可以拎出來講的東西更多。

比如平台上所有的應用程序幾乎都經過了重新設計而變得更加一目了然——在手錶交互的諸多創新中,智能疊放小組件便於用戶隨時通過旋轉數碼錶冠獲得最相關的資訊,數據聯動的新功能則得以更好地幫助騎行者保持最佳狀態。

從設計師的角度,聊聊我眼中的AppleWatch

變化點主要是

  • 功能:新增可自定義配置的小組件

  • 界面:多種頁面布局形式,以滿足不同場景

widget 堆疊小組件

可以說,WatchOS 10 中最大的變化是增加了 widget 小組件功能,可以從任何 App 的界面喚出堆疊小組件功能。

蘋果將 iPhone 主螢幕上的自定義小組件功能加入到了手錶上,當你從螢幕底部向上輕掃或使用側面錶冠從手錶表面向上滾動時,就會觸發該功能。就像 iOS 的主螢幕一樣,並且手錶也保持交互多平台的統一,通過長按和刪除或固定應用程序來進一步自定義小組件,此外還新增了小組件置頂功能。

從設計師的角度,聊聊我眼中的AppleWatch

新的布局方式

錶盤外形和界面圓角更加圓潤,為了更一目了然,蘋果更新了新的布局方式:基於螢幕形狀的新系統,決定了控制、標籤和內容的大小及位置,這讓 app 布局更統一,控制更清晰。

從設計師的角度,聊聊我眼中的AppleWatch

為了讓不同的內容適應螢幕,蘋果做了三種不同的布局,並能夠自動適應不同尺寸的 Apple Watch:

  • Dial(撥盤)

  • Inforgraphic(圖表)

  • List(列表)

從設計師的角度,聊聊我眼中的AppleWatch

新的設計風格

此外,watchOS 10 幾乎改變了所有系統自帶 app 的設計風格,利用背景內容做了很多設計。

從設計師的角度,聊聊我眼中的AppleWatch

再例如,健身記錄 app 結合了體能訓練 app 與模塊錶盤的優點,用滑動與模塊徹底重製了原本橫向滑動的操作界面。

從設計師的角度,聊聊我眼中的AppleWatch

發布十年,有哪些變化點

外形更加圓潤。日常佩戴中,圓潤的錶盤更加時尚,這也和蘋果的界面設計風格更加融合,方形腕錶則太過商務。

從設計師的角度,聊聊我眼中的AppleWatch

螢幕界面更大,貼和錶盤的外觀設計,所呈現資訊也更多。

從設計師的角度,聊聊我眼中的AppleWatch

整體表身更薄:

從設計師的角度,聊聊我眼中的AppleWatch

原則與規範

  1. 一眼可知(Glanceable)

  2. 操作性強(Actionable)

  3. 快速響應(Responsive)

蘋果發現,用戶對於智能手錶的交互耐心最多只有 10 秒,所以傳達簡潔明了的資訊——抬手可得,並且在極小的螢幕里具備操作性強的交互方式,就是 Apple Watch 這些年來設計的重心。不管更新了多少代手錶,所堅持的設計原則來來回回都是這幾個,未曾有大的變動。

從設計師的角度,聊聊我眼中的AppleWatch

界面足夠輕量

相關最重要的操作應該在 App 中始終可見,並且足夠輕量,為用戶提供實用性的服務。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

功能一目了然

最理想的狀態是:所獲得資訊一目了然,避免長時間交互和操作。交互應做到可發現和可預測。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

提供輔助操作

在設計界面的時候,很多想要展示的操作,實際上都是屬於輔助操作,不屬於用戶的「主線任務」。

從設計師的角度,聊聊我眼中的AppleWatch

其實,提供一種輔助也是重要的操作,如篩選、排序等,與視圖中已經存在的主要操作交互時,排序和篩選都是輕巧和可操作的方法,既可以縮短平鋪長列表讓列表更易於瀏覽,也更符合日常的行為操作習慣。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

用戶體驗

根據用戶真實生活中場景出發,我們也需要對功能的顯示有所取捨,而不是一股腦的都展示給用戶,讓用戶去做尋找、去判斷。我發現蘋果在 Apple watch 的設計中,針對「功能顯示」這個點,在不同場景也有不同的表達方式。

始終顯示

蘋果在 watchOS 8 中加入了一個功能——Always-On Display,始終顯示。用戶不用每次抬起手腕,就能看到錶盤的基礎資訊。蘋果對新增這個功能的設計原則是:從「激活使用狀態」切換為「始終顯示狀態」,應該讓人看不出來,而不是大幅度的更改界面或者重組資訊,否則從始終顯示轉換到激活運作狀態會變得卡卡的。

不同 app 的使用場景下,蘋果的建議處理方式是這樣的:

  • 降低:界面保持穩定一致,只是進一步調暗比較亮的元素和次要文字內容,但是又不至於暗的看不清楚文字,從而使想強調、保持可見的資訊更加凸顯。

  • 場景:超市里提慢慢兩大袋購物袋的時候,能更加方便快捷得看到自己的購物清單。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

  • 隱藏:隱藏重要個人資訊,以防放下手腕時被其他人看到。

  • 場景:餐廳里的炒股盯盤精英。

從設計師的角度,聊聊我眼中的AppleWatch

需要時才顯示

比如郵件中的「新郵件」按鈕,只有需要時才展示。對於絕大用戶來說,資訊、郵件等類似功能一般在手錶上以瀏覽為主,尤其是瀏覽置頂的未讀資訊,但是如果真的需要一個回復,那麼也真的有新建按鈕,不用的時候可以隱藏起來。

這個現在看到合理絲滑的設計,也不是一下子就出現的,她在 2020 年才被設計出來並在 WWDC 上重點講解。

從設計師的角度,聊聊我眼中的AppleWatch

界面表達

Apple Watch 在交互方面還要求擁有明確的導航定位,即在瀏覽 app 的層級結構時,用戶能夠清楚的知道在哪個層級。具體實現方面,主要依靠:

從設計師的角度,聊聊我眼中的AppleWatch

新的材質

watchOS 10 加入了新材質:獨特而實用的層級結構,利用半透明效果建立層級關係,幫助用戶了解他們在系統或 App 中的位置。這些材質最大化了內容的空間,同時讓系統元素如 Status Bar 在內容滾動時也能看到。

從設計師的角度,聊聊我眼中的AppleWatch

新的頁面切換方式

Scroll(滾動)

列表視圖時,可以使用旋鈕縱向滾動瀏覽資訊內容,比如「郵件」的瀏覽方式。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

Paginate(分頁)

而對於有很多頁面的 App,蘋果新增了一種新的新導航模式——垂直分頁。比如「健身記錄」,使用旋鈕,能看到健身記錄的總覽和活動、站立、鍛煉環的詳情,不同視圖的切換。垂直分頁將 App 里的多個資訊視圖分割成為針對特定用途的不同頁面,並且還有頁碼指示器以指示當前所在頁面位置。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

還有一個細節,很多元素會在錶盤的很多 app 里呈現,蘋果設計的是,讓這個元素變化比例、位置以及資訊密度而存在,以確保實現流暢的動畫效果,而不是引入一個額外全新的元素去打破這種平衡。這種元素恆存(Object Permanence)有助於為用戶在瀏覽頁面內容時,提供視覺錨點

從設計師的角度,聊聊我眼中的AppleWatch

Widget 組件

多變的鎖屏組件

iOS 16 可以在手機鎖屏設置一些複雜的 widget,同理,在 watchOS 9 中,也加入了一些 widget 的設計。

從設計師的角度,聊聊我眼中的AppleWatch

在錶盤上,蘋果為手錶螢幕的每個角落都進行了獨特的功能設計,稱為「accessory Corner」。視錶盤的不同有多種渲染方式,有時是平的,有時為了匹配刻度表而顯示成彎的。

從設計師的角度,聊聊我眼中的AppleWatch

角落配飾可以放圓形的地圖、心率等種種內容的配置項,靈活配置,並且各種形態適配。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

貼一張精密絕美的錶盤設計


豐富的頁面堆疊組件

不同的布局以滿足多種應用的內容資訊,而標題、字體大小、粗細、頁面都間距保持統一。

  • 三行式文本布局:傳達文本資訊,比如新聞,提供新聞標題和簡要內容。

  • 成組布局:加上色彩條內容是一個模塊或者群組內容,比如日曆,可以看到具體的日曆和所屬的日程顏色;

  • 圖形化布局:針對有額外輔助文本的,一種進度條類型,一種圓環形態。

  • 大文本布局:數字占比比較大的,文本資訊比較關鍵的,比如日曆月份組件。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

背景顏色

使用顏色,幫助用戶識別並建立更好的場所感,讓用戶明確感知所處的場景、空間。比如每個活動、鍛煉和站立的記錄圓環也是有自己所對應的專屬背景顏色,讓人一眼識別,強化用戶的心智。這都能提高使用中的實用性,而不僅僅是為了視覺效果。

從設計師的角度,聊聊我眼中的AppleWatch

此外,使用語意系統顏色的元素,在明亮的背景材質上顯示時,會自動調整其對比度。這一點是我之前沒有注意到的。

從設計師的角度,聊聊我眼中的AppleWatch

風格趨勢

計時器、秒表 app 採用了大圖標、扁平化的設計,操作更加直觀。幾乎所有 app 都有了相似的設計:四角的按鈕、擴張的界面,簡約又略帶立體的 UI 設計。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

還有什麼驚喜的?

碰撞檢測

為了實現碰撞檢測功能,Apple 開發了一種先進的傳感器融合算法,利用 Apple Watch 上更強大的全新陀螺儀和加速計,目前 Apple Watch 已擁有所有智能手錶中動態範圍最高的加速計。為了創建該算法,蘋果在專業碰撞測試實驗室使用普通乘用車模擬真實世界中的事故,包括正面碰撞、追尾、側面碰撞和翻滾,從這些全新運動傳感器收集數據。除運動數據外,碰撞檢測還使用氣壓計、全球定位系統和 iPhone 上的麥克風作為輸入,以檢測能表明嚴重碰撞的各種特徵。

當 Apple Watch 檢測到嚴重車禍時,如果用戶在 10 秒倒計時後仍無反應,設備就會向用戶報告並撥打急救電話。緊急救援人員將收到用戶的設備位置,並與用戶的緊急聯繫人共享。Apple Watch 和 iPhone 上的碰撞檢測功能結合在一起,可以無縫協作,為用戶提供高效的幫助。當檢測到嚴重車禍時,緊急服務呼叫界面將出現在 Apple Watch 上,因為它可能是眼下最方便的交互設備;而如果手機也在連接範圍內,則會通過 iPhone 撥打電話。

從設計師的角度,聊聊我眼中的AppleWatch

我之前在滑雪摔倒的時候也遇到了這個提示,我的感受是「當朋友關心你前刃後刃滑的 6 不 6 的時候,只有 Apple Watch 關心你摔得疼不疼!!!」

從設計師的角度,聊聊我眼中的AppleWatch

史努比錶盤

watchOS 10 正式版系統中最值得關注的一項更新,就是引入了史努比錶盤。此錶盤的主角是 Peanuts 漫畫中聞名世界的史努比,展現了這隻小狗頑皮有趣的性格。

從設計師的角度,聊聊我眼中的AppleWatch

作為這段合作旅程的起始,Apple Watch 團隊從加州聖克拉拉的山景城(Mountain View)向北驅車兩小時,來到位於 Santa Rosa 的 Charles M Schulz 工作室和博物館,在那裡認識了 Paige 及其團隊,並建立起了與漫畫歷史更深層次的連結。Paige 告訴我們,與蘋果團隊的這次會談,是疫情後工作室進行的首次面對面會議——為了確保深度合作的順利開展,讓創意團隊親自見面顯得尤為重要。此後,雙方又在 Apple Park 的圓形建築內進行了第二次頭腦風暴。與此同時,來自溫哥華 WildBrain Studios 的《史努比秀》(The Snoopy Show)導演 Rob Boutilier 也將專業動畫知識帶入了整個項目。-- 卷宗

最終,他們為 Apple Watch 錶盤構思了 148 段各具特色的片段,將它們串聯在一起,構成了長達十二分鐘的史努比和他的小夥伴、黃色小鳥糊塗塌客之間歡樂互動的動畫。

從設計師的角度,聊聊我眼中的AppleWatch

根據《花生》漫畫經典四格故事板內容發展而來的錶盤動畫。在這段動畫中,史努比用耳朵為小夥伴糊塗塌客遮擋雨水。

Apple Watch 產品營銷部門的埃里克 - 查爾斯(Eric Charles)說:「史努比有一種彌合代溝的方式。史努比漫畫真正有趣的地方在於,史努比最終所處的場景對於伴隨著他成長的受眾和正在接觸他的新受眾來說仍然具有親和力。」並且,蘋果創建了一個史努比決策引擎,可以計算出展示這些片段的最佳時間,而不會出現過多的重複。

「在設計與創作的過程中,Apple 和工作室團隊都希望選出最貼近聯環漫畫和 Shults 原畫的風格,所以我們最後挑選了 80 年代的史努比版本」,Paige 補充道。不過,錶盤上的史努比也是一個折中的成果:他的鼻子比 70 年代時的更短,比 90 年代時的更直。而比起具有現代感的 3D 外觀,類似於《史努比秀》的 2D 形象顯然更符合原作的精神。

從設計師的角度,聊聊我眼中的AppleWatch

設計細節

由此出發,Paige 還為我們介紹了 Charles Schultz 的一個有意思的創作技巧,他使用一種特殊且罕見的鋼筆來繪製漫畫,這種來自 Esterbrook 的 914 Radio 筆尖,在每次使用時都需要在墨水瓶中蘸取墨水。得益於此,Schultz 可以創造出從粗到細的各種線條變化。「這種活躍的繪畫賦予角色生命,且圖畫有著明顯的手工繪畫痕跡,而不是數字化的,這也是我們希望在錶盤動畫中保留的特點」

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

Charles Schultz 在創作《花生》時喜愛使用 Esterbrook 的 914 Radio 筆尖,從而獲得從粗到細的各種線條變化,在這種手工痕跡中賦予角色生命。這一筆觸特點也被保留在了 Apple Watch 的錶盤動畫中。

從設計師的角度,聊聊我眼中的AppleWatch

史努比與自己的好夥伴——黃色小鳥「糊塗塌客」(Woodstock)生動鮮活地出現在 Apple Watch 的史努比錶盤上,構成了 148 段跟隨周遭環境變化的專屬動畫:他們與錶針互動玩耍、對天氣情況與假期節日做出反饋,甚至會在用戶鍛煉時活動起來,在用戶手腕下垂、錶盤熄屏時安靜休息……

從設計師的角度,聊聊我眼中的AppleWatch

除了洞悉分針的位置並與之互動,史努比還了解諸多情境,會根據一天的時間、當地的天氣和用戶實際活動,顯示相應的動畫效果。例如當夜幕降臨他會對著月亮嚎叫,或對著流星許願;他會為你慶祝生日,在聖誕節裝扮狗屋,為萬聖節的狂歡盛裝打扮;在暴風雨雪天氣,也會化身船長或者打著傘抵抗風雨。

從設計師的角度,聊聊我眼中的AppleWatch

從設計師的角度,聊聊我眼中的AppleWatch

當你將手錶設置為潛水鎖定時,史努比則穿上潛水裝備,漂浮在螢幕上;而當你在運動、聽音樂,或者工作、閱讀時,史努比自然也會伴你左右。

Apple Watch 錶盤也成為了史努比「百變造型秀」的舞台。與過去手錶上的靜態呈現不同,Apple Watch 的動態特性讓史努比在不同的動畫設計下生動了起來,仿佛成為了一隻能與主人互動的電子寵物。正如 Paige 所總結的那樣:「我小時候會隨身帶一個史努比毛絨玩具,而擁有 Apple Watch 讓我在長大後也可以有史努比陪伴左右,兩者帶來的快樂是相同的。」

從設計師的角度,聊聊我眼中的AppleWatch

在最新的史努比錶盤種,上個月為慶祝萬聖節,蘋果公司特別為 Apple Watch 用戶帶來驚喜——在史努比錶盤中新增了三款萬聖節主題動畫。此次新增的萬聖節動畫主題包括木乃伊史努比、南瓜史努比、零食袋史努比。

從設計師的角度,聊聊我眼中的AppleWatch

「Apple 和《花生》漫畫都有很強的個性,究其核心,我們兩個團隊都渴望以真實的方式與粉絲建立聯繫,」Paige 總結道,「在 Schultz 工作室,我們希望忠於史努比的 DNA,同時探索 Apple Watch 的新科技。通過相互尊重,現代科技公司和擁有豐富傳統和悠久歷史的漫畫公司便能夠和諧共存。我始終認為,真正的合作不是一方壓倒另一方,使其黯然失色,而是找到平衡,並發揮每個貢獻者的優勢。」

在這樣對細節的無微不至的關注和打磨中,彰顯著聯結 Apple 和 Shultz 工作室的又一共同點:既對工作至真至純的熱愛——用戶不自覺的微笑,是他們最期待的讚美;而 Apple 特立獨行的設計美學,亦誕生於此——通過物理上的呈現以及行為上的引導和塑造,推動了大眾對設計的理解和認知。

PS. 史努比在各界都是合作的寵兒,比如 NASA 也有在 1968 年成立名為「 銀史努比獎 」的獎項,用來鼓勵在太空計劃工程里有努力追求品質與安全性的人員。

從設計師的角度,聊聊我眼中的AppleWatch

銀史努比獎獎章

結語

穿戴設備的缺點一直非常明顯:螢幕狹小、輸入速度慢、交互時間較短、處理速度慢、儲存空間小,這也要求需要把 App 設計的更加精簡、動態、靈敏。而 Apple Watch 明確了它的三大核心功能:運動和健康等個人數據收集、少量資訊的瀏覽&簡單溝通、簡單操作和不斷打磨的交互細節,並且保持著一致的設計原則,讓自己的產品更加細緻地服務用戶,讓用戶感覺到愉悅,這值得我們思考和學習。

從設計師的角度,聊聊我眼中的AppleWatch

https://sspai.com/post/94242?utm_source=wechat&utm_medium=social

宅中地 - Facebook 分享 宅中地 - Twitter 分享 宅中地 - Whatsapp 分享 宅中地 - Line 分享
相關內容
Copyright ©2025 | 服務條款 | DMCA | 聯絡我們
宅中地 - 每日更新