关于iOS14 widgets的尝新与思考( 二 )


当然 , 不同的尺寸 , 对于应用来说 , 就一定有不同的应用方式 。 假设你只想为用户提供一个基础数据或向用户传递一个简单的信息 , 那2*2规格的小widgets就再适合不过 。 但如果你有更多的数据需要呈现或者更多的关联需要说明 , 那可能就需要通过4*5规格的较大widgets来解决了 。
关于iOS14 widgets的尝新与思考
本文插图
Widgets的三种尺寸
2. 同一尺寸的widgets可以被多次使用
IOS对widgets虽然仅提供了3种尺寸 , 但并不意味着每个尺寸仅能提供1个widgets 。 一款应用可以多次使用同一个尺寸的规格 , 进行设计不同功能方向的widgets , 并且IOS目前也未对widgets的数量有所限制 。
例如微信读书提供的widgets , 同样都是4*2规格的尺寸 , 但是一个是以最近读书展示为核心 , 另一个是以本周阅读时长曲线记录为要点 , 通过同样的尺寸 , 但是表达了不同的信息内容 , 让用户可以针对相同的尺寸 , 选择自己更需要的widgets 。
关于iOS14 widgets的尝新与思考
本文插图
微信读书 – 同尺寸但不同内容的widgets
3. 统一展示了名称
相比与安卓系统的小组件 , IOS系统的widgets会在手机的主屏幕上和编辑模式下统一在widgets下面 , 细心的显示了APP名称及widgets的简单描述 , 帮助用户更好地理解widgets的功能与辨识其是哪个App的widgets 。
例如拼多多的widgets , 就很好的通过IOS系统预留的widgets名称与描述 , 简单的介绍了添加此widgets后 , 有何用处 。
关于iOS14 widgets的尝新与思考
本文插图
拼多多 – wiedgets的名称与内容描述
4. 支持自定义UI背景
首先widgets支持自定义的UI设计 , 可以结合但不限于APP自身的主题色、风格、内容、环境等进行参考 , 别样的UI设计会让内容看起来更加的醒目与特别 , 也同样会让用户看起来十分的愉悦与喜爱 。 其次还可以加入APP的LOGO、slogan等企业元素进行辅助设计 。
比如拼多多的widgets , 他简单的选择了纯白色作为背景 , 除了清晰明确的信息内容外 , 就是颜色反差鲜明的LOGO , 这就是一种很鲜明的品牌衬托 。
再比如应用懒饭APP , 它不仅在widgets中加入是自己的LOGO , 还会根据widgets中展示不同的推荐菜系而改变背景板的颜色 , 利用不同颜色的对比衬托菜单 , 加上每一个精心拍摄的菜品搭配 , 给用户的每次阅读都带来了不一样的体验 。
关于iOS14 widgets的尝新与思考
本文插图
懒饭APP的UI设计和拼多多的LOGO融入
5. 提供多事件点击交互性
如果你以为widgets只是一个花瓶时 , 那就大错特错了 , 因为widgets还支持用户点击的交互动作 , 而且能够直接到达开发者指定的APP页面 。 注意 , 只要你能对widgets进行合理的排版 ,就可以提供与widgets中内容直接相关的更多细节点击交互 。
例如滴答清单的任务widgets , 在4*4规格的尺寸下 , 滴答清单就为用户带来了3种不同的点击交互:
关于iOS14 widgets的尝新与思考
本文插图
这就是widgets所提供的 , 可以任意自定义、丰富且实用的交互性 。
关于iOS14 widgets的尝新与思考
本文插图
滴答清单 – 支持多个点击事件
6. 贴心的黑暗模式
Widgets样式是支持黑暗模式的 , 只要用户开启 , 会跟随系统自动变换 , 不仅仅是看起来够酷 , 也是为了让用户在光线较暗的环境下得到更好的使用体验 。


推荐阅读