《糟糕界面集锦-隐喻篇.pdf》由会员分享，可在线阅读，更多相关《糟糕界面集锦-隐喻篇.pdf（8页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、糟糕界面集锦隐喻篇 糟糕界面集锦隐喻篇 使用隐喻是界面设计中常用的一种方法，这种方法通过激活用户已有的知识，使用户更好地理解应用程序。一些好的界面隐喻已经广为人知，比如文件夹及垃圾箱令人击节叫好，又如 VisiCalc 的帐本，施乐（Xerox）首创的桌面，Quicken 的支票簿等。而事物总有其反面，由于隐喻使用的不当而损害程序可用性的情况也非常多，比如以下的一些例子。Manhaeve Hendrik 先生给我们寄来了这张图片，它是 Mannesman Tally 程序的打印控制对话框。我们还是第一次见到用录音机隐喻来控制打印的，上帝保佑，希望这也是最后一次。停止和暂停按钮，尽管很勉强，毕竟
2、尚可理解，可倒带按钮呢？Manhaeve 讽刺道：“这个按钮有什么用？把纸倒卷回去，并把打出的字擦掉？”Macintosh 的垃圾箱是一个很不错的直观的隐喻，其作用为删除文件。不幸的是，它的设计者给它增加了一项完全不直观的功能：弹出磁盘。把磁盘的图标拖到垃圾箱，它就会从计算机里弹出。Macintosh 显然滥用了垃圾箱的隐喻。他们赋予垃圾箱以神奇的力量，却全然不顾及这么做破坏了这个隐喻与“删除”操作之间的自然联系。结果，新手对这个隐喻感到手足无措，有经验的用户也颇有怨言：“我只想让计算机弹出磁盘，并不想把盘上的文件删掉”。Watcom 的 CEditor 是一个可怕的例子，它告诉我们不能忘记使
3、用隐喻时必须遵循界面设计的基本原则：隐喻对于用户应该一目了然。设计者应该提供看得见的线索来说明隐喻的功能。上图所示的窗口的作用是定制应用程序的状态条。用户可以通过拖放操作来指定显示在状态条上的信息的类型和位置。用户需要做的是点击一个方框，并将其拖到状态条合适的位置上。不幸的是，这个窗口没有任何提示。由于缺少必要的信息，用户不太可能直观地了解这个隐喻地含义，而不得不求诸帮助文件，而这也没有办法从这个窗口直接做到。我们的一位访客给我们寄来了一组他所在公司使用的一个应用程序中出现的汽车“尾灯”隐喻的图片。他想知道我们会把这个素材放进界面耻辱纪念堂还是界面光荣纪念堂。我们给它找到了合适的去处。“尾灯”
4、出现在窗口的右下角，其作用是当用户在一个复杂的标签对话框中输入信息时，显示进度。尾灯 1 对应第一个标签，尾灯 2 对应第二个标签，其他依此类推（看出问题了吗？）。尾灯有三种颜色：黄色：已输入了一些信息 红色：尚有必须的信息没有输入 绿色：所有必须的信息都已输入 这个界面的设计上存在不少一般性的问题，但最严重的问题还是出在尾灯上。1、信息冗余 尾灯隐喻要求用户了解三种状态各自的含义，而实际上只有一种是用户必须知道的。对用户来说，唯一重要的信号是某一分页上缺少必须的信息。在这里，使用三种颜色完全没有必要，只会分散人的注意力，而且显得很混乱 2、自相矛盾 请注意，在上图中，尽管尾灯表明输入信息不完
5、整，“Post and Send”按钮现在却是激活的。我们认为，相对于简单的 disable 该按钮，设计者特意开发出尾灯隐喻，是为了能传递一些额外的信息，即哪个分页还需要填入数据才能发送。但目前这种实现，却出现了这样的情况：它告诉用户表单可以提交，又告诉用户表单不可以提交。3、位置和标号 尾灯有 16 的标号，而标签上没有。这要求用户物理上或心理上要找到数字相关的标签。而尾灯与标签的距离很远（实际表单比上图大得多），更增加了用户辨识的负担。建议采用的替代尾灯的方案如下图所示，在物理上靠近标签的地方增加一个特殊的“需要数据”的标志。如果要引导用户完成一个复杂而陌生的操作过程，Wizard 隐喻
6、是非常有用的。不幸的是，不少设计者错误地将 Wizard 的作用理解为使程序“易于使用”，结果却往往适得其反。ediSys 的 eZip Wizard 就是一个在界面设计中错用了 Wizard 的例子。eZip 的功能是创建、修改和解压缩 Zip 文件，网虫们对这些操作再熟悉不过了。Zip 压缩基本上可视作一个管理文件的过程，Zip 文件就像一个包含一个或多个文件文件夹，用户打开 Zip 文件，并进行读取文件、创建文件夹、加入文件、删除文件等操作。Wizard 的缺点在 eZip 中特别明显，那就是界面由一串强制性的线性序列组成，程序开发者将此序列固化在程序里，而用户必须遵循。对于第一次使用或
7、不常使用的用户来说，这是有帮助的。但对有经验的用户来说则令人反感。在 eZip 中，这一序列表现为一串固定的问题：?What do you want to do?What options do you want?What name do you want to use?其他问题 用户必须回答每个问题，才能进入程序内定的下一个步骤。用户第一次使用时，会发现这种结构很好用，但很快程序的僵化死板会令他厌烦，而频繁进行文件创建、修改操作的用户则会感到不可忍受：连简单的加入、删除文件的操作都得象受审讯一般回答一连串问题才行。Wizard 应用于不常用的复杂流程，比如配置modem 或硬盘分区。如果使用不
8、当，Wizard 会限制用户对程序的控制，并容易给人这样一种印象：把用户当作了傻瓜。作为用户我们当然不希望被当作傻瓜，我们会认为程序愚蠢。以上讨论的 Wizard 隐喻的基础是一个线性的问答模型。下图是 CompuServer 的WinCim 程序的数据库搜索操作界面。CompuServer 是一个以关键词搜索的常用问题的数据库。如本例所示，一个简单的搜索要求用户与大量对话框交互，数目之大令人惊奇，并且用户得记住好多步之前显示的指令。线性隐喻本质上是一个问答过程，许多用户也正如此认为。在这里，只要一个对话框就能方便地完成任务，而不需要如图所示的6 个连接起来的对话框。这清楚地表明程序员只考虑了
9、他（她）编程的方便，而全然无视用户的感受。在界面设计中使用隐喻的作用是提供一些基本信息，使用户能产生对系统的正确的理解。有时从界面设计也能看出设计者的思考模式，如本例所示。我们将之称为“可用空间”隐喻，它显示了程序员如何在已有的系统上加入功能，逐步完成任务。这个伪标签对话框的作用是让用户访问一个复杂系统中的不同类型的信息。不同种类的信息放置在某一个伪标签上的根据是可用空间的大小。当一个标签满了，设计者简单地增加一个标签，并加入新的信息类型。对话框的标签与其所含信息毫无关系，更有甚者，信息也无明显的分组。比如，“Tasks”放在 Page1，而“TaskTypes”在 Page3。设计者感兴趣的
10、好像只是把访问功能扔给用户，而不管其方式对用户来说是否有意义。当分页包含关联信息时，标签对话框隐喻才有用。当难以分组时，简明的字母序的功能排列会更为有效。我们从 Flexi 中找到了这种罕见的隐喻，这是中等规模业务的记录。我们将之称为“放大镜隐喻”，因为这个列表框会放大显示选中的条目。我们猜想设计者的用意是让用户更易分辨哪个条目被选中了，但我们认为一个单纯的蓝色方框足以实现此目的。放大不仅没有必要，实际上还使信息更难阅读。再来看看回形针动画，这是微软为了给 Office97 加入交互助手而作的愚蠢而可悲的努力。当你撰写一封商业信函，填写帐目，或使用高生产率的软件进行其他工作时，回形针老是在屏幕
11、上，提醒你它正在监视你的行为。当你开始一个重要的操作时，回形针突然活了过来，跳出来，扬着眉毛，在窗口里左右舞蹈。当你启动一项不常用的操作，回形针会打断你并问你是否需要帮助。我五岁的侄女爱死了这个回形针，我每次打印，她都会兴奋得尖叫起来，因为回形针会模仿纸张在打印机上的动作，在滚轴上被压扁。五岁的孩子们认为回形针很可爱，Microsoft 应该从中意识到一些问题：五岁的孩子是不会购买$500.00 的软件包的，这是成年人的事，而大部分成年人会很快对这种“可爱”感到厌烦。问题并非出在交互助手这个想法上。Isys 的创立者领导了一项关于交互助手的研究项目，其中一位研究生敏锐地指出了回形针的缺陷：回形
12、针不停地动作，左右摇摆，眨眼，甚至弹出一条条提示。当他“说话”时，你除了听着之外毫无办法。用户可以将之关闭，但只是暂时的，当他（她）下一次访问帮助文件时，回形针又活了过来。看起来设计者对于实现一个交互式助手过于热情，用户初次使用时的一声“wow”和长期使用后的反应哪个更重要，他们已经无法分辨。而市场部门居然也允许这种尝试，真是匪夷所思。顺便给 Microsoft 提个醒：眨眼不是一种能让人信任的特征，也许“小狗”作为缺省设置会更好。每当我们不得不使用 Microsoft 的新产品时，就不禁想起 1957 年上演的一部由 Spencer Tracy 和 KatherineHepburn 主演的喜
13、剧Desk Set。Tracy 扮演的角色，是一个工作出色的专家，他承担了一项不受人欢迎的任务：用一台叫“EMERAC”的电脑替换某大公司的所有职员。为了尽量让观众讨厌这部电脑，“EMERAC”被描绘成墙一样大小的仪表盘，布满了闪烁的灯炮，并且会发出刺耳的警铃和尖叫声。我们现在将“EMERAC 隐喻”这个短语用于对某些界面设计的评价，专指那些除了耽误用户手上的工作，分散用户注意力之外别无用处的特征。如上图所示，Microsoft 的应用中充满了 EMERAC 隐喻。这些特征对用户没有任何好处，它们唯一的作用是使程序看上去与众不同，也许还可以显示某些人的编程能力。“EMERAC 隐喻”不值得模仿
14、。我们推荐你使用 KISS（Keep it Simple,Stupid）隐喻，你的用户会因此感谢你。Spidersoft 的 WebZip 使用了一个特殊的隐喻。当光标经过列表的条目时，条目的颜色会发生改变。条目的变色能反映什么呢？只反映光标经过了它。因此，这是“EMERAC 隐喻”的又一个例子。不幸的是，WebZip 走得更远，如果光标停顿了一会儿，光标所指的条目会自动被选中，不需要点击鼠标。用过这个控件之后，很快就会发现它的问题，这种技术很容易导致无意识地选中。想象这样一种情况，你通过“正常”地方式，点击选中一个文件名，然后，当你把光标移向一个菜单条和命令按钮时，电话铃响了，或者你停下来想
15、想接下来使用哪个命令。如果碰上WebZip，你的选择会被取消，而光标下的条目由于光标地偶尔的停留而被选中。由于 WebZip 支持选中多行，片刻的思索可能会毁掉一系列复杂的移动和选中操作。Microsoft 将这种光标停留自动选中模式称为 Hot Cursor。我们惊奇地发现 Microsoft 已在 Win95 中支持这种“EMERAC”式的隐喻。开发者只要作一定的设定即可。我们希望使用这种无用的特殊效果来损害他们的程序的人越少越好。这种隐喻分散人的注意力，使得某些 List 控件不同与其他的 List 控件，并会导致计算机莫名其妙地取消用户的动作。Apple 的 QuickTime 4.0
16、 Player 有一个地方特别麻烦：用来收藏用户多媒体文件的Favorites Drawer。当有文件加入 Favorites collection 时，程序会用一个图片来标志这个文件。可所有的声音文件用的是同一个图片，视频文件则用缩小后的第一个帧来代表这个文件。QuickTime Players drawer 可能是第一个“巧克力盒子“隐喻，如同电影阿甘正传中 Forest Gump 说的：妈妈总是说生活就像一盒巧克力，你永远不会知道你会得到什么”。选择某一声音文件与从一盒巧克力中选出某一颗并无不同：因为它们看上去都一样，要想找到你要得文件就得一个一个地试，就像每个巧克力都咬一口。找一个视频
17、文件也差不多。因为在 QuickTime Players 中视频以第一帧来分辨，而大多数视频文件地第一帧是空白（除了 Apple 自己提供的），用户没法从图片分辨出一个视频文件。QuickTime Player 的项目负责人非但不承认这是一种糟糕设计的界面，反而把责任推给内容提供商。在他看来，视频制作者应该将第一帧作得能标识自身，可我们知道某些国家版权法明确规定第一帧必须用于版权信息；更荒谬的是，声音制作者应改变 WAV 和 MIDI 文件的格式，使之包含一个图片以标识自己。Apple 告诉对此不满的用户他们应该向内容提供者提议改变文件格式，以便 QuickTime 能以一种合理的方式标识文件。世上可能不会有比他们更傲慢自大的设计者了。