Skip to content

Commit

Permalink
Merge pull request ascoders#231 from ihavecoke/patch-1
Browse files Browse the repository at this point in the history
Update 002.精读模态框的最佳实践.md
  • Loading branch information
ascoders authored Feb 6, 2020
2 parents f573e16 + 115d108 commit 5d65a77
Showing 1 changed file with 1 addition and 1 deletion.
2 changes: 1 addition & 1 deletion 002.精读模态框的最佳实践.md
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@

### 模态框定位

首先,Model 与 Toast、Notification、Message 以及 Popover 都会在某个时间点被触发弹出一个浮层,但与 Modal(模态框)还是有所不同的。定义上看,上述组件都不属于模态框,因为模态框有一个重要的特性,即阻塞原来主视窗下的操作,只能在框内作后续动作。也就是说模态框从界面上彻底打断了用户心流。
首先,Modal 与 Toast、Notification、Message 以及 Popover 都会在某个时间点被触发弹出一个浮层,但与 Modal(模态框)还是有所不同的。定义上看,上述组件都不属于模态框,因为模态框有一个重要的特性,即阻塞原来主视窗下的操作,只能在框内作后续动作。也就是说模态框从界面上彻底打断了用户心流。

当然,这也是我们需要讨论的问题,如果只是一般的消息提醒,可以用信息条、小红点等交互形式,至少是不阻塞用户操作的。在原文末引用的 10 Guidelines to Consider when using Overlays 一文中,第 8 条强调了模态框不到万不得以不应该使用。这时我们应该思考什么情况下你非常希望他不要离开页面,来读框内的信息或作操作呢?

Expand Down

0 comments on commit 5d65a77

Please sign in to comment.