Swarm 5: High and Low

知名用户定位的社交网络服务 FourSquare 旗下的签到应用 Swarm 迎来了一个大版本更新,该版本交互有了大量改进。

旧界面 新界面

主界面

5.0 下主界面被大幅度简化,原来冗余的「Me」和「Friends」被作为两个最主要的 Navigation 项目;冗余的 Profile 被整合进入左上角的 Avatar 中;通知被整合至右上角的归档按钮(类似于 Instagram);搜索栏可以在主界面启动,并且符合 iOS 10 样式规范;Check-in 被更加高亮,符合 App 产品功能设计。同时字号也相应减小到一个更合适的大小。新增加了原来在 Profile 内的访问地预览图,降低了元素大小,并借助 MapKit 原生实现,可视性和性能有明显提升。

通知中心

新的通知中心调整了字号和头像大小,显示的内容数量更为合理(有种浓浓的 Instagran 的既视感)。

个人中心

缩减和重排了内容,内容呈现上更加平衡。轻量的导航冗余比较合理。

一些问题

虽然新 Swarm 内容呈现和导航上更加友好,但是配色上有很有问题。新 Swarm 所用的蓝色应该是出自 FourSquare 的网页配色,但是这个蓝色明度相对于 Swarm 所用的黄色过高,很多时候看两 foursquare.com 和 swarmapp.com 就感觉是完全两家公司。而新 Swarm 大量使用了这种蓝色,看着并不是很协调。相比之下老版本采用的天蓝更合适。