桌面 Widget 设计规范 - SwiftCafe 享受代码的乐趣

SwiftCafe 享受代码的乐趣

桌面 Widget 设计规范

swift 发布于 2020年12月16日

这次继续和大家探讨 Widget 相关话题。 苹果在大多数发布的技术组件， 都会给出一套建议的设计规范。 这次 iOS 14 发布的桌面 Widget 也不例外。 为了方便大家了解， 我把自己对它的理解在这里和大家分享一下， 希望能对你有所帮助。

完整的设计规范原文，大家也可以到这里查看： https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/widgets/

这次的内容和技术细节无关，主要是 Widget 设计相关的内容。 如果是只对纯开发内容感兴趣的朋友，可以跳过。 不过我觉得作为开发者了解一下产品设计的思路，也是很有用处的。

创建有实际用处并且聚焦一项功能的 Widget

简单来说， 就是你的 Widget 尽量聚焦一项功能，比如你的主 App 是一个天气预报， 那么你的 Widget 功能就要和 App 的主功能一致，也是用作显示天气。 这个不难理解。

设计指南还提到，针对不同尺寸的 Widget，尽量提供不同的显示内容。 而不是简单的把尺寸放大。 Widget 有三种尺寸，比如在小尺寸状态下， 只显示当前位置的气温，和最低最高气温。 而到了中等尺寸的 Widget 上，除了显示前面提到的内容外，还可以多显示一个6小时内的天气预报。

总之，建议的是尽量针对每种尺寸，提供差异化的设计，而不是仅对一种数据内容简单的做尺寸放大。

避免创建那种只用于启动 APP 的 Widget

就是这个 Widget 没有任何功能，唯一的功能就是点击它，启动你的 app。 这个是不建议的。

尽量让 Widget 内容产生变化

也就是说，尽量让用户每次看到 Widget 的时候，里面的内容都有变化。 还是拿天气 Widget 举例子吧。 一天中的温度也是随时变化的。 尽量能让用户在每次打开桌面，翻到你的 Widget 时候，看到的是当前实时的温度。这样用户才会更愿意把你的 Widget 放到显眼的位置， 增加你的 Widget 流量。反之， 如果用户每次翻到你的 Widget 时，信息都是一成不变，那么给用户的感受，就是这个 Widget 作用不大，很可能会被用户删除掉。

找机会创造惊喜和印象深刻的内容

比如，你是一个日历应用，可以在某个朋友生日临近的时候，显示出特别的提示。 类似这种设计都会让用户对这个 Widget 更加印象深刻。

在需要的时候让 Widget 变得可配置

比如一个天气 Widget， 可以让用户根据需要配置当前 Widget 显示天气的位置。 这样如果用户需要同时了解多个地方的天气，就可以反复添加你的 Widget，并配置不同的位置。

并且一个要注意的是， 不要设置过多的配置项，这样会让用户难以理解。

保证用户点击 Widget 后能跳转到正确的地方

比如你的 Widget 显示某个特定股票的价格， 点击 Widget 就应该跳转到相应股票的详细页面。而不是 App 的初始界面。

不要在一个 Widget 上面创建过多的点击目标

在比较大尺寸的 Widget 上，是可以建立多个点击区域的。像是 iOS 自带的 Reminder Widget，这里面的每一个条目都可以点击跳转到 App，但是不要创建过多的点击区域， 这样会增加用户的理解难度。

让用户了解登录提供的价值

如果你的 Widget 提供必需登录才有的信息， 那么最好让用户知道登录能带来的价值。 比如一个酒店预定的 App， 就给用户提示，“登录查看自己的订阅信息”。

如何更新 Widget 数据

Widget 不支持持续实时的更新数据。 所以你需要在数据更新频率和用户多长时间查看一次之间做一个平衡。 比如一个天气 Widget，你可以设置 1 小时更新一次数据。显然天气数据是实时变化的， 但是用户也不会盯着屏幕一直看，所以合理的设置刷新时间是很必要的。

总结

这篇文章没有探讨技术细节，主要是和大家分享我对 Widget 设计指南的理解。 简单了解一下， 在以后设计 Widget 的时候就会有个大致方向。

如果你觉得这篇文章有帮助，还可以关注微信公众号 swift-cafe，会有更多我的原创内容分享给你~

本站文章均为原创内容，如需转载请注明出处，谢谢。

---

---