【进阶】苹果开放第三方App登岛,灵动岛设计指南来了!
iPhone 14 Pro发布之后灵动岛一直被吐槽作用不大,然而苹果今天发布了Live Activities设计指南,在即将更新的 iOS 16.1 中将支持第三方App接入Live Activities,第三方App终于可以登岛啦!这份登岛指南设计师们请收好!
实时活动
实时活动(Live Activity)从你的App中展示最新的数据,从而允许人们一眼瞥见事件或任务的状态。

实时活动帮助人们跟踪他们关心的事件或任务,提供一块可频繁更新数据的固定展位。比如说,外卖app可以展示送达的剩余时间、体育app可以展示当前比赛的实时比分。
除了在锁屏展示,根据设备是否支持“灵动岛”,在支持实时活动的设备上有两种不同的展示方式。
在支持“灵动岛”的设备上,系统在原深感摄像头的周围固定展示实时活动。
在不支持“灵动岛”的设备上,系统会在用户查看主屏或使用其他App时,短暂的展示一条实时活动的更新通知,但只会在App决定信息足够重要以至于需要去打扰用户的情况下。
当在“灵动岛”展示实时活动时,系统使用以下三种形态:
紧凑 - 如当前只有一个实时活动正在活跃中,系统将使用紧凑形态。紧凑形态有两个独立部分组成:一部分在原深感摄像头的前侧,另一部分在后侧。虽然两侧是分开的,但他们一起构成了灵动岛的完整视图,他们展示的是你App中同一部分的信息。用户可以轻点实时活动的紧凑形态来打开App并获取更多详情信息。

极简 - 当有多个实时活动正在活跃时,系统将在灵动岛使用圆形极简形态来展示两个项。

扩展 - 当用户在实时活动的紧凑或极简形态上长按时,系统将使用一个扩展视图来展示内容。

为了确保你的实时活动在所有支持的设备及所有形态上都正常运作,你需要支持“灵动岛”上的三种形态及锁屏的形态。
最佳实践
为具有明确开始和结束的任务或事件提供Live Activity。用户使用实时活动来跟踪频繁更新数据的事件、或进行中任务的状态。不要为超过8小时的任务提供实时活动,并且永远在任务完成或事件结束后立即结束实时活动。
只呈现最重要的内容。用户更希望获得任务或事件的概要或关键信息,他们并不期望在实时活动中收到一大堆详情或执行操作。让用户轻点实时活动进入你的App中查看附加信息或功能。
仅在有新内容可用时更新Live Activity,仅在必须引起用户注意时才提醒用户。使用实时活动提示用户可能会造成打扰,尤其是过于频繁或者不重要的提示可能会促使用户停止使用你的实时活动。需要注意的是,在不支持“灵动岛”的设备上实时活动会有不同的提示方式。
避免在Live Activity中显示敏感信息。实时活动视觉上非常显眼,可能会被他人偶然瞥见。如果你提供的信息较为敏感,请展示脱敏的摘要信息并让用户点击实时活动进入你的App中查看详情。
避免使用Live Activity来展示广告或促销。实时活动帮助人们了解进行中任务或事件的最新动态,所以仅展示与任务事件相关的信息至关重要。
让用户控制何时开始或结束Live Activity。比如你可以在App的实时活动关联界面中提供按钮来结束或取消实时活动。虽然提供一个开始按钮也是个好主意,但有些情况下用户会期望实时活动可以自动开始。比如,当用户使用Ap订外卖或打车时,自动开始实时活动更合乎情理。在设置中,用户可以关闭特定App的实时活动,因此请谨记不要在用户预期之外突然开始一个实时活动。
确保点击您的Live Activity将打开App中正确的页面。当用户轻点实时活动打开你的App时,应展示最直接相关的详情或操作页面,而不是让用户手动点击再导航进入相关界面。
考虑在结束后从锁定屏幕中移除您的Live Activity。在“灵动岛”中,系统会在实时活动结束时立即移除它。在默认情况下,系统会在实时活动结束后的4小时内继续展示,以便用户查看实时活动的最终结果。如果你的实时活动结果仅在更短的一小段时间内有意义,你应该告诉系统在4小时窗口时间内的某个特定时间或立即清除它。比如,一个叫车App可以在选择在行程结束后的15分钟内持续展示行程摘要,方便用户查看最终费用等信息。
设计有用的Live Activities
确保灵动岛中两侧的紧凑视图保持一致的信息和设计。原深感摄像头将实时活动分隔成前后两侧,但两侧的内容应视为一个整体,轻点任何一侧都会讲用户带入App中的同一个界面。你可以考虑在两侧的图标与文字中使用相同颜色来加强两侧内容之间的联系。
在紧凑与扩展形态之间使用一致的布局。扩展形态是紧凑形态的放大版本。确保信息布局的扩展按预期地在两种形态之间过渡。
适配不同的屏幕尺寸和实时活动形态。实时活动会缩放来适配不同设备、不同屏幕尺寸。请提供合适的内容素材尺寸以确保实时活动在所有设备上正确展示。当你为多种屏幕和缩放尺度创建布局和素材时,请使用下列规范参数中的数值。
谨慎在锁屏使用自定义背景颜色或透明度。如果你为实时活动设置了自定义背景色或图片,请测试以确保颜色之间有足够的对比度——尤其注意浅色,因为在屏幕常亮模式下屏幕将变暗。请注意,你无法为在“灵动岛”显示的实时活动形态设置自定义背景色。但你可以为文本、符号以及“灵动岛”周围的一圈边框设置色调。
让实时活动卡片的圆角与你内容的圆角保持协调。内容与实时活动卡片的间距应始终一致。为确保你的内容在实时活动卡片的圆角内保持协调,请使用SwiftUI容器给内容正确的圆角值。
一般而言,使用默认的间距值以确保内容可读性。扩展形态与锁屏形态中的默认外延间距为20pt。某些情况,如图形或按钮,你可能需要使用更小的间距以避免凌乱的布局。
选择在个性化锁屏中合适的颜色。用户会用壁纸、色调、小组件来个性化他们的锁屏。为了让你的实时活动在用户的自定义锁屏下美观且保持可读性,请谨慎使用色调和透明度。
支持深色模式与屏幕常亮。实时活动的颜色可以自动与深浅色模式或屏幕常亮功能相适配。
谨慎使用动画,仅在内容更新时引起用户注意。实时活动使用一部分系统动画,但系统不会在屏幕常亮模式下显示动画。
参数规范
灵动岛
灵动岛适用44pt圆角,并且它的圆角与原深感摄像头相匹配。

表中下列数值单位均为pt。

本文内容为转载 仅供个人学习使用