多按钮共存——don’t make me think（2）
作者：死猫 来源：Tencent CDC Blog 发布时间：2010-01-11 20:20:00
下图：opera浏览器退出时的弹出对话框，Exit被设为焦点按钮
而网页端因为不存在按钮焦点状态，所以需要通过别的方法来实现同样的效果。常见的拉开视觉层次的几个手段有：
1.按钮的排序
Windows系统上主要操作都是放在左侧，用户的浏览顺序也是从左侧开始，所以左侧的按钮最容易先被用户看到。
2.按钮的大小
一般是指按钮的长短。可以通过加长文字，或者直接加长按钮的手段来拉开视觉层次。这样的按钮更容易先被用户的视线捕捉到。
下图：“上一页”按钮只有一个箭头，而“下一页”按钮为文字加箭头
下图：“确定”按钮比“取消”按钮更长
3.按钮的颜色质感
通过给按钮添加颜色或质感，以模仿客户端焦点按钮的表现。
下图：wordpress将“publish”按钮人为地设为高亮
在Google analytics这样的web系统中，由于采用的是系统默认样式的按钮，所以它选择把次要操作以链接的形式展现，从而拉开视觉层次。这样的设计在“登录”，“注册”中也很常见。
下图：google帐号的登录
最后再多说一句，表扬下opera的设计。Opera的弹出框，让像我这样的用户，只看按钮就能快速做出判断，而不用浏览对话框主体文字。如果我需要更快做出判断，只看焦点按钮就可以了。
相比之下，大多数软件的按钮上仅仅写着“确定”，“取消”；我必须阅读按钮之上的大段文字，才敢按下其中一个。不仅强迫我选择，还强迫我阅读…
下图：三个按钮上很清楚的写明了动作
总结一下刚才所说：
1.如果可能，尽量只给用户一个按钮。
2.当需要呈现多个按钮，并且它们之间存在主要动作和次要动作的关系时，通过拉开视觉层次的方法给用户更好的引导。
3.按钮的文字应该引起设计师足够的重视，承担更重要的角色，帮助用户快速做出判断。
0
投稿猜你喜欢
利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站- 内容摘要：本文介绍了对数据库的基本操作：数据记录筛选（select）,更新数据库（update），删除记录（delete），添加数据记录（i
- 嗯，你可以说我很无聊。最近疯狂加班，今天才得以有时间搞一个CSS的像素图来消遣休息下。先看效果：运行代码框<!DOCTYPE html
- 学习了css一段时间,现在对css的一些技巧进行一次小结.希望能对那些刚学习css的新手们带来帮助.一、关于注释在创建xhtml+CSS网站
- 虽然今年名义上已经不再管人了，但也不得不掺和进很多人事，这里想简单说说，即使不能帮助这个行业的从业者规划职业道路，也算是把之前摸过的路小结一
- 如果你是个赛车手，并且按一下按钮就能够立即更换引擎而不需要把车开到车库里去换，那会是什么感觉呢?MySQL数据库为开发人员所做的就好像是按按
- 问题：导入数据时是否需要禁用索引?解答：在使用load data导入数据时，如果导入的表是MyISAM的，对于空表，MySQL数据库会把所有
- CSS2.1 中规定了关于 CSS 规则 Specificity（特异性）的计算方式，用一个四位的数字串（注：CSS2 中是用三位）来表示，
- “你如何为成千上万的用户和页面提供CSS？” 这是Nicole Sullivan在她的在丹佛的Web Directions North 大会
- !important;严格来说，!important;应该不能算作是一种hack技术，被应用了!important;的属性将在IE中无效，对
- 我们在编写 Javascript 时，Debug 是很痛苦的过程，而且有些语法问题虽使用 Firebug 能很快定位，但毕竟影响效率。这里有
- 摘要：随着应用领域的不断拓展和多媒体技术, 人们发现关系数据库的许多限制和不足，因而数据库技术进入了“后关系数据库时代”。文件数据库由此应运
- 给静态网页加密的方法有很多，有的简单有的复杂。前两天看见有人问静态网页加密问题，就写了这个代码思路：加密时：先把用户的密钥A用md5加密为B
- 第一种方法:这个是删除单字段图片的代码。比较简单，因为图片字段已经预先存在数据库表的bookpic的字段里面了。 代码如下: <!-
- 这本入门手册是否合适你?我只想告诉你我非常喜欢这本书。我对Microsoft Access的经验足以让我跳过这本傻瓜系列教材，但是实际情况是
- 问题背景：日常对Sql Server 2005关系数据库进行操作时，有时对数据库（如：Sharepoint网站配置数据库名Sharepoin
- 在Https页面中，如果iframe所引入页面是非https协议的页面，或者src属性不存在都可能导致浏览器弹出安全警告。本人在网上查找相关
- 以前的Sony Ericsson牌DVD影碟机坏掉了，上周到沃尔玛买了个philips的回来，于是又淘了一些DVD回来看。在使用遥控的时候忽
- 数据库的表Info,表部分结构:Info_Id
- 背景：Email地址存于MSSql一用户信息表中，数量上万。公司自有服务器，集SMTP,POP3,WWW,FTP,MSSql,DNS等多种服
