网络中的大多数模态窗口打开时都会控制屏幕,它们在页面中弹出,同时阻止用户查看模态窗口下面的内容,直至模态窗口关闭。
这种模式有时候很有用,但如果仅是给正在浏览页面的用户提供附加信息,就特别要命。同时,设计人员又不想因附加信息而加长页面。遇到上述情况,内联模态窗口比较适用。
内联模态窗口内嵌在页面中,不会覆盖页面内容。上图示例展示了内联模态窗口的打开方式。用户能在页面中看到更多内容,点击页面中的X按钮,页面就恢复到原始状态。
网站不用内联模态窗口,页面会变得冗长,让用户目不暇接。用了内联模态窗口,便于用户浏览页面内容,他们只需展开内联模态窗口就能得到更多内容。
有时候需要用模态窗口,让用户专注于任务,而另一些时候需要用内联模态窗口,便于用户浏览页面内容,避免他们不知所措。
原文地址:https://uxmovement.com/navigation/inline-modal-windows-more-content-without-losing-context/