欢迎投稿到早读课,投稿邮箱:[email protected] 背景 前段时间被一篇名为《从iOS10设计指南变化看设计的新趋势》的文章刷屏,文中从UI设计的角度分析了iOS10带给我们的设计新趋势:“大而简,简而精”。文中指出,未来的设计将更注重产品的内容和操作体验,降低其他因素对用户使用上的干扰。设计师则需要在界面设计中去把握「大」和「简」的程度,以及思考如何通过更有限的手段和空间来传达更多的信息和指引用户来达到「精」的目标。(文章链接请戳:https://isux.tencent.com/ios-10-design-trends.html )。 iOS10于一周前正式推送更新,相较于前几代的系统,他在交互方式上有了比较多的改变,在很多细节设计上,更是值得我们把玩和品位。正如苹果官方在他的更新说明里所描述的:“iOS 10是iOS发布史上的重磅之作”。 所有iOS10新特性罗列的文章网上已有很多,这里就不赘述了,本文则将从交互设计的角度出发,聊聊iOS10的变化带给我们设计上的启发和借鉴意义。 一、基于行为的设计 著名的交互设计专家Jon Kolko在他的《交互设计沉思录》中指出:“行为是发生在第四个维度(时间维度)上的,而交互设计的目标是试图随着时间的推移,逐渐理解并进而塑造人的行为”。 举个例子,iOS10最明显的细节之一:拿起手机就亮屏。 很多人之前会有这样的困扰:我只是想看个时间,一按Home键,duang!一不小心就进入系统界面了。现在有了这个设计,我们再也不用为了看时间或通知去按电源键或Home键了。 看图就懂(此功能目前只适用于iPhone SE,iPhone 6s或更新的机型) “拿起手机就亮屏”这个看似简单的功能,用过之后,就会让人自然而然地成为习惯。值得我们去思考:设计的目的是传达信息,除了界面上的交互行为,j2直播,除了通过好看的UI来吸引用户的注意,更多地需要我们重新审视利用手机本身的特性以及用户特定场景下的行为需求,将产品渗透到人的生活中去,以最平易的方式做出更契合行为的交互。 二、交互体验更扁平 说到扁平,很多人直觉上觉得就是视觉上去掉了光影、特效、简化了元素,其实远不尽然。在移动互联已占据我们生活方方面面的今天,从用户操作的角度,将信息更加简单直接且高效地展示出来,提升交互的易用性和操作的便捷性,则更是设计“扁平化”的体现。 作为交互设计师,在产品的设计工作中,遇到最纠结的问题莫过于:需要在有限的屏幕空间内,将产品的信息内容尽可能多地展现出来,同时又要兼顾界面的优雅美观。 iOS1010在这次的优化中给我们提供了很好的设计思路。 1)横向空间的扩展 以Apple Music为例: 在新版本中,他用每个单元模块左右滑动浏览更多内容的操作,替代了每块只展示一个内容的设计形式。相比之前的版本,将并列的信息在当前界面浏览,无形中扩展了屏幕的空间,增加了单位面积的使用效率,减少了页面的跳转。
这种交互形式其实并非Music中首创,早有几年前就出现的window phone,近有4月更新的Airbnb,以及国内以设计品质感而著称的美食类App-Enjoy中,都采用了这种交互形式。
这种设计形式使页面的层级结构变少,用户不用一次次地在一级和二级页面之间切换,提高效率的同时也使结构变得清晰了。 相信这种趋势会越来越多地在各种内容类的App中被采用。 2)Z轴空间的扩展 在三维空间中,如果说纵向滑动利用的是Y轴空间,横向滑动利用的是X轴空间,atv,那么iOS10中对Z轴空间的利用和拓展则给我们的操作着实带来了不小的快捷和方便。 我最喜欢iOS10的地方在于它改进的通知,可以通过3D touch快速地打开回复界面进行操作,完全不用进入app,可以就那样一直回复别人,直到离开为止。 对于我们App设计者来说,无论是针对推送信息,还是app内的内容,更好地利用好手机的这一特性,在提升操作体验的同时,还可以更好地去实现我们的业务目标。 3)手势操作更便捷 iOS10对于手势的操作,也有了更便捷的设计。以锁屏界面为例: iOS9中: 进入系统界面: 有touch ID识别指纹:按下Home键 无touch ID识别指纹:右滑屏幕 插件中心:从顶上往下滑 消息中心:从顶上往下滑,并切换tab 相机:从右上角往上滑 iOS10: 进入系统界面: 有touch ID识别指纹:按下Home键 无touch ID识别指纹:按下Home键,输入密码 插件中心:右滑 消息中心:从顶上往下滑 相机:右滑 (责任编辑:本港台直播) |