弹出窗口是一种瞬态视图,当用户点按或轻点控制或交互区域时,它会显示在其他内容之上。

使用弹出窗口显示少量信息或功能。弹出窗口会在用户与之交互后消失,因此将弹出窗口中的功能数量限制为少量相关任务。例如,日历日程弹出窗口可让用户轻松更改日程的日期或时间,或者将其移到其他日历。弹出窗口会在用户更改后消失,从而让用户继续检查日历中的日程。
想要为内容保留更多空间时,考虑使用弹出窗口。边栏和面板这类视图会占据大量空间。如果只是暂时需要内容,以弹出窗口形式显示内容有助于简化界面。
将弹出窗口放在合适的位置。确保弹出窗口的箭头尽量直接指向显示该窗口的元素。理想情况下,弹出窗口不应遮挡显示该窗口的元素或者用户在使用该窗口时可能需要看到的任何基本内容。
仅将“关闭”按钮用于确认和指导目的。如果“关闭”按钮(包括“取消”或“完成”)能让上下文变得明确,例如退出时保存或者不保存更改,请包括该按钮。否则,当用户在弹出窗口边界外部点按或轻点,或者选择其中的项目时,弹出窗口通常会关闭。如果可以进行多项选择,请确保弹出窗口一直打开,除非用户明确将其关闭或者在弹出窗口边界外部点按或轻点。
自动关闭非模态弹出窗口时,始终保存工作。用户在非模态弹出窗口边界外部点按或轻点时,可能会意外关闭它。仅当用户点按或轻点明确的“取消”按钮时,才丢弃其工作。
一次显示一个弹出窗口。显示多个弹出窗口会让界面变得杂乱并造成困扰。永远不要以层叠或层次这样接连的形式显示弹出窗口。如果需要显示新的弹出窗口,请先关闭打开的弹出窗口。
不要在弹出窗口上方显示其他视图。确保除了提醒外,不要在弹出窗口顶部显示任何内容。
尽可能让用户点按或轻点一下即可关闭一个弹出窗口并打开另一个。如果有多个不同的栏按钮且每个都打开一个弹出窗口,这种情况下尤其要避免使用额外的手势。
避免让弹出窗口太大。确保弹出窗口的大小足以显示其内容并指向其来源位置。如有必要,系统可调整弹出窗口的大小以确保其在界面中完美契合。
更改弹出窗口大小时,提供流畅的过渡效果。部分弹出窗口同时提供相同信息的紧排和加宽视图。如果调整弹出窗口的大小,请为更改使用动画效果,以免造成新弹出窗口替换了旧弹出窗口这样的错觉。
避免在帮助文稿中使用弹出窗口字眼。相反,应指代特定的任务或所选内容。例如,你可以写成“选择显示按钮”,而非“选择弹出窗口底部的显示按钮”。
避免使用弹出窗口显示警告。用户可能会忽略弹出窗口或将其意外关闭。如果需要警告用户,请转为使用提醒。
无针对 visionOS 的额外考量因素。在 Apple tvOS 或 watchOS 中不受支持。
避免在紧凑视图中显示弹出窗口。让 App 或游戏基于内容区域的尺寸分类动态调整其布局。将弹出窗口用于较宽视图;对于紧凑视图,则可以采用表单这样的全屏幕模态视图来呈现信息,从而充分利用所有可用的屏幕空间。相关指南,请参阅模态化。
在 macOS 中,你可以使用可分离的弹出窗口,即当用户拖移时会变成单独的面板。当用户与其他内容交互时,该面板仍在屏幕上保持可见。


考虑让用户分离弹出窗口。当用户想要在查看其他信息时保持弹出窗口可见,他们可能希望能够将弹出窗口转换为面板。
尽量减少对分离弹出窗口外观的改动。与原始弹出窗口看起来相似的面板可帮助用户不脱离上下文。
有0人收藏了本文