怎樣使用標準icon? 標準icon--standarded icon,在視窗環(huán)境的軟件設計中經(jīng)常要用到的4個“標準”icon:錯誤、警告、信息、幫助。不管什么軟件,除開這4個icon,別的icon會根據(jù)軟 件應用領域和實際功能或設計需要變通,可能有,可能沒有,可能是這個,也可能是那個,是變化中。只有這4個icon比較穩(wěn)定的成為用戶界面體系的一部分。 所以微軟把它們叫做standarded icon。 ![]() 怎樣使用它們?這是一個很容易忽視的問題,甚至很多人都意識不到這是個問題。大多數(shù)人把精力都放到主 要的業(yè)務流和功能特點設計上去了,類似對話框和信息提示的設計自然被邊緣化了,需要時順手就做了,很少有人去深究。我發(fā)現(xiàn)很多軟件(包括bs端和網(wǎng)頁)對 標準icon的使用都不大規(guī)范,例如使用時機不對,使用的icon與文本類型不匹配,特別是錯誤、警告和信息非常容易混淆。包括我本人做的一些事也是。 就在兩天前,我給正在開發(fā)的產品設計一些非模態(tài)信息(用來給用戶提供更好的操作引導),到實際考慮一些細節(jié)時,才意識到這個問題。找到微軟windows vista的資料,發(fā)現(xiàn)標準icon的使用遠不是我們想象的簡單和隨意。 幾個關鍵點: 這4個標準icon和使用它們的時機、語境密切相關,把它們理解清楚并合理的使用它們,有利于設計合理的軟件交互細節(jié)。不同的使用結果直接影響用戶與軟件的交互效果。 與朋友們共享! 英文原文:http://msdn2.microsoft.com/en-us/library/aa511277.aspx ------------------------------------------------------------------------------------------------------ 標準icon是錯誤,警告,信息和問題標識icon 標準icon有這些意義: 錯誤icon表示出現(xiàn)了一個錯誤或者問題 警告icon表示將來會引起問題的情況。 信息icon表示有用的信息 問題標識icon表示了一個提供幫助的入口 標準icon是有用的,因為它們使用到很多的windows應用程序界面中,例如任務對話框,消息對話框,氣球,通知文本。它們經(jīng)常用到特定位置的信息,消息面板,狀態(tài)欄。 Design concepts設計概念 使用合適的標準icon有一些因素,部分源于它們?yōu)槭裁唇?jīng)常被錯誤使用的原因。最常見的錯誤是: 使用警告icon表示不嚴重的錯誤。警告不等于被弱化的錯誤。 在不需使用icon更好時,使用標準icon。不是每個信息都需要一個icon。 在次要問題上提供警告或者用警告表示一個常規(guī)(例行)問題來驚擾用戶,這樣做使程序顯得比較危險,而且會沖淡正常使用icon的傳達效果。 這一章以下部分解釋了怎樣看待標準icon,以避免這些常見錯誤。 基于消息類型而不是潛在問題的嚴重性選擇標準icon,消息類型是: 錯誤:一個錯誤或問題已經(jīng)發(fā)生。 警告:可能將會引起一個錯誤的情況。 信息:有幫助的信息 因此,錯誤信息能使用錯誤icon,但永遠不會是警告icon。不要使用警告icon表示弱化的或小的錯誤的辦法,所以,不要管它們是不是嚴重。“錯誤的字體大小”是錯誤,然而“繼續(xù)操作會使你的房子著火”是警告。 Severity 嚴重性 當用來做可視化溝通時icon非常好,(因為可訪問性的原因,可視化溝通對其它形式來說必須是輔助性的,例如文字和聲音)用戶必須非常自然的一眼就能看出信息和它們反饋的結果,因此,我們必須區(qū)別臨界錯誤或警告與非臨界錯誤或警告的不同。臨界錯誤和警告有以下特征: 它們與下列一條或多條損失相關聯(lián): 有價值的資產,例如數(shù)據(jù)丟失或經(jīng)濟損失 系統(tǒng)訪問或完整性 個人的或受控制的保密信息 用戶的時間(有實際意義的數(shù)字,例如30秒或更多) 出現(xiàn)用戶不希望的結果 In Windows Vista,不是所有的信息都需要icon,icon不是僅僅用來裝飾信息的手段。 為了區(qū)別臨界錯誤和非臨界錯誤,非臨界錯誤的顯示往往不需要icon,這樣做是為了引起(用戶)對臨界信息的關注,使臨界(錯誤)信息和非臨界(錯誤)信息有明顯的視覺區(qū)分,和windows vista的整體上的協(xié)調。 在典型的用戶界面中,大多數(shù)錯誤都和用戶的輸入錯誤有關系。多數(shù)用戶輸入都是非臨界狀態(tài),因為修正它們很容易,而且用戶必須改正它們之后才能繼續(xù)。 同樣設計太多的用戶錯誤預警與windows vista風格不協(xié)調,用戶輸入錯誤的預警顯示通常不會帶錯誤icon,為了使這些非臨界錯誤更加自然,我們把它們稱為用戶輸入錯誤。
過度警告使得使用程序就像在做一個危險的事,而且會減弱真正有實際意義警告的效果。
上下文也是使用標準icon時需要考慮的一個方面,因為,因為上下文本身也在傳遞信息,具體是: 當對話框(包括任務對話框和信息對話框)和消息文本報告非臨界錯誤時,不需要使用icon,特定位置的錯誤通常需要錯誤icon,另外,就像非模態(tài)反饋一樣,需要很容易看出來。 特定位置的警告總是需要警告icon來使它們從規(guī)整文字中區(qū)別出來。 對話框,消息文本,和氣球不需要信息icon,因為它們清楚的表達了信息。與之對比的,banner需要16*16的信息或別的icon,因為,非模態(tài)反饋需要被清楚的看到。 因為上下文在icon的用法中是一個重要的因素,本文中標準icon指南也是根據(jù)它們的上下文制定的。 Guidelines指南 General 一般情況 基于消息類型,而不是潛在問題的嚴重性,使用標準icon: 錯誤 icon表示已經(jīng)出現(xiàn)了一個錯誤或者問題 警告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。 |
|