用户界面设计 2 – 界面的一致性

    让用户迅速接受并且方便的操作一个程序界面,最关键的一点就是让这个界面保持高度的一致性。这里说的一致性包涵一下多个方面的一致:

一、程序内部的一致性

    由于应用领域、面向的客户群体的不同,不同的软件可以有自己独特的风格。比如,为儿童设计的软件(例如使用乐高游戏版的LabVIEW)几面可以加一些卡通图片,走可爱路线;为青年群体设计的软件,可以采用大量鲜艳颜色,显得活泼;LabVIEW 程序更多的时候是应用于工业领域,面向专业技术人员,这样的程序界面风格应当柔和、朴素。
    不论一个程序采用了哪种风格,它内部不同界面(比如不同的对话框),同一面板上的不同控件等,它们的风格应当保持一直。一个软件采用统一的风格,才会让用户有一种“和谐”的感觉。
    打开 LabVIEW 的控件选板,会发现有三种不同风格的控件:经典风格、现代风格、系统风格,如图1所示:


图1:三种不同风格的控件

    经典风格的控件看上去比较土气,是 LabVIEW 6 之前的版本所使用的控件。一般不要用这种风格的控件了,有两种情况除外:
    第一是维护老程序的时候,老程序可能还是用的这种控件,为了界面风格统一,又不想花时间改造原来的程序,那就继续用经典风格的控件。
    第二是需要造一个透明控件的时候。这是一个小技巧,比如你希望有一段提示文字出现在界面上,需要使用字符串控件,但是你有希望文字直接出现在面板上,用户看不到包裹它的控件。这时候,就可以使用一个经典风格的字符串控件,然后用画笔把它的边框和背景都画为透明色即可。

    LabVIEW 6 使用了一些重新设计的非常美观的立体效果控件,这就是现代风格的控件。编写测试领域的软件,可以首先考虑使用这类控件。

    系统风格的控件外观与操作系统保持一致。我们编写的一般软件,希望用户比较易于接受时就可以使用这类控件。使用这类控件编写的界面,与系统自带的程序看上去风格非常一致。系统风格的控件会随着系统的不同,和系统设置的不同而随之调整。比如,把你的程序拷贝到 MacOS 的机器上,文本框会自然变成 MacOS 上圆弧角的风格。把系统颜色设为高亮反转显示,文本框也会变为黑底白字。
    但是,LabVIEW 特有的控件,比如波形显示控件等,是没有系统风格的。如果你的程序整体式系统风格的,在使用这类控件时,要注意调整一下控件的颜色,使他们与其它控件的颜色保持一致。

二、与约定俗成的习惯保持一致

    有很多设计或操作方法,已经被大家广为接受了。他们也许不见得美观或优化,但是一旦习惯养成了,就很难被改变了。据说我们现在使用的键盘,是当年为了延缓打字速度而精心设计出来的打字最慢的键盘排布方式。但现在大家都用习惯了,没人会为了打字快一些而换用其它按键排布方式。
    与软件相关的比如,Ctrl+C 表示拷贝;Ctrl+V 表示粘贴。你如果用这两个键去干你认为更适合的工作,肯定会被用户骂死。在 LabWindows/CVI 中,查找的快捷键居然不是 Ctrl+F,搞得我只好不用它的快捷键。

    对于应用程序界面,大家最习惯的就是 Windows 默认的界面风格了。简单来说,这样的界面就是:使用窗口,窗口最上方是标题栏,下面是菜单,再下面是工具条,再下面是主体内容,窗口最下方是状态栏,右面是滚动条。
    如果你非要标新立异,把标题栏和滚动条的位置互换一下,那你的程序一定被用户骂死。不过,实力强大的公司也许会可以逐渐改变人们的习惯。微软今年推出的 Office 07 比以往的界面风格有了重大改变,也许是为了配合 Windows Vista。新的界面漂亮的不少,但它还是遭到了很多用户的抵制,就是因为在使用功能区(ribbon)替代了原来的菜单和工具栏之后,用户再也不能从熟悉的地方找到他们所需的操作了。
    LabVIEW 默认的颜色配置和控件风格,与系统的风格也是有区别的。所以为了照顾新用户,不妨在程序里尽量使用系统风格的控件和颜色配置。

三、与真实事物保持一致

    有很多程序是对现实世界的模拟或模仿,这样的程序若希望便于用户接受,最好是尽量与现实世界保持一致。比如电脑游戏,规则一定要与现实世界接近,若完全采用不同的规则,比如越练功人品越差、被人看几刀魅力值会增加等等,玩起来一定特别别扭。
    LabVIEW
编写的程序大多与测量、控制等有关,在这些领域,原本也存在着一些相关的仪器或设备。因此软件的界面可以借鉴这些仪器的外观。比如需要实现的程序要完成一
个类似示波器的功能,那么界面最好设计的和传统的示波器一样:一边是现实波形的控件,周围有调节垂直、水平方向范围的按钮等。这样,用户只要曾经用过示波
器,不需要再学习任何知识,直接就可以使用你的软件了。
    NI 公司开发的 Soft Front Panel 产品可以看作是与真实事物保持一致的一个很好范例。

四、建立并遵循界面规范

    使界面保持一致性的最好办法就是在设计开发时遵循一定的规范。这个规范可以由公司内部定义,也可以遵循现有的行业规范。对于开发 Windows 系统风格的程序,可以遵循微软定义的界面规范。对于一般的 LabVIEW 程序,可以遵循 LabVIEW 程序开发规范。


《我和 LabVIEW》

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s