5分钟交互设计指南系列:对话框

更新:2017-11-02    编辑:楼主    来源:转载    人气:加载中...    字号:|

框 (dialogs) 是叠加在使用主视图上的弹出 (pop-up) 视图,一般会要求用户作出反应。对话框可以分为模态对话框 (modal dialogs) 和非模态对话框 (modeless dialogs)。

模态 (modality) 会禁止用户完成当前视图上的任务,应用户专注于模态视图 (modal views) 里的新任务;只有当模态视图被终止后,用户才干持续完成之前的任务。

在下面的例子中,提示框禁止用户持续查看地图应用户专注于提示;只有当用户轻点 OK 后,用户才干持续查看地图。提示框是 iOS 中常见的模态视图之一。

  • 标题:对话框的标题应该简洁易懂、一目了然。

  • 按钮:模态对话框上一般有两个按钮,一个是默认按钮(比如,“确认”、“打印”、“清空回收站”),另一个是取缔按钮。它们该当给用户清晰的选项。当用户点击任何一个按钮后,模态对话框就会关闭。为了提高熟练用户的效率,我们应该允许用户按 Esc 键终止对话框(效果和取缔按钮相同)。

  • 说明文本:说明文本可以向用户解释对话框里的任务,它应该清晰、避免重复信息。

  • 什么是模态对话框?

    当模态对话框打开后,用户不能持续之前的任务,除非模态对话框被终止。

    设计交互界面时,我们应该注重模态对话框的设计设计良好的模态对话框可以赞助用户更好的完成任务,而糟糕的模态对话框则会让用户感觉沮丧。Alan Cooper 将模态对话框比作界面设计中的”配角“。因为模态对话框会打断用户的心流 (flow),所以主要的内容和相关控件应该放在主视图中,而不是散播在不同的模态对话框中。此外,当一个对话框层叠在另外一个对话框之上时,它们往往让人摸不着脑子。

    评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)

    站点导航

    您可能在找这些