找回密码
 加入怎通
查看: 486|回复: 2

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

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

使用道具 举报

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

使用道具 举报

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

使用道具 举报

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

    本版积分规则

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

    GMT+8, 2026-5-1 19:16 , Processed in 0.044042 second(s), 24 queries , Gzip On.

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

    Powered by Discuz! X3.5

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