静电说:最近这几天,有同学跟我讨论,说他在设计表单的过程中遇到了一些问题,按钮到底用确认还是取消,到底是用是还是否?确认按钮到底放左边还是右边?这个问题其实长期以来大家都有困惑。
今天,咱们通过几个小例子来跟大家说的明明白白。其实原理很简单,就是文字。原则如下:
- 代表确认的按钮一般放在右侧的位置
- 按钮内容具体用怎样的文字,取决于弹层中具体是怎样的表述,以及功能的风险和趋向性。
01.具有正向引导的对话框
首先看第一个例子:
在这个例子中,请大家注意观察表单黑色文字,“确认提交表单?”,在这种情况下,你下意识的回答会是什么?确认,取消。还是“是”,“否”?我想,答案显而易见,肯定是“确认”,或者“取消”。这样的表意是足够明确的,而且黑色字体已经明确的问你“确认提交表单吗?”,那我们的回答肯定大多数是右侧的。
我们再看第二个例子:
我们可以直接使用第一个例子中的思路来回答。这个例子中,黑色标题文字“提交表单”,它的表意不太明确,仅仅是陈述性词汇,没有明确表达是否需要选择。这个时候在按钮的文案上需要直接表达直观的含义:“提交表单”或者“再想想”。而不是“确认”或者“取消”。
第三个例子:
如果我们能明白前两个例子的关键点,那么第三个例子就显而易见知道怎么做了。“是否提交表单?”,回答当然是“是”或者“否”。而非其它文字。这是最理想的状态。
所以,当弹层暗示用户提交表达是当前安全且需要完成的内容的时候,更正向的引导是最重要的。当然,这里边还涉及到,这个表单的提交是否有风险,比如副标题中的“提交后无法修改”,那么我们就需要作出选择,此时用第二个例子中的方式是最理想的。
02.具有警示或危险性的对话框
第一个例子
在这个例子中,我们建议大家将确认按钮放在不易点击到的左侧,同时用红色警示色呈现,给用户制造一点点难度。毕竟这个动作是有危险性的。
第二个例子
在你确认不想让用户进行某个操作的时候,很多的软件会这么做,emmm,有点流氓的感觉,但不得不说很有效。右侧的弹层使用不明的表意来混淆用户的操作,同时引导用户点击“我再想想”。
03.总结
总之,弹层的设计需要洞悉用户的心理,同时将文本表意更加明确化,不明的表意会造成用户识别的错误。这个其实就是文字功夫啦!再结合视觉颜色上的引导和位置的暗示,那么作出一个合格的弹层,是不是就很简单呢?