关于界面的价值观与方法论
10111213141516171819

两个值得表扬的细节

3September2008

Google不负众望的发布了Chrome。据说它的目标是抢占20%的市场。有趣的在于,它想抢谁的20%?目前看起来,恐怕更是Firefox的那一块吧~~阔别十年的浏览器战国时代快拉开序幕了。呵呵。

不过比起Google其他的产品糟糕的UX,Chrome确实让我看到了他们的用心。只讲其中一个细节:它的tab居然放在顶部!

Google Chrome

这点之所以让我很打击,是因为为什么我从来没有想到过,可以把Tab放在顶上。所有的浏览器都把Tab放在菜单栏、工具栏和地址栏的下方。

OK,那放上面有什么了不起?第一个优点就是,切换起来会非常顺手。我再也不需要在杂乱的菜单工具或地址栏里寻找Tab了。

而第二个优点是,它其实暗示了一个概念:一个Tab代表并不只是一个“页面视区”,而是Tab以下的整个窗口。这个概念对应着一个强大的功能:这个Tab是可以拉出来单独成为一个窗口!就如同Photoshop里的浮动工具栏一样,可以将Tab拉出来成为独立窗口,也可以将独立的窗口再合并进Tab。

另外再讲一个Firefox 3在UI上的一个好细节:它的“后退”按钮。

Firefox 3

将“后退”按钮变大,其实应该是一个很理所当然的事情啊。因为对于浏览器来说,除了地址栏边上的“转到(GO)”按钮,就数这个“后退”按钮使用得最频繁了,甚至比前者用得更多。将它放大,而且比“前进”按钮更大,是一个“情理之中”的“突破设计”。

不过顺带批评一句,Firefox没有新建Tab的按钮,比较败笔。

离开喝茶问题

2September2008

今天看书学到一个小概念:“离开喝茶问题”。当你在使用软件时,忽然离开电脑去倒一杯茶,然后回到屏幕前:接下来要干吗?你忘记了。

“离开喝茶问题”是用来评价一个交互设计的“可预见性”。其核心思想在于:不依赖用户自身的记忆,只依赖当前的界面,就可以判断目前所处的状态,并能预知下一步可以做的操作。换句话说,一个系统从“显示决定状态”的意义上是“可观察的”,那也就是可预见的

一个简单的例子:我们要做一个五子棋的游戏软件,很自然的,界面要做成棋盘的样子:

这个界面看上去简单明了。但问题在于,它不满足“离开喝茶问题”的原则。当你离开喝茶,回来之后,请问目前是对方正在思考呢,还是已经着棋,轮到你走了?

这个原则的重要性在于,我们在设计交互流程时,往往是从第一步、第二步、第三步,按顺序设计出来。设计师都是有记忆的,尤其当你对这个系统很熟悉的时候。所以有时候并不能察觉某一个画面的可用性其实是依赖于上下文的。倘若牢记“离开喝茶问题”,就可以努力将每一个状态视为独立,让它自身的视觉就足以表达它所代表的状态。

IE8 beta 2 全面支持CSS 2

28August2008

Internet Explorer 8今天得知IE 8 beta 2发布,于是赶紧下载了一个安装。由于之前IE 8 beta1的渲染实在糟糕,让我很是担忧。

但现在却有一个欣喜的结果:IE 8 beta 2果然如之前所宣布的,全面、正确的支持了CSS 2。

CSS 2是1998年由W3C发布的,算到现在已经十年了。经过漫长的等待,终于得到了这位著名的“非主流”浏览器的支持。可以说这是所有网页设计师的胜利。在看得到的未来,我们终于不用背诵各种散乱的hack,也不用再为IE里为啥对不齐而疑惑和郁闷了。虽然作为一个熟练掌握各种兼容性技术的前端开发者,我还是有些遗憾自己的知识会随着IE8的普及而渐渐无用。但回想起7年前花“重金”买回《CSS权威指南》的场景,还是觉得多年来对网页标准的坚持是值得的。

IE8通过ACID 2 face验证
ACID 2 face在IE8里展示出完美的笑脸

IE8的“开发人员工具”
IE8也加了类似Firebug的“开发人员工具”,甚至比Firebug做得有过之而无不及。这里也可以看出微软对网页标准的态度越来越积极。




帮同学挂链SEO,请无视,呵呵:北京风行泰克