恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
从iOS到OS,原来iPad重点改变的是这些
0.0°
2019-09-16 原创文章 经验/观点 举报 1603 7 11 0

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

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


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


Image title

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

 

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

设备1:iPad 2018 ,iOS12.4

设备2:iPad2018 ,iPadOS13.0

 



1、程序坞后台


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

Image title

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

 

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

Image title

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



2、文字光标


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

Image title


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

Image title

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



3、相册


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

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

Image title


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

Image title


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

Image title

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

 

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

Image title

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



变化2:相册分享


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

Image title


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

Image title

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

 

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

Image title

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

 

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

 

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

 


4、可伸缩键盘


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

Image title

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

 

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

Image title

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



5、音乐


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

Image title


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

Image title


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

 

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

Image title

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


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


Image title

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

 


6、备忘录画笔


变化1:画笔样式的变化

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

Image title


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

 

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


Image title

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




变化2:新增自动最小化


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

Image title


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

Image title

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


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



7、通讯录新关系


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

Image title

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



8、小结


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

 

你喜欢哪版的键盘设计?(评论区留言噢)

A、新版,可以拉伸

B、旧版,比较念旧

C、都还好,新功能用不上

更新:2019-09-16

收藏

7人已收藏

  • 1

    作品

  • 3

    粉丝

  • 7

    关注

相关标签

    猜你喜欢

      2019-09-16 原创文章 经验/观点 举报 1603 7 11 0

      从iOS到OS,原来iPad重点改变的是这些

      0.0°

      你确定要举报从iOS到OS,原来iPad重点改变的是这些

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年09月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      7
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录