Repo-UI表单确认框如何设计？掌握这个诀窍直接搞定！

静电说：最近这几天，有同学跟我讨论，说他在设计表单的过程中遇到了一些问题，按钮到底用确认还是取消，到底是用是还是否？确认按钮到底放左边还是右边？这个问题其实长期以来大家都有困惑。

今天，咱们通过几个小例子来跟大家说的明明白白。其实原理很简单，就是文字。原则如下：

1. 代表确认的按钮一般放在右侧的位置
2. 按钮内容具体用怎样的文字，取决于弹层中具体是怎样的表述，以及功能的风险和趋向性。

01.具有正向引导的对话框

首先看第一个例子：

在这个例子中，请大家注意观察表单黑色文字，“确认提交表单？”，在这种情况下，你下意识的回答会是什么？确认，取消。还是“是”，“否”？我想，答案显而易见，肯定是“确认”，或者“取消”。这样的表意是足够明确的，而且黑色字体已经明确的问你“确认提交表单吗？”，那我们的回答肯定大多数是右侧的。

我们再看第二个例子：

我们可以直接使用第一个例子中的思路来回答。这个例子中，黑色标题文字“提交表单”，它的表意不太明确，仅仅是陈述性词汇，没有明确表达是否需要选择。这个时候在按钮的文案上需要直接表达直观的含义：“提交表单”或者“再想想”。而不是“确认”或者“取消”。

第三个例子：

如果我们能明白前两个例子的关键点，那么第三个例子就显而易见知道怎么做了。“是否提交表单？”，回答当然是“是”或者“否”。而非其它文字。这是最理想的状态。

所以，当弹层暗示用户提交表达是当前安全且需要完成的内容的时候，更正向的引导是最重要的。当然，这里边还涉及到，这个表单的提交是否有风险，比如副标题中的“提交后无法修改”，那么我们就需要作出选择，此时用第二个例子中的方式是最理想的。

02.具有警示或危险性的对话框

第一个例子

在这个例子中，我们建议大家将确认按钮放在不易点击到的左侧，同时用红色警示色呈现，给用户制造一点点难度。毕竟这个动作是有危险性的。

第二个例子

在你确认不想让用户进行某个操作的时候，很多的软件会这么做，emmm，有点流氓的感觉，但不得不说很有效。右侧的弹层使用不明的表意来混淆用户的操作，同时引导用户点击“我再想想”。

03.总结

总之，弹层的设计需要洞悉用户的心理，同时将文本表意更加明确化，不明的表意会造成用户识别的错误。这个其实就是文字功夫啦！再结合视觉颜色上的引导和位置的暗示，那么作出一个合格的弹层，是不是就很简单呢？