iPhone 14 Pro發(fā)布之后靈動島一直被吐槽作用不大，然而蘋果今天發(fā)布了Live Activities設(shè)計(jì)指南，在即將更新的 iOS 16.1 中將支持第三方App接入Live Activities，第三方App終于可以登島啦！這份登島指南設(shè)計(jì)師們請收好！

實(shí)時(shí)活動

實(shí)時(shí)活動（Live Activity）從你的App中展示最新的數(shù)據(jù)，從而允許人們一眼瞥見事件或任務(wù)的狀態(tài)。

實(shí)時(shí)活動幫助人們跟蹤他們關(guān)心的事件或任務(wù)，提供一塊可頻繁更新數(shù)據(jù)的固定展位。比如說，外賣app可以展示送達(dá)的剩余時(shí)間、體育app可以展示當(dāng)前比賽的實(shí)時(shí)比分。

除了在鎖屏展示，根據(jù)設(shè)備是否支持“靈動島”，在支持實(shí)時(shí)活動的設(shè)備上有兩種不同的展示方式。

• 在支持“靈動島”的設(shè)備上，系統(tǒng)在原深感攝像頭的周圍固定展示實(shí)時(shí)活動。

• 在不支持“靈動島”的設(shè)備上，系統(tǒng)會在用戶查看主屏或使用其他App時(shí)，短暫的展示一條實(shí)時(shí)活動的更新通知，但只會在App決定信息足夠重要以至于需要去打擾用戶的情況下。

當(dāng)在“靈動島”展示實(shí)時(shí)活動時(shí)，系統(tǒng)使用以下三種形態(tài)：

• 緊湊?- 如當(dāng)前只有一個(gè)實(shí)時(shí)活動正在活躍中，系統(tǒng)將使用緊湊形態(tài)。緊湊形態(tài)有兩個(gè)獨(dú)立部分組成：一部分在原深感攝像頭的前側(cè)，另一部分在后側(cè)。雖然兩側(cè)是分開的，但他們一起構(gòu)成了靈動島的完整視圖，他們展示的是你App中同一部分的信息。用戶可以輕點(diǎn)實(shí)時(shí)活動的緊湊形態(tài)來打開App并獲取更多詳情信息。

• 極簡?- 當(dāng)有多個(gè)實(shí)時(shí)活動正在活躍時(shí)，系統(tǒng)將在靈動島使用圓形極簡形態(tài)來展示兩個(gè)項(xiàng)。

• 擴(kuò)展?- 當(dāng)用戶在實(shí)時(shí)活動的緊湊或極簡形態(tài)上長按時(shí)，系統(tǒng)將使用一個(gè)擴(kuò)展視圖來展示內(nèi)容。

為了確保你的實(shí)時(shí)活動在所有支持的設(shè)備及所有形態(tài)上都正常運(yùn)作，你需要支持“靈動島”上的三種形態(tài)及鎖屏的形態(tài)。

最佳實(shí)踐

為具有明確開始和結(jié)束的任務(wù)或事件提供Live?Activity。用戶使用實(shí)時(shí)活動來跟蹤頻繁更新數(shù)據(jù)的事件、或進(jìn)行中任務(wù)的狀態(tài)。不要為超過8小時(shí)的任務(wù)提供實(shí)時(shí)活動，并且永遠(yuǎn)在任務(wù)完成或事件結(jié)束后立即結(jié)束實(shí)時(shí)活動。

只呈現(xiàn)最重要的內(nèi)容。用戶更希望獲得任務(wù)或事件的概要或關(guān)鍵信息，他們并不期望在實(shí)時(shí)活動中收到一大堆詳情或執(zhí)行操作。讓用戶輕點(diǎn)實(shí)時(shí)活動進(jìn)入你的App中查看附加信息或功能。

僅在有新內(nèi)容可用時(shí)更新Live?Activity，僅在必須引起用戶注意時(shí)才提醒用戶。使用實(shí)時(shí)活動提示用戶可能會造成打擾，尤其是過于頻繁或者不重要的提示可能會促使用戶停止使用你的實(shí)時(shí)活動。需要注意的是，在不支持“靈動島”的設(shè)備上實(shí)時(shí)活動會有不同的提示方式。

避免在Live?Activity中顯示敏感信息。實(shí)時(shí)活動視覺上非常顯眼，可能會被他人偶然瞥見。如果你提供的信息較為敏感，請展示脫敏的摘要信息并讓用戶點(diǎn)擊實(shí)時(shí)活動進(jìn)入你的App中查看詳情。

避免使用Live?Activity來展示廣告或促銷。實(shí)時(shí)活動幫助人們了解進(jìn)行中任務(wù)或事件的最新動態(tài)，所以僅展示與任務(wù)事件相關(guān)的信息至關(guān)重要。

讓用戶控制何時(shí)開始或結(jié)束Live?Activity。比如你可以在App的實(shí)時(shí)活動關(guān)聯(lián)界面中提供按鈕來結(jié)束或取消實(shí)時(shí)活動。雖然提供一個(gè)開始按鈕也是個(gè)好主意，但有些情況下用戶會期望實(shí)時(shí)活動可以自動開始。比如，當(dāng)用戶使用Ap訂外賣或打車時(shí)，自動開始實(shí)時(shí)活動更合乎情理。在設(shè)置中，用戶可以關(guān)閉特定App的實(shí)時(shí)活動，因此請謹(jǐn)記不要在用戶預(yù)期之外突然開始一個(gè)實(shí)時(shí)活動。

確保點(diǎn)擊您的Live?Activity將打開App中正確的頁面。當(dāng)用戶輕點(diǎn)實(shí)時(shí)活動打開你的App時(shí)，應(yīng)展示最直接相關(guān)的詳情或操作頁面，而不是讓用戶手動點(diǎn)擊再導(dǎo)航進(jìn)入相關(guān)界面。

考慮在結(jié)束后從鎖定屏幕中移除您的Live?Activity。在“靈動島”中，系統(tǒng)會在實(shí)時(shí)活動結(jié)束時(shí)立即移除它。在默認(rèn)情況下，系統(tǒng)會在實(shí)時(shí)活動結(jié)束后的4小時(shí)內(nèi)繼續(xù)展示，以便用戶查看實(shí)時(shí)活動的最終結(jié)果。如果你的實(shí)時(shí)活動結(jié)果僅在更短的一小段時(shí)間內(nèi)有意義，你應(yīng)該告訴系統(tǒng)在4小時(shí)窗口時(shí)間內(nèi)的某個(gè)特定時(shí)間或立即清除它。比如，一個(gè)叫車App可以在選擇在行程結(jié)束后的15分鐘內(nèi)持續(xù)展示行程摘要，方便用戶查看最終費(fèi)用等信息。

設(shè)計(jì)有用的Live Activities

確保靈動島中兩側(cè)的緊湊視圖保持一致的信息和設(shè)計(jì)。原深感攝像頭將實(shí)時(shí)活動分隔成前后兩側(cè)，但兩側(cè)的內(nèi)容應(yīng)視為一個(gè)整體，輕點(diǎn)任何一側(cè)都會講用戶帶入App中的同一個(gè)界面。你可以考慮在兩側(cè)的圖標(biāo)與文字中使用相同顏色來加強(qiáng)兩側(cè)內(nèi)容之間的聯(lián)系。

在緊湊與擴(kuò)展形態(tài)之間使用一致的布局。擴(kuò)展形態(tài)是緊湊形態(tài)的放大版本。確保信息布局的擴(kuò)展按預(yù)期地在兩種形態(tài)之間過渡。

適配不同的屏幕尺寸和實(shí)時(shí)活動形態(tài)。實(shí)時(shí)活動會縮放來適配不同設(shè)備、不同屏幕尺寸。請?zhí)峁┖线m的內(nèi)容素材尺寸以確保實(shí)時(shí)活動在所有設(shè)備上正確展示。當(dāng)你為多種屏幕和縮放尺度創(chuàng)建布局和素材時(shí)，請使用下列規(guī)范參數(shù)中的數(shù)值。

謹(jǐn)慎在鎖屏使用自定義背景顏色或透明度。如果你為實(shí)時(shí)活動設(shè)置了自定義背景色或圖片，請測試以確保顏色之間有足夠的對比度——尤其注意淺色，因?yàn)樵谄聊怀Ａ聊Ｊ较缕聊粚⒆儼?。請注意，你無法為在“靈動島”顯示的實(shí)時(shí)活動形態(tài)設(shè)置自定義背景色。但你可以為文本、符號以及“靈動島”周圍的一圈邊框設(shè)置色調(diào)。

讓實(shí)時(shí)活動卡片的圓角與你內(nèi)容的圓角保持協(xié)調(diào)。內(nèi)容與實(shí)時(shí)活動卡片的間距應(yīng)始終一致。為確保你的內(nèi)容在實(shí)時(shí)活動卡片的圓角內(nèi)保持協(xié)調(diào)，請使用SwiftUI容器給內(nèi)容正確的圓角值。

一般而言，使用默認(rèn)的間距值以確保內(nèi)容可讀性。擴(kuò)展形態(tài)與鎖屏形態(tài)中的默認(rèn)外延間距為20pt。某些情況，如圖形或按鈕，你可能需要使用更小的間距以避免凌亂的布局。

選擇在個(gè)性化鎖屏中合適的顏色。用戶會用壁紙、色調(diào)、小組件來個(gè)性化他們的鎖屏。為了讓你的實(shí)時(shí)活動在用戶的自定義鎖屏下美觀且保持可讀性，請謹(jǐn)慎使用色調(diào)和透明度。

支持深色模式與屏幕常亮。實(shí)時(shí)活動的顏色可以自動與深淺色模式或屏幕常亮功能相適配。

謹(jǐn)慎使用動畫，僅在內(nèi)容更新時(shí)引起用戶注意。實(shí)時(shí)活動使用一部分系統(tǒng)動畫，但系統(tǒng)不會在屏幕常亮模式下顯示動畫。

參數(shù)規(guī)范

靈動島

靈動島適用44pt圓角，并且它的圓角與原深感攝像頭相匹配。

表中下列數(shù)值單位均為pt。

本文內(nèi)容為轉(zhuǎn)載 僅供個(gè)人學(xué)習(xí)使用