1.5 “确定”按钮

有些东西虽然没有标准化,但是为了保证一致性,也制定了设计指南。假设在计算机上操作某应用时,弹出了如图1.14所示的对话框。该对话框上有两个按钮,请问你认为A和B中哪个是表示“是”“YES”“OK”含义的按钮?

图1.14 对话框

根据用户是惯于使用Windows系统还是惯于使用Mac系统,该问题的答案会形成两种。认为A是“OK”按钮的读者应该比较常用Windows系统,而回答B是“OK”按钮的读者则应该习惯使用Mac系统。

如图1.15所示,是分别在lVIicrosoft Windows 7和Apple Mac OS X 10.9上使用WSH(Windows)、osascript(Mac)这两个操作系统标准功能显示的对话框示例。图1.15中能看出Windows系统的对话框,“OK”按钮显示在左边,而Mac系统的对话框,“OK”按钮显示在右边。并且两种系统中“OK”按钮的初始状态就是被选中的状态,所以只要按下键盘上的Enter键,就相当于按下了“OK”按钮,从而确定了操作。

图1.15 WSH(Windows)和osascript(Mac)操作系统标准功能显示的对话框示例

现在我们知道了在Windows系统和Mac系统中“OK”按钮的呈现方式是不一样的。那么在对话框中“OK”按钮到底应该在左边还是在右边呢?认为放在左边比较好的理由有“会高频率使用的按钮应该放在用户最先看到的位置”等。按水平方向书写的中文和英语,阅读时都是从左往右的。所以当有多个按钮并排显示时,用户会先看到最左边的按钮,因此认为“OK”按钮应该放在左边。而且,不仅在系统操作中是这样,我们平时说话时也是会说“请回答‘是’或者‘否’”,而不会说“请回答‘否’或者‘是’”。所以先出现“OK”再出现“取消”会比较符合人们的习惯。

另一方面,认为放在右边比较好的理由有“在对话框中最后看到的按钮应该是用于确定操作的”。从左往右阅读时,都是先看完内容再进行确认(下结论),所以认为最后看到的右边的按钮才应该是“OK”按钮。而且,如果说“上一页”在左边,“下一页”在右边比较符合人们的习惯的话,那么“取消”就相当于“上一页”,“OK”则相当于“下一页”,所以“OK”按钮应该在右边。想一想这个说法也让人不禁点头呢。

双方都能列举出各种理由来说明自己观点的合理性,但是观点毕竟也取决于个人的主观思维和喜好,所以无法简单地得出答案。当惯用Windows系统的人来开发用于Mac系统的应用时,或者是惯用Mac系统的人来开发用于Windows系统的应用时,有时就会出现“OK”按钮的位置和相应操作系统标准相反的情况。当UI和操作系统标准相悖时,计算机内就会缺少一致性,导致UI会不方便人们使用,所以这一点一定要注意。

不过还存在这样一种情况。比如网页上的注册系统中,“OK”和“取消”按钮的位置关系,和自己的计算机操作系统上的“OK”和“取消”按钮的位置关系不同,用户在使用时也会觉得有点别扭。虽然目前的技术可以让网页在一定程度上区分用户是从什么操作系统访问的,从而使按钮的显示和操作系统标准一致,但是无法完全保证这种识别是准确的。

这个案例所说的按钮的话题,和之前所讲的iPhone的“接听”和“拒绝”按钮的位置是有关联的。Apple公司的人机交互界面指南中规定:左边应该是“取消”按钮,右边应该是“OK”按钮。按照这条原则,iPhone上“拒绝”按钮在左,“接听”按钮在右也就说得通了。但是,从手机的使用习惯(虽然并没有标准化,但这是用户从以往使用手机的经验中构筑出来的规则)上来说,左边是“接听”按钮,右边是“拒绝”按钮比较便于用户使用。

指南是会随着操作系统的版本升级而发生变化的。比如,智能手机中经常用到的谷歌(Google)的Android系统,在2.X版本时“OK”在左边,但是从4.X版本开始“OK”就显示在右边了。通过和以前的产品进行比较,我们可以发现iPhone按钮的规则也在渐渐地发生改变。

不仅是计算机和智能手机才具有这种指南,在游戏领域的相关开发中,为了避免用户混乱,也存在各种指南。比如规定特定的按钮只用于特定种类的操控手柄上(幸亏有这个规定,用户才能在有那么多游戏的情况下操作也不会出现大的混乱)。不过,在任天堂出品的操控手柄和微软(Microsoft)出品的操控手柄上,A、B键的位置和X、Y键的位置都是相反的,这也会导致使用者感到混乱,如图1.16所示。当然,这跟用户的使用习惯也有一定的关系。另外,家用电视游戏机(PlayStation,PS)的操控手柄上有O按钮和X按钮。关于这两个按钮,如日本制造商制造的产品中“O”代表确定、“X”代表取消,但是美国制造商制造的产品中“X”代表确定、“O”代表取消,导致用户很混乱。由于存在文化背景的差异,不频繁打游戏的人要花很长时间才能适应,所以还是希望可以统一。

图1.16 任天堂出品和微软出品的操控手柄