5分钟交互计划指南系列:对话框营销策划

来源:互联网 / 作者:SKY / 2017-12-01 05:14 / 点击:
框 (dialogs) 是叠加在应用主视图上的弹出 (pop-up) 视图,一样平常会要求用户作出回响。对话框可以分为模态对话框 (modal dialogs) 和非模态对话框 (modeless dialo

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

模态 (modality) 会阻止用户完成当前视图上的使命,行使户专注于模态视图 (modal views) 里的新使命;只有当模态视图被终止后,用户才气继承完成之前的使命。

在下面的例子中,提醒框阻止用户继承查察舆图,行使户专注于提醒;只有当用户轻点 OK 后,用户才气继承查察舆图。提醒框是 iOS 中常见的模态视图之一。

5分钟交互打算指南系列:对话框

对话框一样平常由什么构成?

大部门对话框都由问题、按钮和声名文本构成。假如对话框应承用户输入或选择,则还需相干控件。

5分钟交互打算指南系列:对话框

问题:对话框的问题应该简捷易懂、一览无余。

按钮:模态对话框上一样平常有两个按钮,一个是默认按钮(好比,“确认”、“打印”、“清空接纳站”),另一个是打消按钮。它们该当给用户清楚的选项。当用户点击任何一个按钮后,模态对话框就会封锁。为了进步纯熟用户的服从,我们应该应承用户按 Esc 键终止对话框(结果和打消按钮沟通)。

声名文本:声名文本可以向用户表明对话框里的使命,它应该清楚、停止一再信息。

什么是模态对话框?

当模态对话框打开后,用户不能继承之前的使命,除非模态对话框被终止。

在计划交互界面时,我们应该重视模态对话框的计划。计划精采的模态对话框可以辅佐用户更好的完成使命,而糟糕的模态对话框则会让用户感想沮丧。Alan Cooper 将模态对话框比作界面计划中的”副角“。由于模态对话框会打断用户的心流 (flow),以是首要的内容和相干控件应该放在主视图中,而不是散布在差异的模态对话框中。另外,当一个对话框层叠在其它一个对话框之上时,它们每每让人摸不着脑子。

5分钟交互打算指南系列:对话框

△ 级联对话框 (Cascading Dialogs) 每每令人狐疑

为什么行使模态对话框?

假如行使适合,模态对话框可以辅佐用户完成使命,缔造精采的用户体验。当你有以下需求时,可以思量行使模态对话框:

1. 获取用户的留意力

当你但愿用户专注在一项重要的使命上时,你也许必要行使到模态对话框。尽量必然会打断用户,但很少有其他组件能像模态对话框一样获取用户的所有留意力。模态对话框一样平常处于界面的最顶层的中间位置。用户必需先处理赏罚模态对话框里的使命,然后才气行止理赏罚其他使命。因此,用户不太也许错过它们。

在下图的例子中,当用户删除项目时,应用启动了一个模态对话框向用户确妊佚操纵。

5分钟交互打算指南系列:对话框

阅读延展

1
3