苹果新推出的iPadOS细节设计有哪些变化?

新的iPad已发布,不提功能介绍,我们今天来看看一些新的iPadOS蜕变的小细节吧!

感谢「海盐社」的小伙伴:@海边来的设计师@焱小玖 对于这篇分享文章给予的帮助,也希望对大家有用。

在WWDC 上发布的除了 iOS13, 还有专属于 iPad 的全新系统:iPadOS,据说是在iOS13的基础上,加入了更多专门为iPad优化的操作以及专属功能,让iPad离iPhone更远,更靠近MacBook,大多数人认为是轻量版macOS。


25xt-ipados-14.jpg



虽然网上已经有了很多关于iPad OS的介绍,但大多都是聚焦于功能,今天主要来研究一写iPadOS的交互细节,事不宜迟我们马上学习起来吧!


此次用于对比的机型和系统信息如下:

设备1:iPad 2018 ,iOS12.4

设备2:iPad2018 ,iPadOS13.0



1、程序坞后台

iOS12的系统中,关闭程序坞后台出现的形式跟手机相同,都是图标+APP名称。如下图:


25xt-ipados-20.jpg


但对于打开多个窗口的APP来说,比如说文件、备忘录、Safari等,程序坞仅仅只能出现最后一次打开的页面,用户很容易会忘记之前打开的页面,从而直接关闭后台。


在OS新版的程序坞后台中,iPad做了一些调整,很好的解决了上面提到的问题,如下图:


25xt-ipados-15.jpg


APP名称下面会出现你当前编辑的文档名字或者网站地址,方便用户能想起之前打开的页面,二次确认是否需要关闭当前后台。



2、文字光标

文字的光标移动时,旧版系统中是带有放大镜。如下图:


25xt-ipados-10.gif


iPadOS13则是将光标直接放大,如下图:


25xt-ipados-9.gif


从使用上来说,光标的改变会让使用体验提高很多,一改之前移动光标时经常会被手挡住,或者觉得有点难移动的情况,新版在操作灵敏度上也是优越于iOS版本的。



3、相册

变化1:照片缩略图可拉伸

旧版本的相册,在返回键按上两次,才能够看到按照年份排放好的所有照片。如下图:


25xt-ipados-19.jpg


新的系统中,则直接增加了“年”、“月”、“天”和“所有照片”的tab切换来查看照片。如下图:


25xt-ipados-13.jpg


在“所有照片”tab下查看照片图库,我们可以任意的放大照片仔细查看细节,或缩小照片快速查看相册。动效如下:


25xt-ipados-2.gif


这个就解决了清理照片时,需要一个个点击确认以及可能没看清就误删的情况,毕竟之前只能在小的缩略图上多选删除时,误删的几率真的很大。


而这种的设计也能够运用在视频、拍照或者书籍列表中,如下图:


25xt-ipados-17.jpg


当很多电影或者小说的名字重复时,用户可以任意放大自己想要了解的部分,快速确认是否是自己想找的东西,直接观看或其他操作,在使用体验和操作效率上都会有很大的提升。


变化2:相册分享

过去分享图片或者视频,界面中所有菜单会从底部出现,同时选中的图片上移。如下图:


25xt-ipados-21.jpg


新版的图片分享改成了弹窗,如下图:


25xt-ipados-16.jpg


将之前底部出现的操作菜单放在了弹窗中,视觉上显得更加清晰,同时减少了页面的跳转,操作起来更高效。


另外,不得不说iPadOS系统中运用了大量的弹窗,也出现弹窗上出现新的弹窗,叠加好几层的情况。如下图:

25xt-ipados-3.gif


在过去的相册分享页面中,其实整个页面相对来说是比较复杂的,用户需要在一个页面消化很多操作,这无疑也增加了很多思考的成本。


多弹窗的设计好处是减少页面跳转的路径,同时弱化了大量的操作信息,让用户能够简单直接的了解当前的操作步骤,减少了用户对页面信息消化的时间成本。


这也为我们设计提供了一个很好的思路,分享的相关操作可以放在弹窗中解决了,并不一定出底部操作栏或者跳转页面啦!



4、可伸缩键盘

双指捏合可以缩小快速输入键盘,动效操作如下:

25xt-ipados-12.gif


将它移到合适的位置,既方便单手打字,又能给屏幕留更多的空间,同时只要在字母上轻扫就可以打字了。


比如说看视频发弹幕时的场景,如下图:


25xt-ipados-18.jpg


这样的设计让我们在全屏看视频发弹幕或者看小说点评某句的时候,缩小键盘和输入框,既不遮挡屏幕,又能够继续发弹幕和评论。



5、音乐

iOS12的音乐播放器为通栏,播放时音乐封面会有轻微晃动,动效如下:


25xt-ipados-7.gif


iPadOS系统则改成了小弹窗,同时播放时的封面会比未播放时放大20%左右,如下图:


25xt-ipados-6.gif


这给我们在设计音乐播放器时也提供了一个新的参考思路噢~


在功能方面,新版的音乐播放列表能够随意的改变待播顺序,动效如下:


25xt-ipados-5.gif


我看过平板上大部分主流的视频和音乐类APP,几乎都是没有可以自己改播放顺序的。


这里插播一句,我在刷B站的时候,很多想看的视频在增加到想看的列表里,视频刷完了下一个还是随机推荐,没办法调整想看的顺序,这个功能值得其他具有播放列表功能的产品借鉴。


25xt-ipados-4.gif


音乐APP在播放器这里同样也是出现了很多层的弹窗,查看播放信息,编辑操作等,从使用上来说的确是比较便利的,但这种多层弹窗的,手机端应该不太好借鉴。


 

6、备忘录画笔

变化1:画笔样式的变化

色盘排列由原来的一排变成了两排,更加节省了画笔的整体空间,如下图:


25xt-ipados-23.jpg



使用画笔工具一般搭配的都是Apple Pencil,而色盘变成两排最直观的感受,就是使用Apple Pencil或者用手指选择颜色时空间区域减少,能省很多力气呢。


同时新版画笔的间距也比之前的间距大了很多,如下图:


25xt-ipados-1.jpg


这样设计更方便用户点击,避免了旧版会出现误触或者点不中带来的不好体验。


变化2:新增自动最小化

画笔在用户不使用的时候,可以开启最小化功能,动图如下:


25xt-ipados-11.gif


这样的设计让我想到了Assistive touch,如下图:


25xt-ipados-8.gif

当然Assistive touch用来实现返回主屏幕、调出控制中心、锁屏等功能,画笔这些都不具备,会让我联想到,是因为作为工具类组件,它们都很“方便”,想用时点开,不用时自动缩至最小化。


这个小交互我们在设计儿童类工具产品或者流程图设计时的菜单可以借鉴,既节省空间又避免误操作。



7、通讯录新关系

通讯录中的关系新增了更多、范围更广的关系标签,如下图所示:


25xt-ipados-22.jpg


新增了更多、更具体的联系人,给用户更多的直接选择,更符合中国的国情,也减少思考和归纳的时间成本。



8、小结

从 iOS 独立出来之后的 iPadOS 大大小小改动其实很多的,其实不止是iPadOS,手机上的APP每次更新都会有很多改动,而发现这些改动,同时学会思考并且总结,用到我们的工作中,才能让我们的发现更具有拓展性哟!





原文作者:团子柒

每天更新,
全站高品质素材免费下载!