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

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

提交需求

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

0/20
0/200

设计大赛

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

提交完成
感谢您对UI中国的支持和信赖!
iOS 10 锁定屏幕将成为新的主屏——分析Redesign
0.0°
2016-11-19 自译外文 经验/观点 原作者: Zuno Young 举报 2832 7 5 0

这是 Zuno Yang 的一篇 Redesign 报告,关于 iOS 10全新的锁定屏幕。


今年的WWDC(苹果全球开发者大会)带来了不少好消息,苹果的未来发展总让人感到兴奋。真的很想花一整天时间来讲这些内容,但这次我想先分享的是关于iOS上的一个特别部分——锁定屏幕的研究。

Image title

iOS 10 preview


·   ·   ·

累赘的锁定屏幕(iOS 10 以前) 

99%的时候,解锁手机的交互流程是这样的: 


  1. 按下Home键唤醒手机 (据我观察,大部分人都会选择使用Home键唤醒手机,而不是使用手机的锁定键)
  2. Touch ID 识别你的手指和解锁手机 
  3. 到达主屏 


解锁手机只需要点击一下(有Touch ID后),看起来很不错是吗?并不是...这样你有多少时间用在锁屏和阅读通知上呢?可能只是少于一秒。除非你是机器人,不然根本无法在这么短的时间里阅读锁屏上的通知信息。 


Touch ID是一个很棒的功能,拥有严密的安全性,让iOS可以使用方便的Apple Pay功能。然而,使用Touch ID解锁却妨碍了快速预览通知消息。这么看来锁屏就变得有点多余了。 


所以这次,苹果在iOS 10上为了解决这个的“死循环”,推出了“抬起唤醒(Raise to wake)”功能,以及在锁定屏幕可以使用Force Touch提供更多的实用功能(或者老设备上使用长按功能)。


·   ·   ·


苹果的解决方案

“抬起唤醒”是个让你悔恨为何不早点出现的实用功能。试想当你想查看手机的时候(收到了新的消息),你会拿起你的手机、或者从口袋里取出来,然后放到你的视野前查看。这时候不需要按下任何按键,屏幕会自动亮起,并显示所有通知。 


这样用户在未解锁手机的情况下进行交互,改变了我刚刚提出的第一步中的用户行为,却同样实现了唤醒手机。 而前者在唤醒手机的同时还可以阅读通知消息。


而为了让锁定屏幕扮演一个更加重要的角色,苹果甚至为iOS 10带来了“丰富化通知”功能。举个例子,以后用户可以在锁屏界面中回复短信,而不需要解锁和进入到相关的App里面。

Image title

曝光的 iOS 10 新功能


嗯...这样锁定屏幕看起来就完美了吗? 


·   ·   ·


另一个问题——群组合并 

在观看WWDC直播的时候,我就想到相同App的通知消息应该可以合并。这不是理所当然的吗? 


事实上,情况并非如此。我第一时间安装了iOS 10的beta版,发现群组消息根本就没有(至少在beta 1版本)。非常失望...MacRumors的文章也是一样的情况。 

Image title

苹果公司,你这是在逗我吗? 竟然没有合并同类消息?! 


我举两点说明这个问题。 


没有分组

首先,即使你不是UI/UX设计方面的专家,你也知道在接收到很多通知消息时,屏幕会显得笨拙,例如同时在5个不同的App上的10个群组聊天信息(当然可能不会出现在你身上,但你应该能get到我说的这个点 )。


此外,卡片之间也浪费了很多空间。 


这样的设计给用户带来混乱,同时也不符合iOS向来引以为傲的简洁优雅。 


这种失望驱使我做出行动。在使用iOS 10数天之后,决定结合我的想法,尝试重新设计锁定屏幕上的通知消息。 

Image title

通知消息的重新构想 


·   ·   ·


我的Redesign设计 

你可以在上面的mockup中看到,新的设计中,来自相同App的通知消息会被合并,这样就很简单地解决了我提出的问题。


当我开始重新设计锁定屏幕的时候,Spark马上就出现在脑海中。Spark是个伟大的Email App,我每天都在使用(如果你仍在寻找优秀的Email App,那么不用找了,强力推荐Spark!)。它整齐地呈现了不同的列表(“新信息”、“推广邮件”、“置顶”),十分类似于苹果正在iOS 10上尝试的新锁定屏幕。 

Image title

Spark和iOS 10 锁定屏幕


用了一个下午时间,我设计了不同的UI界面,展示如何让锁定屏幕上的交互变得更好。最后完成如下:

Image title

为了与iOS保持一致 ,我使用了和iOS 10官网上一样的板式


感谢阅读我的Redesign报告。欢迎任何反馈和建议。

——Zuno, cofounder designer of Timeto


_______

本文由shengbanx翻译整理,原文版权归属原作者所有


原文发表于Medium 16年6月17日

Lock Screen is Your New Home (iOS 10 Analyze & Redesign)

by Zuno Young

shengbanx 译




更多原创译文与您分享

Image title




更新:2016-11-19

收藏

7人已收藏

shengbanx

希望设计能带给大家好心情

  • 13

    作品

  • 650

    粉丝

  • 18

    关注

  • Facebook.design,以设计回馈社区
  • 虚拟现实:通往未知的第一步
  • Facebook通话: “评级反馈”的设计思考
  • 交互密度与最小交互区域

    猜你喜欢

      2016-11-19 自译外文 经验/观点 原作者: Zuno Young 举报 2832 7 5 0

      iOS 10 锁定屏幕将成为新的主屏——分析Redesign

      0.0°

      你确定要举报iOS 10 锁定屏幕将成为新的主屏——分析Redesign

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

      0/200

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

      点击上传附件

      对谁可见:

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

      您确认要推荐?

      该作品发布时间:2016年08月14日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      5
      7
      0

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

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

      登录

      手机号

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

      登录
      第三方账号登录