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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
iOS10的锁屏界面交互方式的深入思考
0.0°
2016-07-26 原创文章 经验/观点 举报 2984 6 8 1

iOS10相对于前几代系统,交互方式上有了比较多的改变,本文从iOS10的锁屏界面入手,和大家探讨下iOS锁屏界面交互方式变更的原因

        这本来是一篇很早之前应写得文章,我作为每次iOS新版本出来必第一时间刷的人,今年可惜出了点状况,一直到最近才能深入体验iOS10。


        iOS10相对于以往的iOS系统,是有非常多的变化的,因本人作为交互设计师,每次接触到新系统时会特别关注新系统相对于以往系统的流程和动效的变化。那么我们首先来看看iOS10的锁屏界面相对于iOS9的变化,以及我个人对这些变化背后的交互逻辑的一个理解。


        在早期,iOS6以前的版本,iOS的锁屏界面如图1所示,也就是说在拟物化时代,iOS一直采用的滑动解锁的方式。而从iOS7开始,iOS7——iOS9的锁屏界面如图2所示,虽然依然是滑动解锁,但是iOS6之前只能向右滑动底部的滑块来解锁,而iOS7以后可以通过滑动整块屏幕来解锁。为什么会可以做这样的改变是因为iOS7开始,采用了扁平化的设计。

图1、图2


        那么为什么采用扁平化设计后,解锁方式便可以做成全屏滑动解锁呢?因为任何的交互方式都建立在某种逻辑上的——在iOS6以前,采用的是拟物化的设计,拟物化设计时的交互应尽可能的让界面符合真实世界的交互逻辑,所以通过拖动一个滑块来解锁是非常合理的,如果在拟物化的界面上需要做到全屏解锁,那只能够满屏幕的都变成滑块,这样显然不可能。


        全屏滑动解锁的好处不言而喻,给予用户更大的自由,可以更加方便快捷的解锁,特别是在越来越大的手机屏幕上。但是在iOS10出现后,iOS设备的锁屏界面已经变成如图3所示的样子。


        可以看到主屏幕上没有滑动解锁的字样,右下角也没有了相机的图标,但是在底部出现了两个小圆点和一个相机的图标。大家注意到顶部中间会有一个锁的图标,此时我将手指放在home键上,注意是放在home键上而不是按下,理论上是应该激活touch ID,如果是iOS9系统,点亮屏幕时手指放在home键上会自动指纹识别然后进入系统,但是在iOS10上,可以看到如图4所示,同样会激活touch ID进行指纹识别,可以看到顶部显示已解锁,底部会出现“按下主屏幕按钮以打开”字样,但是不会进入到桌面。

图3、图4

  

      而当我们向右滑动时,会出现如图5所示界面,该界面上是各种widget,苹果也开放了这部分的API,以后用户应该可以自行添加第三方的widget在此界面。而在锁屏界面左滑时,则会打开相机应用,且在打开相机应用的同时,系统会自动完成对焦操作。


        以上是没有任何通知的时候的效果,那么如果有通知的情况会怎样呢?如图6所示,所有的通知会单独的出现在锁屏界面上,当我们对某条通知向右滑动时,则进入如图7所示界面,会提示你需要使用touch ID或者输入密码解锁,这个逻辑和之前相同。

图5、图6


        而在iPhone 6s/6s Plus上,因为这两个手机有3D touch功能,当我们使用3D touch功能按下通知时,会出现如图8所示界面,发现可以在锁屏状态下直接和通知进行交互——如回复信息等。

图7、图8


        这是在屏幕顶部有锁的情况下的操作,若在锁屏界面上使用touch ID,顶部的锁的图标消失后,对通知右滑,可以直接进入通知所属的应用而无需再次使用touch ID或者输入密码解锁。对于widget中的推荐应用,点击应用图标也会和上述相同的交互逻辑。


        若没有通知在锁屏界面下希望进入桌面,则按下home键使用touch ID识别指纹即可进入桌面。


        我们再来整理下iOS10的锁屏界面的交互逻辑:


        1、点亮屏幕的锁屏界面:


                a、未使用touch ID指纹识别时:右滑进入widget,左滑进入相机,对通知右滑,提示使用touch ID或者输入密码解锁,使用3D touch按下通知,可以直接和通知进行交互。按下home键,进行指纹识别后进入桌面。


                b、已使用touch ID解锁时:右滑进入widget,左滑进入相机,对通知右滑,直接进入该通知所属应用,使用3D touch按下通知,可以直接和通知进行交互。按下home键,进入桌面。



        2、屏幕未点亮时:


                若按下home键,则直接进行指纹识别后进入桌面。若使用其他键点亮屏幕,则后续交互逻辑和上述相同。



        初次接触iOS10的用户可能会对这一锁屏交互逻辑的变化感到不适应,那么了解完这一交互逻辑后,我们来思考下苹果为什么要这么变更。


        我想是出于以下三个方面:


                a、因为widget在锁屏界面的加入,滑动解锁和进入该界面的方式的交互产生了冲突,二者只能选其一,那么就改变滑动解锁的交互。


                b、随着设备的升级,屏幕尺寸等发生了变化,滑动打开相机会更加便捷,而若继续使用滑动解锁可能随着屏幕的变化发生误触,当然这一变化也可能跟iPhone 7的某些特性相关(此方面还有待进一步深入思考)


                c、touch ID的灵敏度太高——我曾觉得这是很核心的一个原因——当手机越来越重度使用后,相信很多人在很多情况下,点亮手机屏幕的目的是为了看下时间,或者会点亮屏幕后使用右下角的相机功能打开摄像头抓拍,而因为touch ID识别效率太高,导致按下home键的同时几乎看不到锁屏界面了,这样看时间的需要再重新锁屏,而想要使用相机的要么只能在桌面找到相机进入,要么重新锁屏后使用其他案件点亮屏幕打开。


        关于第三点,很多人会有疑问,说,iOS10中,按下home键,也一样解锁屏幕进入桌面了呀,那这个方面还是没有解决。

        

        所以我们看到了iOS10一个非常有用的功能——能感应你的手势,类似于apple watch——在屏幕熄灭状态下,当抬起手机时,屏幕会自动点亮,而放下手机是,屏幕又会自动熄灭,我们无需按下任何按键。


        说到这里,大家应该很清楚苹果在锁屏界面的变更,并对这些变更的原因有所了解。回到交互本身,我们会发现,任何交互行为的背后都一定有它的逻辑性,一个交互所对应的一个目标往往是单一的,但随着软件功能的增多,往往这些交互会产生冲突,如何解决这些冲突也是交互设计师未来会越来越多需要思考的问题。


        苹果给了一个很好地示范,虽然现在iOS10的公测版本为beta2,不确定在正式版中,锁屏界面是否还是这样的交互方式,但是也值得我们对这一变化进行分析。就好像在iPhone 6s和6s Plus上,为了让用户清晰感知到3D touch,苹果更改了手机内部的震动马达一样,优秀的交互方式在以后会越来越多的借助和周边的互通和衔接。


        锁屏的内容就说到这里,而对于iOS10的其他变化,如iMessage的变化,如3D touch应用场景的加强,如通知交互的变更,如更多模糊效果的出现——我们可以感觉到,应用和系统本身之间界限也在不断地模糊,好的产品是让用户用完即走的,那么在未来,可能更好的产品,甚至无需用户进入,便可以解决其大部分需求。


        以上是个人的一些小思考,欢迎大家一起沟通交流,共同进步。

更新:2016-07-26

收藏

6人已收藏

黄方闻

把每一件事,做到极致

  • 11

    作品

  • 1360

    粉丝

  • 3

    关注

  • 《动静之美——Sketch移动UI与交互动效设计详解》历程
  • 入行用户体验设计,规范是一切的开始
  • 实用Sketch小技巧03——输入框的运算和圆角的设置
  • 实用Sketch小技巧01——自定义快捷键

    猜你喜欢

      2016-07-26 原创文章 经验/观点 举报 2984 6 8 1

      iOS10的锁屏界面交互方式的深入思考

      0.0°

      你确定要举报iOS10的锁屏界面交互方式的深入思考

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年07月26日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      8
      6
      1

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

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

      登录

      手机号

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

      登录
      第三方账号登录