你为谁设计？您的最终用户是一家以移动设备为中心的初创公司、一家台式机公司、普通消费者还是店员？您的典型用户年龄有多大，他们如何处理您的应用程序以及何时需要访问它？
如果开发人员希望他们的应用程序、工具或网站取得成功，他们的目标受众应该始终是他们的首要考虑因素。从线框到成品，在整个过程中始终牢记最终用户是绝对必要的。不断询问 “他们在什么情况下会使用该应用程序？”; “从什么类型的设备？” “他们需要从它那里得到什么？”。
某些UI元素在某些情况下是很好的，但在其他情况下可能没有帮助。模态窗口在这里是一个很好的例子。它们为特定的设计情况提供了完美的解决方案，但在其他情况下可能是真正的失败。那么，你应该如何以及何时使用它们？我们将在下面更详细地研究这个问题，但是使用模态窗口时要考虑的最重要的事情是您的用户。
双层玻璃
模态窗口有点像双层玻璃-很简单，它是一个窗口，坐在另一个顶部，没有摆脱第一个。从技术上讲，这比那复杂一点。模态窗口通常是包含与当前页面相关的信息的框，但不需要用户离开他们所在的页面来查看该信息。
模式窗口通常出现在用户屏幕的中心，并禁用页面其余部分的功能。他们抓住读者的注意力，告知他们与页面有关的问题。为了确保读者注意到窗口，网页设计师通常会模糊模式框后面的页面。用户可以通过单击窗口外，按enter键或使用通常出现在右上角的 “关闭” 图标关闭窗口来摆脱通知。
你为什么要使用一个？有各种各样的原因，你会引入一个模式框到您的设计:
- 图像和视频-因此用户无需转到新页面即可查看您正在讨论的照片或影片。
- 联系表单-这意味着您网站的访问者不必离开他们所在的页面。
- 注册/登录页面-允许从用户正在查看的页面更快地访问。
- 警报或通知-例如，让他们知道下载已开始。
- 提示，帮助元素和搜索框，使网站导航更快。
- Pdf-因此用户可以避免下载文档或离开主页。
模态赢-做，模态赢-不要
正如我们刚刚看到的，使用模态窗口有很多好处。当用户想要了解更多信息时，他们可以避免加载新页面的麻烦。它们还改进了页面的一般可用性，并节省了空间-如果您想避免在窗口中填充大量重元素，则可以将其包含在模态窗口中。
但是，模态窗口总是不合适的。如果过度使用，模态窗口会中断用户的操作，并可能引起烦恼-特别是如果它们自动弹出。同样重要的是要记住，大多数人在不阅读对话框的情况下就忽略了对话框 — 这几乎成了对任何被视为弹出窗口的本能反应，这意味着你想传达的信息很可能不会被阅读。最后，模态窗口往往会在移动设备上造成重大的UX问题。
模态窗口在移动第一世界
坦率地说，手机屏幕上的模态窗口并不是很好的UI功能。考虑到大多数袖珍设备的物理尺寸，模态窗口很少能很好地显示。
- 因为模态窗口位于另一个窗口之上，所以显示的信息已经较小-在3英寸移动屏幕上，这只是不起作用
- 该模式窗口将不得不占用几乎所有可用空间在设备的屏幕上，这意味着用户可能会困惑地认为他们已经被带到一个新页面
- 您可能必须包括笨拙的元素，如滚动框一侧的模态窗口，感觉不自然的触摸屏
现在，正如我们上面指出的，作为开发人员，您应该了解您的受众。如果他们最有可能从台式机或笔记本电脑查看您的设计，模态windows可能是一个非常有用的UX功能。另一方面，您可能希望查看移动终端用户的替代方案-通过在新页面中包含信息，或者通过使用不同的UI选项。
我们推荐
无论您是与特别热衷于模态窗口的客户合作，还是您的设计师为您的网页添加了模态窗口，忘记了许多用户将从移动设备查看网站，值得记住的是，总是有UI替代方案。重要的是，这些替代选项通常与模态窗口一样传达信息。在Infragistics，我们开发了一系列小部件 ，包括幻灯片选项卡，叠加和幻灯片菜单 ，它们提供了显示其他信息的替代方法。
无论您选择哪种UI功能，请记住设计的黄金法则-将用户需求放在中心位置。一旦到位，其他一切都会随之而来。
尝试我们的jQuery HTML5控件为您的web应用程序，并立即利用其惊人的数据可视化功能。下载免费试用版今天或联系我们。
</p