美文网首页
程序结构(2)-模态框

程序结构(2)-模态框

作者: vcy桑 | 来源:发表于2020-05-14 11:34 被阅读0次

    模态

    模态是一种设计手法,在用户从先前的上下文中分离出来的临时模态中显示内容,并且需要一个明确的动作来退出。以模态的方式呈现内容可以:

    1.帮助人们关注于当前独立的任务,或者一系列密切相关的选项。

    2.确保人们能够接收到信息,必要时,能够基于关键信息行动。

    你可以根据应用程序中的具体上下文使用iOS提供的警告视窗,活动视窗(或共享工作表),还有动作工作表。为了在应用程序中显示定制模态内容,iOS13及以上版本支持以下表现样式。

    工作表

    工作表的表现形式为卡片,卡片遮盖住了部分的下层内容,未遮盖区域变暗以防止与它们发生交互。母版视窗或前一张卡片的顶部边缘在当前卡片的后面漏出可见,这样可以帮助用户记住打开卡片时暂停的任务。用户可以通过以下方式删除卡片:

    1.从屏幕顶部向下滑动

    2.当卡片内容滚动到顶部时,可从屏幕的任何位置向下滑动。

    3.点击按钮

    在不任何支持复杂任务的非沉浸式模态内容,请使用工作表。

    全屏

    全屏呈现样式覆盖了整个屏幕。先前的视窗被完全覆盖,最大限度地限度地降低视觉干扰。用户可以通过点击按钮来退出全屏模式。

    对于沉浸式内容(如视屏,照片或相机视图)或者能够从全屏模式获益的复杂工作(如像标记文档或者编辑照片),请使用全屏展示模式。

    如果在拆分视窗格、弹窗或者其他非全屏的视窗中使用当前语境模态视窗样式来显示模态内容。那么在在紧凑的环境中,应该切换成工作表来显示模态信息。

    在有意义的时候使用模态。当需要人们需要集中注意力去做出选择或者完成一个与当前任务不同的任务时,才可以使用弹窗。模态体验使用户从当前的语境中抽离并且要求具体的动作来执行退出,所以当它能够提供明确的益处时才使用它这一点非常重要。

    为传递重要的理想的可操作信息保留警报。一般来说,发生错误时会出现警报。因为警报会干扰体验并且需要点击才能退出,所以让用户认识到这样的干扰是必要的,这一点非常重要。

    保持模态任务简洁,聚焦。要避免在你的应用程序中再创建一个应用程序。如果模态任务太复杂,用户可能在进入模态语境时,忘记当前暂停下来的任务。在创建视觉层次复杂的模态任务时,要特别注意。因为人们可能会迷失,不知道如何返回。如果模态任务里面还包含子视窗,请提供单独的视觉层级路径和清晰的完成路径。除了完成任务以后,不要使用“完成”按钮。

    始终提供退出模态视窗的按钮。比如说,可以使用“完成”或者“取消”。包括一个按钮保证通过辅助技术能够访问模态视窗并且提供一种方式来替代解除手势。

    必要时,在关闭模态视窗之前提供信息帮助用户避免数据丢失。无论用户是使用退出手势还是按钮来关闭视窗,如果操作可能会导致用户入力的内容丢失,请提供操作表来解释情况并且提供解决方法。

    不要在弹窗上方再显示卡片。虽然你可以在弹窗当中使用卡片,但在弹窗上方不应该再显示任何东西(除了可能的警报)。如果用户在弹框中操作后,需要再显示卡片。请在卡片出现前先关闭弹窗。

    通常,需要显示标题来定义模态任务。当人们进入模态任务,他们就要从之前的语境中切离,所以使当前的新语境清晰明确是一个很好的办法。你也可以在视窗的其他地方提供文本内容以更好的描述任务或者提供引导。

    统一模态视窗和应用程序的视觉。比如说,当模态视窗中包含有导航栏时,应该使用与应用程序相同的导航栏。

    在应用程序中选择有意义的模态切换样式。使用与应用程序一致并能够加强临时语境转换意识的样式。默认的切换是模态视窗从屏幕的底部垂直滑入,退出时再垂直滑出。在应用程序中请保持模态切换样式的一致性。

    原文地址:https://developer.apple.com/design/human-interface-guidelines/ios/overview/themes/

    相关文章

      网友评论

          本文标题:程序结构(2)-模态框

          本文链接:https://www.haomeiwen.com/subject/anahactx.html