第二，设计和使用取消键
时间：2022-03-20 20:24:01 | 来源：网络推广
时间：2022-03-20 20:24:01 来源：网络推广
取消在页面中的位置
设计取消键(或操作确认页面)时，常会将确认，保存按钮放在左边，并使用醒目的格式标识出来，或者默认选中该项。取消按钮则往往放在右边。确认和取消不宜离得太远。图a中两个按钮距离太远增加了视觉移动的距离，给阅读造成负担。而图b的阅读效率要比a高得多。
(a)
(b)
取消与其他按钮的区分及弱化方式
出于产品运营的考虑，会一些鼓励用户去进行的操作，淡化取消的操作。比如下图的几个方案，确定和取消按钮做了不同程度的区分。
这样做的好处是，减少次要操作在视觉表现上的突出性，最大限度的减少误操作引导用户完成目标。使两个按钮能够较清晰的区分开来，突出表现确认一方。让用户更容易做出判断。
按钮在设计时可根据实际表达的内容，突出主次关系。适当的引导用户，尽量规避误操作，让操作更加便捷清晰。也可使用人性化的描述性的词语强调按钮，弱化取消取消的作用是能允许用户回到前面的操作。但不能过度的影响界面要表达的主要意图。人性化的描述性词语能够引起用户足够的关注度，让其感觉贴心亲切。下图豆瓣上这个发表电影评论的页面，使用蓝灰色和小字，在格式上也与其他的按钮不一样，整个页面只突出一个好了，添加评论按钮。
这个页面是需要用户填写内容的，取消操作会产生消极结果。特别是用户在不经意的情况下点了取消，将会导致填写的内容不复存在。在这个页面的设计上，弱化了取消采用链接的形式代替按钮，突出了确认操作按钮好了，添加评论。起到了很好的视觉突出作用。但切记，文字要简洁精炼，立意明确。
确定加取消在对话框中的使用。
对于主标题文本内容为您确定要吗的句式的问题对话框，可使用确定取消组合。但不要使用确定和取消来回答是否判断问题。如图a为错误例子。除了上述情况外，确定取消组合时，确定的含义等同于提交，如图b,中的选项实际上确定为提交的意思。
图c,不要为错误或警告信息使用过重的警示图标，容易让用户感觉鸭梨很大。在设计错误类或是警示类的提示可采用黄色!
;按钮可采用确定或者辅助推荐动作 我知道了当提问是否?可直接使用是否组合。如图d
取消是否作为按钮默认项
通常的对话框当有多个按钮的时候，会设定其中一个按钮为默认项。取消键总是在动作执行后立即出现，这时候满脑子都是前一个动作，自然毫不思考地选了确定(通常还都是默认项)，然后才后悔莫及。所以，往往由于弹框出现地太快，用户甚至没有意识到自己操作可能失误了。因此，默认项应该在对用户有益无损的按钮上。
比如下图当关闭未保存的文档时，该提示的默认项在保存按钮上。因为保存相对其他两个按钮来说更无损。
下图为提示玩家升级游戏版本的提示框，在这里我们是需要推荐玩家去更新游戏版本的，因此默认项应该在确定按钮上。
我们在设置提示框按钮的默认项时，应考虑到设为默认后，当用户误操作时是否对其有益无损。还有要考虑到推荐和鼓励用户的操作，给用户适当的引导。
在线咨询
