找回密码
 加入怎通
查看: 511|回复: 4

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

[复制链接]
qq1298402800 发表于 2012-12-19 21:52:33 | 显示全部楼层 |阅读模式
 设计页面优化,大多数seo公司团队关注的是页面内容,title设计以及页面中更多的板式设计内容,但对页面设计而言,站长还应该更加注重按钮优化设置,就像《用户体验专题:多则扰 不明晰则扰》中提到的一样,在本篇文章中重点是对“取消”按钮的设置。/ q. V5 ]6 @) b9 R4 D
  1、距离设置
; R1 u* A! s5 U: Z  正如大家所知,“取消”按钮一般出现在操作确认页面,经常会和“确认”“保存”等按钮同时出现,并使用特殊的标识提醒用户。对于“取消”按钮距离防止有两种,右边,和“确认”离得很近,另一种则正好是相反。, W6 O% ], [8 v9 s- L
  上海seo从方向分析,左边一般是用户视觉焦点,所以“取消”放在这里不太适合,并且如果两者之间的距离太远,往往会降低用户的阅读效率,不便于用户体验。
$ _8 Q" _: G" R: [- o7 w  2、弱化设置
1 f' ?0 _; U! I& X4 j- S+ u  基于设计理念,一般站长都会鼓励用户去进行一些操作,所以会淡化“取消”按钮。将“确定”和“取消”按钮在视觉表现上有明显的突出性,最大限度的减少误操作引导用户完成目标,使两个按钮能够清晰的区分开来,便于用户更好做出判断。
" W0 z; {* o: }5 y. @0 U  3、“取消”是否作为按钮默认项" x) ^5 O6 `. K
  通常很多的对话框有多个按钮操作,设计者一般会设计其中一个按钮作为默认项,“取消”键总是在动作执行后立即出现,这时候满脑子都是前一个动作,自然毫不思考地选了“确定”(通常还都是默认项),然后才后悔莫及。所以,往往由于弹框出现地太快,用户甚至没有意识到“自己操作可能失误了”。因此,默认项应该在对用户有益无损的按钮上。# }' ]9 F/ k7 Z9 X
  4、总结“取消”按钮的使用方案! n) c. H: m+ n; I" g! p- N2 C
  看过上面有关“取消”键的使用之后,seo公司总结几个对“取消”按钮使用的方案:
( N3 C) N" y! E! V1 v7 k- k4 [  在PC“取消”按钮则往往放在右边。但在ios上会把强调的按钮放在右边;区分按钮主次要表达明确,突出主题,根据表达的内容可适当的弱化取消按钮;可将“取消”作为默认项,有时也选择有益无损的按钮上。8 w; E0 L7 J) K. g
  页面设计优化不单单只是内容上的,注重细节,深入挖掘对用户最有效,实用性最强的一些内容,“取消”按钮更偏重用户操作。
9 M9 F) ~! V& \; s$ d- d上海珍岛原创文章,任何媒体、网站或个人未经本站同意不得转载、复制或伪原创;您如果喜欢本文,可以选择下面链接来分享本文。 本文由http://www.cqfeixun.com/整理发布
5 B$ Y1 G' l  E# U$ I( n) l  g; j4 _8 O4 F* V) k

暂时无法加载帖子列表

回复

使用道具 举报

radarxu 发表于 2026-01-12 21:48:09 | 显示全部楼层
完全赞同,我也是这么认为的,英雄所见略同~
回复

使用道具 举报

灵感飞翔 发表于 2026-03-16 19:30:08 | 显示全部楼层
楼主辛苦了,整理这么多内容,必须点赞收藏
回复

使用道具 举报

大少爷_Ben 发表于 2026-09-06 10:22:01 | 显示全部楼层
蹲了这么久,终于看到有价值的讨论,支持一下!
回复

使用道具 举报

路人甲123456 发表于 2026-09-06 10:33:45 | 显示全部楼层
内容很干货,没有多余的废话,值得反复看
回复

使用道具 举报

    您需要登录后才可以回帖 登录 | 加入怎通

    本版积分规则

    QQ|手机版|小黑屋|网站地图|真牛社区 ( 苏ICP备2023040716号-2 )

    GMT+8, 2026-9-13 06:22 , Processed in 0.043129 second(s), 26 queries , Gzip On.

    免责声明:本站信息来自互联网,本站不对其内容真实性负责,如有侵权等情况请联系420897364#qq.com(把#换成@)删除。

    Powered by Discuz! X3.5

    快速回复 返回顶部 返回列表