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

楼主辛苦了,整理这么多内容,必须点赞收藏
页: [1]
查看完整版本: 页面按钮优化:不可忽视“取消”设置