日韩黑丝制服一区视频播放|日韩欧美人妻丝袜视频在线观看|九九影院一级蜜桃|亚洲中文在线导航|青草草视频在线观看|婷婷五月色伊人网站|日本一区二区在线|国产AV一二三四区毛片|正在播放久草视频|亚洲色图精品一区

分享

怎樣使用標準icon?

 夏天 2007-05-24

怎樣使用標準icon?
(大智jack.lee 2007-5-20)

標準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的使用遠不是我們想象的簡單和隨意。

幾個關鍵點:
1、標準icon不僅僅用來裝飾,用與不用皆有章法--代表問題是臨界狀態(tài)使用icon,非臨界狀態(tài)不用icon
2、錯誤、警告、信息概念的原則區(qū)分,特別是錯誤和警告之間的性質區(qū)別:錯誤是已經(jīng)發(fā)生的錯誤(完成時態(tài))警告是將要引起錯誤的狀態(tài)(將來時態(tài))
3、密切結合上下文和使用環(huán)境,不能教條的搬用前兩條。
4、結合軟件的性格(cooper語)和整理的完整性

這4個標準icon和使用它們的時機、語境密切相關,把它們理解清楚并合理的使用它們,有利于設計合理的軟件交互細節(jié)。不同的使用結果直接影響用戶與軟件的交互效果。

與朋友們共享!

英文原文:http://msdn2.microsoft.com/en-us/library/aa511277.aspx

------------------------------------------------------------------------------------------------------
什么是標準icon?

標準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,以避免這些常見錯誤。

Message type vs. severity 消息類型vs 嚴重性

基于消息類型而不是潛在問題的嚴重性選擇標準icon,消息類型是:

錯誤:一個錯誤或問題已經(jīng)發(fā)生。

警告:可能將會引起一個錯誤的情況。

信息:有幫助的信息

因此,錯誤信息能使用錯誤icon,但永遠不會是警告icon。不要使用警告icon表示弱化的或小的錯誤的辦法,所以,不要管它們是不是嚴重。“錯誤的字體大小”是錯誤,然而“繼續(xù)操作會使你的房子著火”是警告。

Severity 嚴重性

當用來做可視化溝通時icon非常好,(因為可訪問性的原因,可視化溝通對其它形式來說必須是輔助性的,例如文字和聲音)用戶必須非常自然的一眼就能看出信息和它們反饋的結果,因此,我們必須區(qū)別臨界錯誤或警告與非臨界錯誤或警告的不同。臨界錯誤和警告有以下特征:

它們與下列一條或多條損失相關聯(lián):

有價值的資產,例如數(shù)據(jù)丟失或經(jīng)濟損失

系統(tǒng)訪問或完整性

個人的或受控制的保密信息

用戶的時間(有實際意義的數(shù)字,例如30秒或更多)

出現(xiàn)用戶不希望的結果

用戶現(xiàn)在需要改正(錯誤)操作,因為錯誤不能被輕松修正,甚至是不可恢復的。

In Windows Vista,不是所有的信息都需要icon,icon不是僅僅用來裝飾信息的手段。

為了區(qū)別臨界錯誤和非臨界錯誤,非臨界錯誤的顯示往往不需要icon,這樣做是為了引起(用戶)對臨界信息的關注,使臨界(錯誤)信息和非臨界(錯誤)信息有明顯的視覺區(qū)分,和windows vista的整體上的協(xié)調。

在典型的用戶界面中,大多數(shù)錯誤都和用戶的輸入錯誤有關系。多數(shù)用戶輸入都是非臨界狀態(tài),因為修正它們很容易,而且用戶必須改正它們之后才能繼續(xù)。 同樣設計太多的用戶錯誤預警與windows vista風格不協(xié)調,用戶輸入錯誤的預警顯示通常不會帶錯誤icon,為了使這些非臨界錯誤更加自然,我們把它們稱為用戶輸入錯誤。


Avoid overwarning 避免過度警告

過度警告使得使用程序就像在做一個危險的事,而且會減弱真正有實際意義警告的效果。


Context上下文

上下文也是使用標準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
Dialog         boxes Use 32x32 pixel for content area icons; 16x16 pixel for footnote area icons.
In-place       Use 32x32 pixel for error pages; 16x16 pixel icons for all others.
Notifications Use 16x16 pixel icons.
Balloons Use   16x16 pixel icons.
Banners Use    16x16 pixel icons.

Error icons 錯誤icon

Use error icons only when an error or a problem has occurred:

Context            When to use
Dialog boxes       Use for critical errors only. (Don‘t use standard icons for non-critical errors.)
In-place errors    Use for all errors.
Notifications      Use for critical errors only. (For action failures.)
氣球              不使用。在出現(xiàn)臨界錯誤時不能使用氣球,非臨界錯誤不要使用錯誤icon
標語              標語,標語不用在錯誤情況。

通常,錯誤icon在非臨界用戶輸入問題時不需使用。然而,需要使用在特定位置的錯誤中,因為,這種上下文反饋需要非常容易看到。

對于任務對話框,不要在腳注中使用錯誤icon。錯誤icon只針對上下領域。


Warning icons 警告icon

Use warning icons only when a condition might cause a problem in the future:

Context              When to use
Dialog boxes         Use for all warnings.  
In-place warnings    Use to identify the text as a warning.  
Notifications        Use for all warnings.
Balloons             Use for special conditions.  
Banners              Use to draw attention to the banner.

Information icons 信息icon

Use information icons only when the context isn‘t obviously presenting information:
只有當上下文不能明顯的表示信息時,才使用信息icon。

Context           When to use
Dialog boxes      Don‘t use.
In-place          Don‘t use. Use either plain static text or a banner instead.
Notifications     Don‘t use.
Balloons          Don‘t use.
Banners           Use to draw attention to the banner.(使banner引起注意)

信息icon不需要使用在對話框、消息文本和氣球中,因為它們的上下文清楚的傳達了它們正在給用戶提供信息。

對于任務對話框,不要使用信息注腳icon,注腳是清楚可見的,理所當然表示它們是信息。

Question mark icons 問題標識icon

使用問題標識icon僅用來作為獲取幫助的指示。

無論如何,不要使用問題標識icon來問問題。

不要機械的使用問題標識icon代替警告icon,除非問題代表重要的邏輯結果,不然,不要使用icon。

    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內容均由用戶發(fā)布,不代表本站觀點。請注意甄別內容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多