网站首页 > 网站设计> 文章内容

设计师必看:iOS 13 体验新特性大盘点

※发布时间:2019-12-8 13:21:40   ※发布作者:habao   ※出自何处: 

  笔者以设计师的立场出发,对新发布的 IOS1313 系统进行了梳理,盘点分析了新的功能体验,与大家分享。

  自从iPhone11和iOS13手拉手问世后,迎来了一大波褒贬不一的声音。也许是苹果太久没给我们带来早些年那种动弦、澎湃,卖肾都要“买它”的冲动了。

  转眼已经一个月过去,关于要不要割肾、要不要升级、新功能、新体验的文章帖子已经铺天盖地。这里臭脸君想讲的是作为一枚设计师面对本次iOS13的新特性,可以有哪些机会点能够为自己的产品做哪些应变呢~~

  这样的弹窗视图在Human Intece Guideline(苹果设计指南)中被称为Sheet。新版的视图有助于用户明确信息的层级,便于用户找回此前被暂停的任务。

  说到任务层级就想到机上标配的物理返回键,它与任务键、主页键并称三大金刚,所有的交互逻辑都以此为基础建立。

  iPhone一直以来只支持从左侧边缘内滑,也不像MIUI一样灵活可以左右开弓、。随着APP功能越来越厚重,iPhone的屏幕越来越大,引入新的层级体验想必也是为了解决这个困境。

  新版的视图弹窗(Sheet)提供三种关闭方式:从屏幕顶部向下滑动、当卡片内容滚动到顶部时,从屏幕上的任何向下滑动 、点击栏的按钮。

  但并不是所有弹窗都要兼具这三种方式(譬如弹窗内支持下拉刷新),可以根据页面呈现内容和操作的需要,可以选择一种或多种形式。

  弹窗的功能非常强大,可以承载以往全页面上的所有操作体验。但根据苹果在HIG中的,依然要注意弹窗中的任务需要简单、简短,避免过于复杂而导致用户忘了此前他们所暂停的任务,进而“迷”。

  对于设计而言,不失为是一次对产品层级洗礼的机会,尤其对于复杂业务逻辑的APP可以考虑将主页面分支的功能使用Sheet来承载。

  3D Touch有Peek(轻按)、Pop(重压)两种手势,并且可以识别用户按压的力度大小,根据力度给出不同的振动反馈。haptic touch只有轻按和重按,没有了中间的力度,也不支持灵敏度调节。

  从结构上看,Taptic Engine很可能在3D Touch基础上少了“电容式压力传感器”,因而无法识别用户按压力度。

  以往轻按桌面图标可进入排列编辑模式,重按呼出菜单,改用HapticTouch之后就不再区分轻按和重按。

  先通过长按呼出菜单,“重新排列桌面”变成了菜单中的一个选项。又或者长按呼出菜单后继续长按,也能进入排列编辑模式。

  显然这个改动对于经常有调整APP排序需求的用户带来了不便(就比如……臭脸君),或许是因为3DTouch自问世就吐槽不断,甚至有些人压根不知道还能重按操作。

  3Dtouch硬件成本高,并且会对iPhone的厚度产生影响,如果将3Dtouch模块移除 iPhone可以多出一部分内部空间来增加电池容量。为iPhoneXR等不支持3D Touch的设备也增加了触感触控。

  设计师需要注意,苹果此次将菜单图标从3Dtouch时期体量感很强的面型改成了更加轻量的线型,UI上需要同步更新。

  操作后顶部会出现对应的反馈,尝试下来有些过于花哨,很容易因为操作不当或记忆错误而反复尝试。尤其是在小屏机子上,笨重的大猪蹄肯定是无处安放的ㄟ(▔,▔)ㄏ,还不如本本分分的长按呼出菜单栏。

  要重点表扬一下针对信息列表的双指滑动手势,可以让列表快速进入编辑模式,在编辑模式下继续双指滑动就可以快速多选。第一次尝试操作的时候真的有被到,过度流畅又细腻,再也不用费劲巴拉的逐一点击啦。

  从魅族16开始,国内的手机厂商们就在积极地发展模式,此次iOS13苹果终于给用户们带来了期待已久的深色模式,可以通过系统设置或控制中心打开。

  在深色模式下,系统应用的背景都会随之变成黑色,还支持调整切换时间,根据自己的习惯自动切换模式。

  据说苹果已经要求开发者在明年4月前必须适配iOS13,对于最先相应的一批产品还在App Store上做了推荐(忘记截图留,目前已去掉了推荐模块)。所以的设计师一定也要赶紧上车,尽快为自己的产品做出适配方案。

  “APP以前自行做的夜间模式是否需要提前呢?”针对这个问题目前来看dark只是系统的一种皮肤模式,文字与底色之间的对比很强烈,并不是我们理解的夜间模式,不然苹果自己也不会保留“夜览”啦。

  iOS13的CarPlay也支持深色模式,并且可以把多项功能显示在同一屏幕,更方便查看和操作,支持更多机型。

  通过 Face ID 实现的 Memoji 在推出之后受到了很多人喜欢,可以通过自己的双手“再造”一个自己。

  iOS13对此做了升级,新的Memoji表情自定选项,包括新的发型、头饰、妆容和环饰。生成的表情包包在“信息”、“邮件”和第三方 App 中可用,并适用于所有 iPhone 机型。

  在iOS13之前的版本中,音量的调节图标是显示在屏幕中间一个巨大的铃铛,铃铛下面会有音量大小的进度条,严重干扰用户视线,因此很多应用(尤其是视频相关APP)都自行做了显示优化。

  iOS13对音量控制图标做了全新的设计,将其设计在了屏幕左侧。在音量的调节过程中,非常直观的显示大小的变化。还支持滑动调整,类似控制菜单中的音量调节。

  此次还做了铃声和音量的显示分离,有音频播放时按上下键在左侧显示音量调节,无音频时则在顶部显示音量的高低。终于解决了我用iOS12时总是摸不清调音量还是调铃声的困扰。

  如果你的APP曾经也为音量调节做过UI的特殊处理,可以考虑针对不同系统做展示。iOS13的用户统一使用系统的音量形式,功能强大的同时还能体验更一致。

  最后还有一些臭脸君觉得有意思的体验新增,也跟大家分享一下。看看是否可以被自己的产品为之所用~

  在Sari中截屏进入编辑模式后,支持以长图金莎与林俊杰的形式保存整个页面。也可以直接将网页以PDF的形式进行邮件共享。存长图功能在很多机上早已支持,希望苹果可以将该功能扩展到更多场景下,并给第三方APP。

  自 Cliff Kushler 在 swype 输入法上创造出滑动输入以来,这种输入方式已经成为了许多热衷于高效输入的用户的选择。

  此次iOS13也引入了这种直接滑动就可以输入的操作形式,对于尝鲜用户来说有一定的使用门槛,但如果手机大小、持机方式、手指长度三者间达到良好的配合,习惯后效率便可明显提升。

  iOS13通过 NFC 可以将两位同时佩戴 AirPods 的用户进行配对,还能通过 iPhone 触碰的方式进行音频分享。

  细心的你可能已经发现,在iOS13之前如果页面有滚动条,会在页面停止后快速的消失,而在iOS13中会停留一段时间才消失。因为进度条除了表明你当前所在的页面外,还具备了新的操作体验。

  当右侧出现有滚动条出现时,可以按住滚动条(按住后滚动条会变粗)进行拖拽实现页面快速滚动,就像在PC上用鼠标拖拽滚动条一样。

  针对iPhone11用户,在使用隔空传送给朋友发送资料时,只要将箭头指向他,系统就可以优先给他发送。(因为穷,没有实际尝试过ㄟ( ▔, ▔ )ㄏ)

  如果对方是iOS13的系统,你可以将自己的实时和到达时间分享给他。如果对方不是iPhone用户。也可以通过短信的形式分享自己的到达时间。

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里与你一起成长。