取消了Home键的 iPhone X,交互方式都有哪些变化?

iPhone X 作为一台全面屏的设备,和上一代的 iPhone 7 还是有着很大的区别,这些区别不仅体现在材质和工业设计上,在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」(同为 375pt),但在高度方面就比原先多出了 145 pt ,再加上 iPhone X 去掉了最为标志性的 Home 键,这两点直接导致的就是界面的布局和交互会发生相应的变化。

文章目录[隐藏]

取消了Home键的 iPhone X,交互方式都有哪些变化?

iPhone X 作为一台全面屏的设备,和上一代的 iPhone 7 还是有着很大的区别,这些区别不仅体现在材质和工业设计上,在界面交互上也有一些差异。iPhone X 的显示屏所能显示的内容和 4.7 英寸的 iPhone 7 一样「宽」(同为 375pt),但在高度方面就比原先多出了 145 pt ,再加上 iPhone X 去掉了最为标志性的 Home 键,这两点直接导致的就是界面的布局和交互会发生相应的变化。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / Apple

接下来我们来看看在 iPhone X 上都有哪些交互变化。

注:下文中的「iPhone 7」指搭载 iOS 10 的 iPhone 7,「iPhone X」指搭载 iOS 11 的 iPhone X。

Home 键

  • iPhone 7:为实体 Home 键。
  • iPhone X:官方称呼为 Home Indicator,形状为一根横线,在主屏幕时是自动隐藏的。在使用软件时,例如观看视频,如果手指长时间不触碰屏幕也会自动隐藏。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 屏幕底部的横线(Home Indicator)

主屏幕

  • iPhone 7:按下 Home 键。
  • iPhone X:从底部向上轻扫一下,即可返回主屏幕。

取消了Home键的 iPhone X,交互方式都有哪些变化?

多任务

  • iPhone 7:双击 Home 键; iOS 10 中可以在屏幕边缘使用 3D Touch 按压进入多任务列表。
  • iPhone X:从底部向上轻扫并停顿一下,就能激活多任务界面。

取消了Home键的 iPhone X,交互方式都有哪些变化?

快速切换回上一个应用

  • iPhone 7:重按(3D Touch)屏幕左边缘,然后向右滑动,就能切换回上一个应用。
  • iPhone X:有两种方式:从屏幕底部向上轻扫并停顿一下,然后向右滑动,就能切换回上一个应用。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / iMore

或者直接在屏幕底部的小横线(Home Indicator)上左右滑动,也能快速切换应用。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / Apple

解锁屏幕

  • iPhone 7:抬起手机点亮屏幕,按下 Home 键并同时完成 Touch ID 解锁,识别后自动进入主屏幕。
  • iPhone X:抬起手机点亮屏幕(或用手指点一下屏幕来点亮),使用 Face ID 解锁,识别后会停留在解锁完成的界面,需要从底部向上轻扫才能进入主屏幕 。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ 图 / The Verge

辅助功能快捷键

  • iPhone 7:在「设置 – 通用 – 辅助功能 – 辅助功能快捷键」中选择需要使用的功能后(比如 VoiceOver),按三下 Home 键即可快速激活。
  • iPhone X:设置过程类似,激活方式改为连按三下侧边按钮。

SOS 紧急联络

  • iPhone 7:iOS 10 中无 SOS 紧急联络功能;iOS 11 在「设置 – SOS 紧急联络」中打开,激活方式为连按五次电源键。
  • iPhone X:设置过程类似,长按侧边按钮和音量上键来激活。

呼出 Siri

  • iPhone 7:长按 Home 键呼出 Siri ,或者对 iPhone 说「嘿,Siri」。
  • iPhone X:长按侧边按钮(原「电源键」,后改名为「侧边按钮」),就能呼出 Siri。

取消了Home键的 iPhone X,交互方式都有哪些变化?

Apple Pay

  • iPhone 7:锁屏状态下双击 Home 键呼出 Wallet。
  • iPhone X:连按两下侧边按钮,即可使用 Apple Pay。

取消了Home键的 iPhone X,交互方式都有哪些变化?

控制中心

  • iPhone 7:由屏幕底部向上滑动呼出控制中心。
  • iPhone X:从屏幕右上角向下轻扫。

取消了Home键的 iPhone X,交互方式都有哪些变化?

通知中心

  • iPhone 7:由屏幕顶部向下滑动呼出通知中心。
  • iPhone X:从屏幕左上角或者中间向下轻扫即可(暂不清楚中间区域是否和控制中心对半分),关闭时向上轻扫。

取消了Home键的 iPhone X,交互方式都有哪些变化?

(图 / The Verge)

屏幕截图

  • iPhone 7: Home 键和电源键同时按下,即可截图。
  • iPhone X:因为 iPhone X 没有实体 Home 键,所以改成同时按下侧边按钮和音量上键。

关机

  • iPhone 7:长按电源键后,滑动关机滑块;在「设置 – 通用」里滑到底部,有个「关机」按钮;按 5 下侧边按钮激活 SOS 紧急联络模式后,顶部有个关机滑块。
  • iPhone X:在「设置 – 通用」里滑到底部,有个「关机」按钮;长按侧边按钮和音量上键激活 SOS 紧急联络模式后,顶部有个关机滑块。

取消了Home键的 iPhone X,交互方式都有哪些变化?

△ iOS 11

「最全面的iPhone X 设计资源」

  1. 《最新版iOS 11设计规范发布了,来下载官方源文件!》
  2. 《优设首发!iPhone X 官方人机交互指南中文版》
  3. 《优设首发!800M高质量的iPhone X+8展示模板免费打包下载》

取消了Home键的 iPhone X,交互方式都有哪些变化?

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/34252/

(0)
震天下震天下
上一篇 2017-09-16 14:05
下一篇 2017-09-18

相关推荐

  • UX设计师不得不掌握的心理学技巧

    不要让视觉效果过重以至于霸占了整个网页的重心
    视频比起文本和图片更容易吸引用户的注意力
    女性和孩子的形象更容易吸引用户的注意力
    用户浏览页面的视觉轨迹是“F”型的

    动机
    能力
    触发

    2017-05-23
  • 从音乐属性改进用户体验,QQ音乐和虾米音乐如何再优化?

    本文将抛开市场占有率,将腾讯的QQ音乐与阿里的虾米音乐作对比,从音乐的本身属性和对人心理的影响出发,分析用户需求,对产品提出用户体验方面的优化建议。

    2017-05-18
  • 如何让头脑风暴更有效率

    头脑风暴法是广泛用于团队的一个产生想法和解决问题的方法。然而,许多头脑风暴活动是有不完美的,最终并不能帮助激发思想上的创新。众所周知,传统的头脑风暴,团体在一起,把想法一个接一个的表达出来,通常这是…

    2014-11-10
  • 万豪国际集团打造智能交互体验客房

    作为全球酒店业的创新者,万豪国际集团近日携手两大全球领先企业 -- 三星与罗格朗,重磅推出 “智能交互体验客房”,探索有可能提升宾客体验的各种新概念,创造更为高效的客房设计,从而为宾客带来未来酒店体验。宾客可在万豪国际集团“智能交互体验客房”镜子上投射瑜伽练习视频万豪国际集团全球首席商务官Stephanie Linnartz表示:“我们的宾客期望在生活中的方方面面都能获得个性化的体验,酒店入住也是如此。智能交互体验客房使得宾客可以按照自...

    2018-01-30
  • 优秀的用户体验需要遵守的10种准则

    在网页设计和APP软件中,一个好的排版不仅仅要拥有漂亮的字体。更要有高度的可读性——易于浏览——同时能让用户专注它的内容。这是一个相当艰巨的任务,但是大多数设计师可以通过练习达到这种效果。今天我们将去看看优秀的用户体验需要遵守的10个 “准则”,同时你也可以学习以便帮助你设计出非常棒的设计。(每个规则都配有一个网站的例子)

    2017-05-25
  • 被忽视的重彩-交互设计验证

    每次评审,都是一场高效的讨(si)论(bi)大会...届时,需求、设计、开发也会上演争霸对决。作为身经百战的设计师该如何从评审会中顺利脱身,逃离这场没有硝烟的战役呢?小子很高兴地告诉你:你是绝对跑不掉的!定性、定量挖掘数据我们知道产品都有一定的周期性,开发期-成长期-成熟期-衰退期。在不同的产品周期中用户也会随着时间的推移,对产品的使用深度和理解广度有了深浅的层次变化,而不同的时期设计师采用的定性定量研究方法也是不一样的,如:访谈、问卷...

    2018-04-18
  • 改版设计的思路(上):发现问题

    做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。今天我们先来搞定第一件事:发现问题。他说:我感觉这个页面太乱。他说:这个图标重心不稳,页面颜色有点脏,banner有点丑,图标描边粗细不一致。他说:问题出现在以下几个方面:颜色、图标、布局等等,其中颜色问题有……图标问题有……

    2017-05-03
  • 现阶段用户体验最完美的混合动力 试驾新款比亚迪唐100

    以上汽车你体验过开一天车只花4元么?你体验过地板油加速无声无息么?你体验过用车供电吃电火锅开Party么?你体验过下大雨没带伞直接把车遥控过来么?你体验过车外雾霾爆表你却淡定自若么?你体验过下坡行驶续航里程却越来越多么?你体验过开个三月车却用不到100元油费么?今天这个车让我们知道到了答案!话说以前以上君并没有太关注过新能源车型,总感觉没有乐趣,但是真正开上贴近生活以后才发现插电混动是真的实用。YishangAuto第一眼看到唐100就...

    2018-04-07
  • 职业病又犯了,我从交互设计角度分析了《得到》App…

    我是《逻辑思维》的 期期都听 忠实听众,也许有很多人对老罗不置可否,但我自己是非常喜欢的,可能也是由于我知识结构和老罗相差太远,但我一点也不觉得丢脸,谁叫他比我 老 大呢。以前我们都知道,喜马拉雅是逻辑…

    2017-08-04
  • UI设计师工作必备的七个设计神器

    今天推荐的这7个神器,有经典款也有新人版,不过大致贯穿了UI设计的整个工作流程,从排版、配色、切图到标注、预览,都有对应的良心神器推荐 ,非常适合刚入门的UI设计师,当然,有两款谷歌刚出的神器,也值得老手们来瞧一瞧。

    2017-05-31