快捷搜索:  汽车  科技

ios13交互逻辑:设计师必看 iOS 13

ios13交互逻辑:设计师必看 iOS 13iPhone一直以来只支持从左侧边缘内滑,也不像MIUI一样灵活可以左右开弓、随心所欲。随着APP功能越来越厚重,iPhone的屏幕越来越大,引入新的层级体验想必也是为了解决这个困境。说到任务层级就想到安卓机上标配的物理返回键,它与任务键、主页键并称三大金刚,所有的交互逻辑都以此为基础建立。转眼已经一个月过去,关于要不要割肾、要不要升级、新功能、新体验的文章帖子已经铺天盖地。这里臭脸君想讲的是作为一枚设计师面对本次iOS13的新特性,可以有哪些机会点能够为自己的产品做哪些应变呢~~这样的弹窗视图在Human Interface Guideline(苹果设计指南)中被称为Sheet。新版的视图有助于用户明确信息的层级,便于用户找回此前被暂停的任务。可参见官方设计指南:https://developer.apple.com/design/human-interface-guidelines/i

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

ios13交互逻辑:设计师必看 iOS 13(1)

自从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)提供三种关闭方式:从屏幕顶部向下滑动、当卡片内容滚动到顶部时,从屏幕上的任何位置向下滑动 、点击导航栏的按钮。

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

ios13交互逻辑:设计师必看 iOS 13(2)

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

ios13交互逻辑:设计师必看 iOS 13(3)

目前原生应用内也存在使用混乱的问题,不知道是bug还是内部没打成统一呢ㄟ( ▔ ▔ )ㄏ

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

在使用时需要注意:

  1. 模态任务会打断对当前页面的展示和操作,因此使用在独立业务分支且需要用户暂时集中注意力的场景下
  2. 避免模态任务太复杂,当人们进入模态上下文时,他们可能会忽略他们暂停的任务。
  3. 谨慎地创建涉及多层次结构的模态任务,因为人们可能会迷失方向,而忘记了如何追溯其步骤。
  4. 始终包含一个退出模态视图的按钮。无论是“取消”、“完成”、“叉叉”,不能只存在隐晦的手势操作。
02 HapticTouch

Apple本次将3DTouch改为长按,命名为HapticTouch。从英文翻译过来,Haptic Touch的含义为触觉触控。

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

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

ios13交互逻辑:设计师必看 iOS 13(4)

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

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

ios13交互逻辑:设计师必看 iOS 13(5)

猜您喜欢: