ios13交互逻辑:设计师必看 iOS 13
ios13交互逻辑:设计师必看 iOS 13iPhone一直以来只支持从左侧边缘内滑,也不像MIUI一样灵活可以左右开弓、随心所欲。随着APP功能越来越厚重,iPhone的屏幕越来越大,引入新的层级体验想必也是为了解决这个困境。说到任务层级就想到安卓机上标配的物理返回键,它与任务键、主页键并称三大金刚,所有的交互逻辑都以此为基础建立。转眼已经一个月过去,关于要不要割肾、要不要升级、新功能、新体验的文章帖子已经铺天盖地。这里臭脸君想讲的是作为一枚设计师面对本次iOS13的新特性,可以有哪些机会点能够为自己的产品做哪些应变呢~~这样的弹窗视图在Human Interface Guideline(苹果设计指南)中被称为Sheet。新版的视图有助于用户明确信息的层级,便于用户找回此前被暂停的任务。可参见官方设计指南:https://developer.apple.com/design/human-interface-guidelines/i
笔者以设计师的立场出发,对新发布的 iOS1313 系统进行了梳理,盘点分析了新的功能体验,与大家分享。
自从iPhone11和iOS13手拉手问世后,迎来了一大波褒贬不一的声音。也许是苹果太久没给我们带来早些年那种动人心弦、激情澎湃,卖肾都要“买它”的冲动了。
经历了iOS 11的灾难级别表现后,苹果这次对性能还是下了狠功夫的。
- Face ID的解锁的速度提升了30%
- APP的体积缩小了50%
- 更新包的体积缩小60%
- 应用的启动速度提升了2倍
- ……
单看这些数据还是挺振奋人心的。
转眼已经一个月过去,关于要不要割肾、要不要升级、新功能、新体验的文章帖子已经铺天盖地。这里臭脸君想讲的是作为一枚设计师面对本次iOS13的新特性,可以有哪些机会点能够为自己的产品做哪些应变呢~~
01 弹窗视图(Sheet)这样的弹窗视图在Human Interface Guideline(苹果设计指南)中被称为Sheet。新版的视图有助于用户明确信息的层级,便于用户找回此前被暂停的任务。
可参见官方设计指南:https://developer.apple.com/design/human-interface-guidelines/ios/app-architecture/modality/
说到任务层级就想到安卓机上标配的物理返回键,它与任务键、主页键并称三大金刚,所有的交互逻辑都以此为基础建立。
iPhone一直以来只支持从左侧边缘内滑,也不像MIUI一样灵活可以左右开弓、随心所欲。随着APP功能越来越厚重,iPhone的屏幕越来越大,引入新的层级体验想必也是为了解决这个困境。
新版的视图弹窗(Sheet)提供三种关闭方式:从屏幕顶部向下滑动、当卡片内容滚动到顶部时,从屏幕上的任何位置向下滑动 、点击导航栏的按钮。
但并不是所有弹窗都要兼具这三种方式(譬如弹窗内支持下拉刷新),可以根据页面呈现内容和操作的需要,可以自由选择一种或多种形式。
弹窗的功能非常强大,可以承载以往全页面上的所有操作体验。但根据苹果在HIG中的建议,依然要注意弹窗中的任务需要简单、简短,避免过于复杂而导致用户忘了此前他们所暂停的任务,进而“迷路”。
目前原生应用内也存在使用混乱的问题,不知道是bug还是内部没打成统一呢ㄟ( ▔ ▔ )ㄏ
对于设计而言,不失为是一次对产品层级洗礼的机会,尤其对于复杂业务逻辑的APP可以考虑将主页面独立分支的功能使用Sheet来承载。
在使用时需要注意:
02 HapticTouch
- 模态任务会打断对当前页面的展示和操作,因此使用在独立业务分支且需要用户暂时集中注意力的场景下
- 避免模态任务太复杂,当人们进入模态上下文时,他们可能会忽略他们暂停的任务。
- 谨慎地创建涉及多层次结构的模态任务,因为人们可能会迷失方向,而忘记了如何追溯其步骤。
- 始终包含一个退出模态视图的按钮。无论是“取消”、“完成”、“叉叉”,不能只存在隐晦的手势操作。
Apple本次将3DTouch改为长按,命名为HapticTouch。从英文翻译过来,Haptic Touch的含义为触觉触控。
3D Touch有Peek(轻按)、Pop(重压)两种手势,并且可以识别用户按压的力度大小,根据力度给出不同的振动反馈。haptic touch只有轻按和重按,没有了中间的力度,也不支持灵敏度调节。
从结构上看,Taptic Engine很可能在3D Touch基础上少了“电容式压力传感器”,因而无法识别用户按压力度。
以往轻按桌面图标可进入排列编辑模式,重按呼出菜单,改用HapticTouch之后就不再区分轻按和重按。
先通过长按呼出菜单,“重新排列桌面”变成了菜单中的一个选项。又或者长按呼出菜单后继续长按,也能进入排列编辑模式。
![]()