“确认弹窗”,so easy!

“确认弹窗”应当被重视，如果使用不当，会给用户带来不小的困扰。这片文章分享了一些关于“确认弹窗”的重要设计要素。

“确认弹窗”是为了明确用户到底是想进行下一步操作还是取消当前的操作。这种设计通常是用到一些不可逆转的操作后，例如删除相册。“确认弹窗”也会被应用到结果类的操作，例如“发布”。

“确认弹窗”不是必不可少的，实际上它偶尔还会造成用户操作失误。如果用户频繁地处理“确认弹窗”，他们会越来越忽视这个弹窗。所以，“确认弹窗”不应当出现在不合适的位置，比如一些可逆的或者没有结果的事情。

最佳建议：

1.“确认弹窗”的标题栏展示操作行为。

2.“确认弹窗”的内容里解释结果。

3.在确认按钮里复述操作内容。

避免：

1.有歧义的问题“你确定吗”

2.没有含义的内容

3.按钮内容仅为：是／否 

4.“取消”某些时候是有歧义的。比如说，问题“放弃修改吗？”，“取消”会让用户理解成“取消修改”的意思，而不是“取消放弃修改（即修改）”的意思。

交互样式：

“确认弹窗”包含多样化的交互样式使得用户能更加明确它所传达的信息。样式包括了：多选项选择框和输入密码等等。

设计版式：

“确认弹窗”有多种设计版式，包括以下三种。第一种：标题，内容，按钮都用分割线予以区分，非常明确；第二种：标题，内容，按钮紧凑排列，更适合模块化。第三种：只有标题和按钮，简单明确，区域小而精剪。

“确认弹窗”设计趋势：

按钮会添加更多的交互，而不仅仅是点击或者轻拍。例如下图所示的“点击－拖动”的操作，与此同时，按钮上的文字有原来的“确认”变为“已确认”。