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

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

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

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

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


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

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

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


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

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


而在iPhone 6s/6s Plus上,因为这两个手机有3D touch功能,当我们使用3D touch功能按下通知时,会出现如图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应用场景的加强,如通知交互的变更,如更多模糊效果的出现——我们可以感觉到,应用和系统本身之间界限也在不断地模糊,好的产品是让用户用完即走的,那么在未来,可能更好的产品,甚至无需用户进入,便可以解决其大部分需求。

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,387评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,016评论 4 62
  • 刘小超 “拙政”是因晋朝《闲居赋》的一段话:“筑室种树,逍遥...
    燕牛牛阅读 1,411评论 0 0
  • 文/张又可 节选自张又可散文集《青春的遗嘱》 或 或早 引一首清晨清脆的鸟鸣 掬一捧神清气爽的清泉 迁就这呆呆的睡...
    张又可阅读 229评论 1 1
  • 作者:李尚龙 01 北京,繁华又令人迷茫的都市,有多少人真正做的是自己喜欢的工作。 又有多少人,是先谋生,再谋爱。...
    福仁缘的蓝胖子阅读 266评论 0 1