UI 设计基础 App 剖析

优质
小牛编辑
116浏览
2023-12-01

AppleWatch必须与用户的iPhone配合使用来运行应用程序。

界面类型

Watchapps支持两种导航方法:

Hierarchical.该类型与iOS中的导航类型相匹配,最适合包含分层信息的应用程序。在一个hierarchical app中,用户需要在每屏上做出一个选择来导航,直到到达目的地。如果想导航到另一个目的地,那么用户必须折回部分或者全部步骤并做出不同的选择。

Hierarchical模型要好于扁平化的模型,分页导航模型适合更复杂的应用程序交互。

56.png

"Page-based.分页界面可让用户通过水平方向上的滑动来实现内容页之间的导航。基于分页的界面最适合包含简单数据模型的应用程序,每一页上的数据并不是直接关联到其他页面上的数据。每页底部的圆点指示器可展示用户的位置。要尽可能地通过控制页面总数来简化导航。

57.png

你不能同时使用分层和分页的界面类型。在设计时。你必须选择最适合应用程序内容的类型,并针对该类型进行设计。

不管使用哪一种类型,应用程序都能模态地展示内容。模态页面为用户提供了一个无干扰的方式来完成任务或者获得信息,但这种方法会暂时阻止用户与app的其他部分进行交互。更多信息,请查看ModalSheets

用户交互

"Action-basedevents(基于动作的事件).在AppleWatch中,单点手势是用户与应用程序交互的主要方式。表格行、按钮、开关以及其他控件都通过点击操作,这些点击随后会被报告给你的WatchKit扩展中的代码。

"Gestures(手势).系统会为你处理任何手势,并使用手势执行标准行为:

  • 在竖直方向上滑动滚动当前屏幕。

  • 在一个分页界面中,水平滑动展示上一个或者下一个页面。

  • 向左滑动导航回到父界面控制器。

AppleWatch不支持多手指手势,比如捏合操作。

"ForceTouch.小尺寸屏幕容纳的控件数量有限,这也是为什么苹果会引入一种全新的交互模式--ForceTouch。Retina显示屏在感知到用户点击的同时也感知到了压力。ForceTouch交互模式展示与当前屏幕相关的上下文菜单。应用程序则使用该菜单来展示与当前内容相关的操作。更多内容,请参看Menus

"DigitalCrown.为更细微的调整和加速滚动而设计,而不会妨碍AppleWatch显示。DigitalCrown可以更简单地滚动长页面。