初步谈谈iOS11的交互设计

初步谈谈iOS11的交互设计

这是一篇很赶的文章。源于我看到iOS11的介绍后的一些想法,希望能在此跟大家聊聊。

从iOS11的更新中我们可以看到苹果的两个方向:1、提升iOS的生产力;2、应用之间更加的无缝衔接和单应用的无声扩张。

我们来看第一个方向:

首先是出现了一个“文件APP”,官方对其介绍文章如下:

全新文件 app 能帮你把各类文件汇集在一起。这样,你就可以在同一处轻松浏览、搜索和整理文件。你最近使用过的各种文件都会在一个专属的位置,以方便你查看。这不仅包括你 iPad 上的文件,还有你存放在各种 app、其他 iOS 设备、iCloud Drive 和其他云服务中的文件。

这是提升生产力的第一步:文件管理。一直以来iOS都有着相对较弱的文件管理功能,这个app的推出,可以看出苹果试图在iOS中植入一个类似于Finder的东西,因为iOS11我还没有认真使用过,所以并不清楚这个文件应用功能的极限,值得期待的是,苹果走出了这一步,按照siri的玩法,即使一开始非常封闭,后续也会不断的开放。

初步谈谈iOS11的交互设计

其次,全新的底部Dock。

初步谈谈iOS11的交互设计

Dock最初是macOS上的概念,非常方便的底部工具栏,可以快速的打开文件、应用以及常驻常用应用及文件夹,通过轻扫的方式,让Dock呼出,可以快速的切换APP。也可以在 Dock 中自定设置自己常用的app。Dock 还会根据你的使用情况而进行改变。智能建议app,比如你最近打开过的app以及你在iPhone或Mac上刚用过的app,都会显示在Dock的右侧。

从图中我们可以看出Dock也支持文件夹的放置。

这一步我们可以看到未来交互的一个大的方向——AI。可能未来每个人的界面都是完全不同的,会根据每个人的使用习惯进行变动——很多年前我们就已经开始这么做,而未来,更加的智能,甚至无需用户的任何设置。

第三,多任务的进一步提升。

初步谈谈iOS11的交互设计

在iPad上进行多任务处理更加快捷方便了,可以直接从 Dock 打开第二个 app,让两个 app 在 Split View 或 Slide Over 中同时运行。你可将 Slide Over 中的第二个 app 拖移到左侧,也可以通过重新设计的 App 切换器,回到常用的 App Spaces。

我们可以看到这一功能的实现是基于Dock之后的,这也是交互设计的一个方向——尽可能多的利用系统的特性,实现更多方便快捷的操作,并且可以看到,如果说在iOS10中,苹果把Z轴的交互利用到极致——3D  touch,那么在iOS11中,苹果重新思考了拖拽的交互,这个在下一点可以看到。

第四,内容拖拽。

初步谈谈iOS11的交互设计

在iPad中现在可以进行拖放操作,将文字、图片和文件从一个 app 移到另一个。

使用macOS的时候我最喜欢做的操作就是拖拽,我希望下周网页上的一张图片,我不会使用复制粘贴,而会按住鼠标直接拖拽到本地,我上传文件也不会一步步选择而直接使用拖拽。

拖拽是一个非常好的交互方式,很开心苹果带入了iOS,在多任务处理中,按住左侧的照片,拖动到邮件正文中,方便了太多。

当然,你可以说,锤子早就做了这一步。

第五,重新设计的app store以及控制中心。

初步谈谈iOS11的交互设计

初步谈谈iOS11的交互设计

初步谈谈iOS11的交互设计

初步谈谈iOS11的交互设计

这些图可以看到iOS11的大致的设计风格,重新设计的app store以及控制中心,我们可以看到对界面的占用进一步提升,特别是控制中心,已经完全让用户进行全屏操作。

这其实是移动设备交互的一个核心——少即是多。

移动设备不同于桌面设备,尤其是iPhone,每一个流程中,提供用户专注的体验是非常重要的,专注包括一次只做一件事,也包括每件事降低用户的阅读难度和操作难度。

可以看到,app store的内容进一步增大,用户一屏看到的内容更少,却也更仔细,可以看到控制中心的图标更大,更不容易发声误操作,再加上允许用户自定义,从而更快的完成其所需。

以上是iOS11中,可以提升生产力的地方,还有其他的都可以提升生产力,比如siri 更加的智能,可以直接翻译;比如apple pencil的功能增强等,但这些,可以

看到苹果的第二个方向:应用之间更加无缝的衔接,单应用无声扩张。

苹果一直在致力于应用之间和设备之间的无缝衔接,在iOS10中,已经支持在macOS上编辑的文档继续在iOS上编辑,在Mac上复制的内容直接在iPhone上粘贴等。

而此次的iOS11更新,我们看到除了衔接之外的,单应用无声的扩张

无声扩张是我最喜欢的产品功能增加和迭代的方式。所谓的无声是指,用户甚至察觉不到你增加了这项功能,但是就是有了这项功能。

这意味着你功能的增加不会影响到你现有产品的体验,不用增加用户额外的学习成本。

比如,在iOS11中,相机应用,可以直接扫描二维码。

初步谈谈iOS11的交互设计

再比如,在iOS11中,备忘录可以直接使用相机进行文档的扫描,可自动感应到文稿页,并进行扫描、修整边缘、调整斜度或消除眩光。然后,你可以用Apple Pencil 进行填写或签名,再保存一下或轻松共享出去。

初步谈谈iOS11的交互设计

再比如,iOS11的键盘要输入符号更加的快捷,字母、数字、符号和标点,现都集合到一个键盘上,无需你来回切换。你只要向下滑动按键,就能快速选择你想输入的内容即可。

初步谈谈iOS11的交互设计

再比如从顶部下拉的交互的变动,下拉出现最新的通知,可以二次点击查看更多,这样做还是体现在专注和功能的扩张。

初步谈谈iOS11的交互设计

再比如,Apple Pencil 在锁定屏幕上轻点一下,就可以立即开始做笔记。你创作的所有内容,都将保存在备忘录 app 中。

初步谈谈iOS11的交互设计

苹果的软件和操作系统一直以来都有一个特点:每次的升级都感觉不到变了什么,但是使用一段时间后确实发现变了什么。

我一直很信奉的一句话是,It's very easy to be different, but very difficult to be better.

要做到这一点,非常难。

这需要在产品初期有着非常清晰的信息架构以及迭代方向,这要求在产品初期设计的时候保留大量的可扩展的入口。

与iOS11一起带来的,还有ARkit。

初步谈谈iOS11的交互设计

iOS 11 带来了 ARKit,这一新框架让开发者可以轻松打造增强现实体验,从而让数以亿计的 iOS 设备能为用户带来非比寻常的无穷乐趣。通过将数字化的物体与你周围环境中的信息相互融合,增强现实可让 app 超越屏幕的条条框框,以全新方式与现实世界进行互动。各类游戏和 app 将以前所未有的方式,带来超乎想象的浸入式流畅体验,让人即使置身现实世界,也能畅游虚拟世界。

苹果很看重AR,并且已经在研发AR相关的产品,我其实一直相信,相对于VR,AR是更容易普及也更加具有生产力的新事物,对于交互设计师来说,AR的设计将具备更多的维度可以思考,因为交互的出发点是源自于用户的行为,在移动设备上,用户通过手指,产生了滑动、长按、点击、双击等交互行为,在桌面端上,主要是鼠标带来的交互。而手指的相对于鼠标的粗,所以移动设备以及触屏上会要求大且清晰,而桌面端则更多利用鼠标的特性去思考。

而AR,又是什么呢——传感器?空间?手势?

值得思考。

以上文字写于苹果6月6日的WWDC2017的KEYNOTE之后,因为现在还没发体验,所以一切都只是我个人的一些看法,等开放iOS11下载后,我会第一时间升级使用并再次跟大家进行分享。

时间有限,写的比较粗糙,敬请谅解。

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/33469/

(0)
TinadminTinadmin
上一篇 2017-08-01 05:13
下一篇 2017-08-01 05:39

相关推荐

  • 交互设计自学攻略

    交互设计是一个现在很热的岗位,工资待遇,发展前景都比较好。一些学工业设计,计算机,心理学及相关专业的人都想加入其中。 但国内大学只有少量开设相关的专业,而且集中在设计名校,如(清华,西交大,北理,江南…

    2015-08-19
  • 一次关于梦想、音乐和代码的交互设计体验

    ▲ Arcade Fire··[Way to Go] 这是树林里的一次漫步, 这是一次惊人的互动体验。 一个不安分的全景, 一次手工制作动画, 用360度视频(精选)拍摄, 混合着音乐、梦想、还有…

    2017-08-02
  • ✪ 新书 |《交互设计那些事儿》——关于交互设计,你需要知道都在这里!

    一部窥探交互设计师成长之路的实用指南!传授高效、靠谱的交互设计学习方法!IAMUE网站创始人倾力之作!

    2016-06-06
  • iOS10 交互设计启示

    导读:本文用交互设计的思维对iOS10的新特性进行分析。撇开平时我们考虑的界面排布,页面元素等问题不谈,将视角转移到屏幕外的东西:如时间维度的,空间维度的,手势操作等等,以提升我们的用户体验。本文作者是蘑…

    2017-08-04
  • 如何应对交互设计中的技术实现问题

    数十万互联网从业者的共同关注!作者: 山晓,作者授权早读课转载。公众号:LEX设计生(ID:Lex-design)编辑:Dva技术实现是交互设计的last but not the least环节,甚至有时应该是设计优先考虑的问题,毕竟…

    2017-08-02
  • 【10min学交互设计精髓】做产品要有风度(9)

    图片来源于网络小伙伴萌,有一周没见了,有没有想我呀~~快来看看今天咱们讨论些什么,有任何想法和建议都可以给我留言哦。我们常常谈起情商,人与人的相处方式。作为pm,有没有想过产品和人的相处方式呢?这个课题…

    2017-08-01
  • 真相:到底什么是交互设计

    数十万互联网从业者的共同关注!作者:Mr汤进,微信公共号ID:chuangshe_space作者原创并投稿早读课,转载请联系作者。一、前话5月1日在我和小伙伴们一起维护的原创微信公共号“创设空间”:chuangshe_space中向关注的…

    2017-08-02
  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • 功能确定之后,如何做好产品的交互设计?

    功能和数据都确定下之后,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓准了,我…

    2017-08-03
  • 交互新人:如何做用户体验设计

    嗯,毕业来了公司5个月,接触了一些项目,本该早点写些总结,拖延症发作拖延至今。作为交互设计的新人,需要学习和反思的还挺多。 在学校的时候,看了很多书,学了很多理论,一直都希望能够应用起来,来公司发现很…