展开全文

功能显示与三星类似，但在选择组件和放置组件时体验更好。

但也存在一些小问题：

• 当小工具类型增加到一定数量时，仅通过底部一行展示3个的形式来让用户查找想要的组件时会相对费时。
• 小工具的样式多样，不够统一。

实际体验视频点击这里观看

交互：

体验：

实际体验视频点击这里观看

交互：

体验：

二、官方设计规范 1. Android

“小组件可显示有关应用程序最重要的数据和功能的信息”，官方一句话简单描述了小组件，从类型和行为两方便做了一些介绍：

1）类型

官方提供了四种类型：信息、集合、控制和混合。

混合小组件实例

2）行为

滚动：基于列表或基于网格的集合窗口小部件通常会扩大或缩小垂直滚动区域。

缩放：用户可以使用拖动手柄或窗口小部件角来设置所需的大小。

导航：提供指向应用程序经常使用区域的导航链接。

2. iOS14

介绍：小部件可提升您应用中的关键内容，并将其显示在人们可以在iPhone，iPad和Mac上一目了然的位置，有用且令人愉悦的小部件还可以帮助人们以独特的方式个性化iPhone主屏幕。

1）对显示内容的设定（创建一个有用，集中的小组件）

小组件的主要目的是显示少量及时的个人相关信息。

• 将小组件集中在一个信息上。
• 每个小组件显示的信息密切相关。
• 立即访问的内容有意义。
• 提供多种尺寸，增加价值。
• 偏好全天变化的动态内容，吸引用户经常查看。
• 寻找惊喜和喜悦的机会。比如节日视觉特殊化。

2）支持小组件配置和交互

• 提供合理的可配置小组件，用户可查看制定的信息。
• 确保点击小组件正确打开应用对应页面。
• 避免过多的点击交互（中、大小组件可设置多个点击交互）。
• 引导用户登录应用以获得更多有用信息。

3）设计漂亮的小组件

独特，美观的小部件不仅提供有用的信息，还使人们有机会个性化主屏幕。

• 通过颜色，版式和图像传达品牌。
• 舒适的信息密度。
• 使用颜色增强外观，但不影响内容识别。
• 支持暗黑模式。
• 使用SF Pro。
• 使用文本元素，以更好的自适应缩放。
• 设计逼真的预览，引导用户添加小组件，数据无法实时更新时可设置模拟数据。
• 设计占位符，在数据加载时便于用户辨认应用。
• 增加简单的描述，便于用户理解小组件的功能。

4）适应不同的屏幕尺寸

3. 小结

通过android Material Design规范和iOS设计规范可以看出：

android对于组件的功能更加开放、自由，对于设计的限定较少。而iOS从小组件定义、内容、色彩、字体、边距、尺寸、交互多个角度告知设计师和开发者应该设计什么样的组件。以保证系统体验的一致性、小组件的有用、美观和个性化。相对的对于小组件的功能可交互性没有android灵活，但也可以做一些内容的配置让用户选择需要展示的信息。

这是一段毫无意义的猜想，请你保持独立思考。

• iOS14正式发布之后可能会涌现一大批第三方小组件应用。
• iOS14小组件化应用场景除了iPhone、iPod、Mac之外更加实用的或许会是车机大屏，个性化和一目了然在汽车驾驶的过程中能够非常有效的识别信息。但也存在数据刷新同步的问题。
• 在未来小而美的工具类应用的使用频率会增加，比如：Noto笔记、墨迹天气、offscreen、Terllo等。

作者：YuZJ设计，公众号：YuZJ Design

本文由 @YuZJ设计 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议