初步谈谈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

相关推荐

  • 零基础学习交互设计先从这些知识开始!

    @黄红艺Designer :交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统…

    2017-08-02
  • 经典必备知识!什么是交互设计的三大法则?

    @十萬個為什麽 :本文提到的三大铁律在交互设计中的地位接近圣经。细细品读,你会发现现代最流行的用户界面,都采用了这本里程碑式的著作中的概念与技巧,其中也包括微软和苹果的设备 >>>科幻作家艾萨克·…

    2017-08-01
  • 交互设计新人必看:怎样让你的线框图发挥出真正价值?

    当一个想法出来之后我们都知道先用线框画下来,但是画着画着,总觉得不对劲,总觉得加上视觉元素之后才能真正看出效果来。原作者:Dustin Senos翻译:zhuyuxuan地址:http://www.ui.cn/detail/148272.html转载请经…

    2017-08-01
  • iOS10交互设计启示

    数十万互联网从业者的共同关注!作者:MOGU_Dribbbler。作者授权早读课发表,转载请联系作者。来源:站酷。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com背景前段时间被一篇名为《从iOS10设计指南变化看设计的新趋势…

    2017-08-04
  • 交互设计中的心理学

    整理认知心理学中对交互设计(用户研究)有所启发的一些知识点(参考《认知与设计——理解UI设计准则》)包括:中央凹与边界视野——如何呈现信息以获取注意力格式塔原理——如何处理不同界面元素的关系时间感知——如何让…

  • 【交互设计】Dribbble上的 UI 大神MIKE作品欣赏

    Dribbble 上的UI 大神MIKE作品欣赏幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片浏览幻灯片…

    2017-08-04
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01
  • iOS10 交互设计启示

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

    2017-08-04
  • 互联网理财平台交互设计再设计

    一、项目背景互联网理财平台,支付渠道升级,由原来的新浪托管换成富友、宝付支付。这就意味着平台需要对账户资产页面及交易流程进行重新设计。用户在购买理财产品时,只能通过平台的账户余额进行购买。如果账户余…

    2017-08-01
  • 新手入门做交互设计的那些事儿

    数十万互联网从业者的共同关注! 作者:panda,交互设计师个人微信号:D1173740249作者授权早读课发表,转载请联系作者。欢迎投稿到早读课,投稿邮箱:mm@zaodula.com文章底部可以评论留言啦,欢迎大家赞同质…

    2017-08-04