IOS 12设计规范(8-8)内容视图:弹出框(Popovers)

8.8    弹出框(Popovers)

弹出框是在用户点击一个控件或者屏幕上的一个区域后,出现在屏幕其他内 容之上的临时窗口。通常来说,弹出窗口包含一个指向它出现位置的箭头。 弹窗可以是非原⽣的也可以是系统原⽣样式的:对于非原⽣的弹出窗框,通  过点击屏幕上的其他部分或弹出框上的按钮关闭它;对于系统原⽣样式的弹出框,使用其中的 “取消” 按钮或其他按钮来关闭。 弹出框适合出现在较⼤的屏幕上, 它可以包含各种各样的元素,如导航栏、 工具栏、标签栏、表格、精选窗口、图像、地图和自定义窗口。在弹出框出 现且没有被取消时,通常不能操作其它视图的内容。使用弹出框显示与当前 屏幕内容相关的选项或信息,例如,当你点击 “事件” 按钮时,许多 iPad 上 的 App 会显示一个共享选项的弹出窗口。

IOS12设计规范

尽量不要在 iphone 上显示弹出窗口:通常,弹出窗口应该在 iPad 上的 App 中使用。在 iPhone 的 App 中,由于屏幕⼤小有限,请在全屏视图中 显示信息。有关指南,请参阅 Modality。

请使用 “关闭” 按钮进行确认和引导:弹出框中的关闭按钮应该传达出明 确的定义,比如 “取消” 表示不保存且退出,“完成” 表示保存并退出。通常, 弹出框不再需要显示时就应该⾃动关闭。在⼤多数情况下,当用户在弹出框 区域外点击或在弹出框中选择一个项目时,弹出窗口就应该关闭。如果存在 多个选择项,弹出框应该保持打开状态,直到有人点击取消按钮或者在弹出 窗口区域外点击将其关闭。

请在非原⽣弹框关闭时⾃动保存用户已操作的内容:用户会不⼩小心点击到弹出框外的区域而取消非原⽣弹出框,所以只有当用户明确点击取消按钮时才 不保存操作内容直接退出。

弹出框应该在屏幕的合适位置出现:弹出框的箭头应该直接指向使其浮现的控件位置。弹出框无法在屏幕上进行拖拽,所以弹出框不应该遮挡屏幕上需 要被用户看到的信息。弹出框也不应该遮挡住点击后会浮现弹出框的控件。

确保同时间内屏幕上只有个弹出框:显示多个弹出框会使界面显得混乱,  给用户造成困扰。不要让弹出框有级联或层级关系,这样会使一个弹出框从另一个弹出。如果你需要显示一个新的弹出窗口,请关闭打开的第一个弹出窗口。

不要在弹出框出现时显示另一个窗口只有警告窗口能够出现在弹出框的上方。

如果允许,请让用户仅通过一次点击就可以关闭一个弹出框接着打开另一个弹出框:当几个不同的栏目按钮都能打开弹出窗口时,这个操作会减少用户的额外点击。

避免将弹出框显示的太⼤:弹出框不应该占据整个屏幕,它的⼤小应该恰好足够显示其中的内容,并指向其出现的位置。请注意,系统可能会调整弹出框的尺⼨来确保其良好适应屏幕。

请确保自定义的弹出框让用户理解这就是弹出框:虽然你可以自定义弹出框的许多视觉效果,但尽量避免设计出一个用户难以理解的弹出框。使用标准控件和视图的弹出框看上去最容易被用户所接受。

确保弹出框的⼤小改变过程有一个平滑的过渡:部分弹出框提供了相同内容的精简和扩展视图两种样式,如果要调整弹出框的⼤小,请避免让用户感觉是一个新的弹出框取代了原先的弹出框。

文章转载请注明出处,并需展示来源网址!:淘盒子 » IOS 12设计规范(8-8)内容视图:弹出框(Popovers)

赞 (0) 打赏

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏