怎样使用标准icon? 标准icon--standarded icon,在视窗环境的软件设计中经常要用到的4个“标准”icon:错误、警告、信息、帮助。不管什么软件,除开这4个icon,别的icon会根据软 件应用领域和实际功能或设计需要变通,可能有,可能没有,可能是这个,也可能是那个,是变化中。只有这4个icon比较稳定的成为用户界面体系的一部分。 所以微软把它们叫做standarded icon。 ![]() 怎样使用它们?这是一个很容易忽视的问题,甚至很多人都意识不到这是个问题。大多数人把精力都放到主 要的业务流和功能特点设计上去了,类似对话框和信息提示的设计自然被边缘化了,需要时顺手就做了,很少有人去深究。我发现很多软件(包括bs端和网页)对 标准icon的使用都不大规范,例如使用时机不对,使用的icon与文本类型不匹配,特别是错误、警告和信息非常容易混淆。包括我本人做的一些事也是。 就在两天前,我给正在开发的产品设计一些非模态信息(用来给用户提供更好的操作引导),到实际考虑一些细节时,才意识到这个问题。找到微软windows vista的资料,发现标准icon的使用远不是我们想象的简单和随意。 几个关键点: 这4个标准icon和使用它们的时机、语境密切相关,把它们理解清楚并合理的使用它们,有利于设计合理的软件交互细节。不同的使用结果直接影响用户与软件的交互效果。 与朋友们共享! 英文原文:http://msdn2.microsoft.com/en-us/library/aa511277.aspx ------------------------------------------------------------------------------------------------------ 标准icon是错误,警告,信息和问题标识icon 标准icon有这些意义: 错误icon表示出现了一个错误或者问题 警告icon表示将来会引起问题的情况。 信息icon表示有用的信息 问题标识icon表示了一个提供帮助的入口 标准icon是有用的,因为它们使用到很多的windows应用程序界面中,例如任务对话框,消息对话框,气球,通知文本。它们经常用到特定位置的信息,消息面板,状态栏。 Design concepts设计概念 使用合适的标准icon有一些因素,部分源于它们为什么经常被错误使用的原因。最常见的错误是: 使用警告icon表示不严重的错误。警告不等于被弱化的错误。 在不需使用icon更好时,使用标准icon。不是每个信息都需要一个icon。 在次要问题上提供警告或者用警告表示一个常规(例行)问题来惊扰用户,这样做使程序显得比较危险,而且会冲淡正常使用icon的传达效果。 这一章以下部分解释了怎样看待标准icon,以避免这些常见错误。 基于消息类型而不是潜在问题的严重性选择标准icon,消息类型是: 错误:一个错误或问题已经发生。 警告:可能将会引起一个错误的情况。 信息:有帮助的信息 因此,错误信息能使用错误icon,但永远不会是警告icon。不要使用警告icon表示弱化的或小的错误的办法,所以,不要管它们是不是严重。“错误的字体大小”是错误,然而“继续操作会使你的房子着火”是警告。 Severity 严重性 当用来做可视化沟通时icon非常好,(因为可访问性的原因,可视化沟通对其它形式来说必须是辅助性的,例如文字和声音)用户必须非常自然的一眼就能看出信息和它们反馈的结果,因此,我们必须区别临界错误或警告与非临界错误或警告的不同。临界错误和警告有以下特征: 它们与下列一条或多条损失相关联: 有价值的资产,例如数据丢失或经济损失 系统访问或完整性 个人的或受控制的保密信息 用户的时间(有实际意义的数字,例如30秒或更多) 出现用户不希望的结果 In Windows Vista,不是所有的信息都需要icon,icon不是仅仅用来装饰信息的手段。 为了区别临界错误和非临界错误,非临界错误的显示往往不需要icon,这样做是为了引起(用户)对临界信息的关注,使临界(错误)信息和非临界(错误)信息有明显的视觉区分,和windows vista的整体上的协调。 在典型的用户界面中,大多数错误都和用户的输入错误有关系。多数用户输入都是非临界状态,因为修正它们很容易,而且用户必须改正它们之后才能继续。 同样设计太多的用户错误预警与windows vista风格不协调,用户输入错误的预警显示通常不会带错误icon,为了使这些非临界错误更加自然,我们把它们称为用户输入错误。
过度警告使得使用程序就像在做一个危险的事,而且会减弱真正有实际意义警告的效果。
上下文也是使用标准icon时需要考虑的一个方面,因为,因为上下文本身也在传递信息,具体是: 当对话框(包括任务对话框和信息对话框)和消息文本报告非临界错误时,不需要使用icon,特定位置的错误通常需要错误icon,另外,就像非模态反馈一样,需要很容易看出来。 特定位置的警告总是需要警告icon来使它们从规整文字中区别出来。 对话框,消息文本,和气球不需要信息icon,因为它们清楚的表达了信息。与之对比的,banner需要16*16的信息或别的icon,因为,非模态反馈需要被清楚的看到。 因为上下文在icon的用法中是一个重要的因素,本文中标准icon指南也是根据它们的上下文制定的。 Guidelines指南 General 一般情况 基于消息类型,而不是潜在问题的严重性,使用标准icon: 错误 icon表示已经出现了一个错误或者问题 警告icon表示将来会引起问题的情况。 信息icon表示有帮助的信息 当一个问题跨越不同的消息类型时,那么集中注意用户需要应对的最重要的方面。 icon必须和主要用法或其它对应的文本匹配。 Icon size icon大小 Choose the standard icon size based on the context: Context When to use Error icons 错误icon Use error icons only when an error or a problem has occurred: Context When to use 通常,错误icon在非临界用户输入问题时不需使用。然而,需要使用在特定位置的错误中,因为,这种上下文反馈需要非常容易看到。 对于任务对话框,不要在脚注中使用错误icon。错误icon只针对上下领域。
Use warning icons only when a condition might cause a problem in the future: Context When to use Information icons 信息icon Use information icons only when the context isn‘t obviously presenting information: Context When to use 信息icon不需要使用在对话框、消息文本和气球中,因为它们的上下文清楚的传达了它们正在给用户提供信息。 对于任务对话框,不要使用信息注脚icon,注脚是清楚可见的,理所当然表示它们是信息。 Question mark icons 问题标识icon 使用问题标识icon仅用来作为获取帮助的指示。 无论如何,不要使用问题标识icon来问问题。 不要机械的使用问题标识icon代替警告icon,除非问题代表重要的逻辑结果,不然,不要使用icon。 |
|