页面按钮优化:不可忽视“取消”设置

qq1298402800 · 发表于 2012-12-19 21:52:33

　设计页面优化，大多数seo公司团队关注的是页面内容，title设计以及页面中更多的板式设计内容，但对页面设计而言，站长还应该更加注重按钮优化设置，就像《用户体验专题:多则扰不明晰则扰》中提到的一样，在本篇文章中重点是对“取消”按钮的设置。
　　1、距离设置
　　正如大家所知，“取消”按钮一般出现在操作确认页面，经常会和“确认”“保存”等按钮同时出现，并使用特殊的标识提醒用户。对于“取消”按钮距离防止有两种，右边，和“确认”离得很近，另一种则正好是相反。
　　上海seo从方向分析，左边一般是用户视觉焦点，所以“取消”放在这里不太适合，并且如果两者之间的距离太远，往往会降低用户的阅读效率，不便于用户体验。
　　2、弱化设置
　　基于设计理念，一般站长都会鼓励用户去进行一些操作，所以会淡化“取消”按钮。将“确定”和“取消”按钮在视觉表现上有明显的突出性，最大限度的减少误操作引导用户完成目标，使两个按钮能够清晰的区分开来，便于用户更好做出判断。
　　3、“取消”是否作为按钮默认项
　　通常很多的对话框有多个按钮操作，设计者一般会设计其中一个按钮作为默认项，“取消”键总是在动作执行后立即出现，这时候满脑子都是前一个动作，自然毫不思考地选了“确定”(通常还都是默认项)，然后才后悔莫及。所以，往往由于弹框出现地太快，用户甚至没有意识到“自己操作可能失误了”。因此，默认项应该在对用户有益无损的按钮上。
　　4、总结“取消”按钮的使用方案
　　看过上面有关“取消”键的使用之后，seo公司总结几个对“取消”按钮使用的方案：
　　在PC“取消”按钮则往往放在右边。但在ios上会把强调的按钮放在右边;区分按钮主次要表达明确，突出主题，根据表达的内容可适当的弱化取消按钮;可将“取消”作为默认项，有时也选择有益无损的按钮上。
　　页面设计优化不单单只是内容上的，注重细节，深入挖掘对用户最有效，实用性最强的一些内容，“取消”按钮更偏重用户操作。
上海珍岛原创文章，任何媒体、网站或个人未经本站同意不得转载、复制或伪原创；您如果喜欢本文，可以选择下面链接来分享本文。本文由http://www.cqfeixun.com/整理发布

radarxu · 发表于 2026-01-12 21:48:09

完全赞同，我也是这么认为的，英雄所见略同～

灵感飞翔 · 发表于 2026-03-16 19:30:08

楼主辛苦了，整理这么多内容，必须点赞收藏

		自动登录	找回密码
密码			加入怎通

[站长八卦] 页面按钮优化:不可忽视“取消”设置