下面是一些用戶體驗指南中的重要準(zhǔn)則集合购啄。您可以將此作為自查表襟企,以確保程序用戶界面在相關(guān)要點上設(shè)計無誤。
窗口
- 支持最小Windows有效分辨率800x600像素狮含。 對于必須在安全模式下工作的關(guān)鍵用戶界面(ui) 顽悼,支持640x480像素的有效分辨率。對于有任務(wù)欄的窗口几迄,確保在此分辨率中留出48個垂直相對像素供其占位顯示蔚龙。
- 在有效分辨率為1024x768像素的基礎(chǔ)上,優(yōu)化可調(diào)整大小的窗口布局映胁。在更低的屏幕分辨率下木羹,自動調(diào)整優(yōu)化不同大小窗口的效果。
- 確保在每英寸96dpi(800x600像素)屿愚、120dpi (1024x768像素)和144dpi (1200x900像素)模式下測試窗口汇跨。 檢查布局問題,例如控件妆距、文本和窗口是否有超出穷遂,以及圖標(biāo)和位圖是否有拉伸變形。
- 對于觸屏和有移動應(yīng)用場景的程序娱据,在120dpi下進(jìn)行優(yōu)化蚪黑。 高分辨率屏幕目前在觸摸屏和移動電腦上非常流行盅惜。
- 如果一個窗口是一個從屬窗口,初次出現(xiàn)應(yīng)該"居中"于其主窗口上層忌穿。 永遠(yuǎn)不要在下層彈出抒寂。 對于后續(xù)的彈出顯示,如果更方便的話掠剑,可以考慮將其顯示在上一次操作時相對于所有者窗口的位置屈芜。
- 如果一個窗口和上下文相關(guān),那么總是在啟動它的對象元素附近顯示它朴译。然而井佑,讓它展現(xiàn)在稍稍不同的位置(最好是向下偏移和向右偏移) ,這樣啟動對象就不會被窗口覆蓋眠寿。
布局
- 在窗口中設(shè)計用以調(diào)整主要內(nèi)容顯示的控件和操作面板躬翁。避免出現(xiàn)內(nèi)容刪節(jié)及其相關(guān)信息省略的情況。 用戶永遠(yuǎn)不應(yīng)該通過與整個窗口交互來查看其主要內(nèi)容ー為異常大的內(nèi)容保留大小調(diào)整控件和滾動條盯拱。具體檢查以下項目:
控制大小的控件盒发。 大小控件的典型內(nèi)容,在需要的情況下狡逢,可以將控件設(shè)計得更寬宁舰、更高,或多行展示甚侣。有了控制內(nèi)容展示大小的控件明吩,就可以減少或杜絕在窗口仍有多余展示空間的情況下间学,仍需要滾動條控制才能閱讀更多內(nèi)容的情況殷费。 此外,在有大量可用空間的窗口中低葫,不應(yīng)該出現(xiàn)被截斷的標(biāo)簽或被截斷的文本详羡。 但是,為了使文本更易于閱讀嘿悬,可以考慮將行寬限制在65個字符內(nèi)鲤孵。
欄目寬度演怎。 確保列表欄視圖的默認(rèn)大小、最小和最大尺寸合適。 特別在列表視圖中還有可用的空間時葡缰,設(shè)計不會導(dǎo)致文本被截斷的列表視圖默認(rèn)列寬。
布局平衡拯爽。 窗口的布局應(yīng)該給人感覺大致平衡最蕾。 如果感覺布局左邊重,可以考慮將控件加寬源内,并將一些控件向右移動葡粒。
布局大小調(diào)整。當(dāng)窗口可調(diào)整大小并且數(shù)據(jù)被截斷時,請確保較大的窗口能展示更多的數(shù)據(jù)嗽交。當(dāng)數(shù)據(jù)被截斷時卿嘲,用戶希望通過調(diào)整窗口大小來獲取更多信息。
- 如果在一定尺寸下內(nèi)容將無法有效展示夫壁,記得設(shè)置最小窗口尺寸拾枣。 對于可調(diào)整大小的控件,將最小尺寸設(shè)置為其最小正常運作的尺寸盒让,例如列表視圖中的最小列寬度放前。
文本
盡可能使用日常、通用的術(shù)語糯彬。 關(guān)注點應(yīng)在于用戶目標(biāo)凭语,而不是技術(shù)。 如果你正在解釋一個復(fù)雜的技術(shù)概念或行動撩扒,這尤其有效似扔。 想象一下你就站在用戶面前,向他解釋如何完成這個任務(wù)搓谆。
傳達(dá)禮貌炒辉、支持和鼓勵的態(tài)度。 用戶永遠(yuǎn)不應(yīng)該感到屈尊俯就泉手、被責(zé)備或者擔(dān)驚受怕黔寇。
刪除冗余文本。 在窗口標(biāo)題斩萌、主要指令缝裤、補(bǔ)充指令、內(nèi)容區(qū)颊郎、命令鏈接和提交按鈕中查找冗余文本憋飞。 通常,在主要說明和交互式控件中保留全文姆吭,其他地方的冗余都需要刪除榛做。
對標(biāo)題使用標(biāo)題樣式的大寫規(guī)則,所有其他 UI 元素上的文本則使用句子的大寫規(guī)則内狸。 這樣做更貼合 Windows 的風(fēng)格检眯。
例外情況: 對于傳統(tǒng)應(yīng)用程序,如果需要昆淡,可以對命令按鈕锰瘸、菜單和列標(biāo)題使用標(biāo)題樣式的大小寫,以避免混合大小寫樣式瘪撇。對于功能和技術(shù)名稱获茬,在大寫規(guī)則上要保守港庄。 通常,只有主要組件應(yīng)該大寫(使用標(biāo)題樣式大寫規(guī)則)恕曲。
對于功能和技術(shù)名稱鹏氧,大寫規(guī)則要保持一致。 如果名稱在同一界面中出現(xiàn)多次佩谣,則應(yīng)保持顯示一致把还。 同樣,在同一程序中的所有界面中茸俭,名稱應(yīng)該始終一致吊履。
不要將通用用戶界面元素(如工具欄、菜單调鬓、滾動條艇炎、按鈕和圖標(biāo))的名稱大寫。
例外情況: 地址欄腾窝,鏈接欄缀踪,功能區(qū)。鍵盤按鍵不要全部使用大寫字母虹脯。 遵循標(biāo)準(zhǔn)鍵盤使用的大寫字母規(guī)則驴娃,或者如果鍵盤上沒有標(biāo)記,則按小寫字母循集。
省略號意味著信息不完整唇敞。 使用省略號UI文本中有以下情況:
1.命令。省略號表明執(zhí)行命令需要額外的信息咒彤。某個操作會彈出新窗口時疆柔,UI文本不一定要使用省略號ー只有在需要展示額外信息時才使用。 當(dāng)一個命令隱含有打開新窗口的動作傾向時蔼紧,UI文本不應(yīng)加省略號婆硬,如"高級"、"幫助"奸例、"選項"、"屬性"或"設(shè)置"向楼。
2.數(shù)據(jù)查吊。 暗示文本被截斷,顯示不完整湖蜕。
3.標(biāo)簽逻卖。 暗示任務(wù)正在進(jìn)行(例如,"搜索中...")。提示: 如果窗口中仍有未使用的空間昭抒,而頁面中卻有被截斷的文本评也,說明布局設(shè)計得不合理或默認(rèn)窗口尺寸過小炼杖。 盡量設(shè)計合適的布局和默認(rèn)窗口大小,以消除或減少截斷文本的情況盗迟。有關(guān)更多信息坤邪,請參見布局相關(guān)章節(jié)說明。
如果不是鏈接罚缕,不要設(shè)置藍(lán)色文本艇纺,以免用戶產(chǎn)生誤解。 使用字體加粗或灰度字體來代替彩色文字邮弹。
節(jié)制地對用戶必讀內(nèi)容使用加粗文字以吸引注意力黔衡。
使用主指令簡明地向用戶解釋清楚,在給定窗口或頁面中應(yīng)該做什么腌乡。 好的主說明能夠與用戶溝通以完成用戶的目的盟劫,而不僅僅是指導(dǎo)用戶操作界面。
以祈使句或特定問句的形式表達(dá)主要指令与纽。
不要在控制標(biāo)簽或主說明的末尾放置句號捞高。
在句子之間空一格。
控件
- 通用
為每個控件或控件組設(shè)置文本標(biāo)簽渣锦。 以下情況例外:
1.文本框和下拉列表可以使用prompt進(jìn)行說明硝岗。
2.下級控件使用其主控件的標(biāo)簽〈校可旋轉(zhuǎn)控件都是從屬控件型檀。對于所有控件,選擇最安全的(以防止數(shù)據(jù)丟失或系統(tǒng)訪問) 听盖,最保險的默認(rèn)值胀溺。 如果安全性和保險性不是因素,就設(shè)置最可能或最方便的值皆看。
盡量選擇操作有限的控件仓坞。 盡可能這種約束性的控件,如列表和滑塊腰吟,而不是無約束的控件无埃,如文本框,以減少內(nèi)容的輸入毛雇。
慎用禁用控件嫉称。 禁用控件可能很難使用,因為用戶得明白禁用的原因灵疮。 當(dāng)用戶認(rèn)為某個控件可點擊织阅、并且如果該控件不能使用時他們可以很容易地明白發(fā)生了什么,這種情況下可以使用禁用控件震捣。當(dāng)用戶不可能啟用荔棉、或他們不想讓控件可用闹炉、或他們用不到該控件,這時應(yīng)該直接刪掉這個控件润樱,或者在其沒有被正確使用的時候顯示錯誤信息提示渣触。
(提示: 如果您不確定是該禁用控件還是應(yīng)該顯示錯誤提示,那么可以從列出可能提供的錯誤信息內(nèi)容開始祥国。 如果錯誤消息包含有用信息昵观,而這些信息目標(biāo)用戶不太可能僅憑自己的理解迅速得出,那么請保持控件處于啟用狀態(tài)并提供錯誤提示舌稀。 否則啊犬,禁用該控件。)
- 命令按鈕
直接使用具體標(biāo)簽文字壁查,不要使用附屬文本進(jìn)行說明觉至。 理想情況下,用戶不必通過閱讀其他內(nèi)容來理解標(biāo)簽睡腿。 用戶更愿意直接閱讀命令按鈕標(biāo)簽而不是靜態(tài)文本语御。(特例: 如果某操作的取消含義明確,那就直接叫"取消"按鈕席怪。 用戶不必閱讀所有的按鈕來思考哪個按鈕能取消操作应闯。 但是,如果不清楚正在取消哪些操作挂捻,比如有幾個掛起的操作時碉纺,則為“取消”按鈕重新命名。)
問問題時刻撒,使用與問題相匹配的標(biāo)簽文字骨田。 例如,對一個是或否的問題提供是或否的選擇按鈕声怔。
不要在非屬性列表或控制面板項的對話框中使用"應(yīng)用"按鈕态贤。 "應(yīng)用"按鈕意味著應(yīng)用掛起中的更改內(nèi)容,但保持窗口打開狀態(tài)醋火。 這樣做允許用戶在關(guān)閉窗口之前評估更改悠汽。但是,只有屬性表和控制面板項具有此需要胎撇。
如果要取消使環(huán)境操作介粘,以恢復(fù)到以前的狀態(tài)(不產(chǎn)生任何其他影響) ,則標(biāo)簽名稱為"取消"; 當(dāng)操縱已完成時晚树,標(biāo)記按鈕為"關(guān)閉";如果操作正在進(jìn)行中雅采,使用"停止"以表明它保持當(dāng)前更改的狀態(tài)不變爵憎。
- 命令鏈接
一組命令鏈接中一定有兩個或者更多命令鏈接慨亲。 從邏輯上講,沒有理由問一個只有唯一答案的問題宝鼓。
設(shè)計一個明確的取消按鈕刑棵。不要為“取消“設(shè)計命令鏈接。 很多時候愚铡,用戶會意識到他們不想把任務(wù)執(zhí)行下去蛉签。若使用命令鏈接完成取消操作,需要用戶仔細(xì)閱讀所有命令鏈接沥寥,以確定取消是哪一個碍舍。 有一個明確的取消按鈕允許用戶高效地取消任務(wù)。
如果除了提供一個Cancel按鈕以外邑雅,只留下了一個命令鏈接片橡,那就同時提供一個要取消的命令鏈接和一個Cancel按鈕。 這樣能清楚地表明淮野,用戶有得選擇捧书。在表述上,該命令鏈接必須得重新組織骤星,要和單純的“取消”含義有所不同经瓷,而不僅僅是"取消"或其他變體。
- “不再顯示”選擇框
在沒有更好的方案時洞难,考慮設(shè)置"不要再顯示此內(nèi)容"選項舆吮,以允許用戶禁用重復(fù)出現(xiàn)的對話框。 如果用戶真的需要廊营,最好總是顯示對話框歪泳,如果不需要,就簡單地刪除它露筒。
用特定語言表述此類選項呐伞。 例如“不再顯示該提醒” 。在一般情況下引用對話框時慎式,使用"不再顯示此消息"伶氢。
清楚地告知用戶輸入值將用作未來的默認(rèn)值。使用這樣的語句告知: 您的選擇將在未來默認(rèn)使用瘪吏。
不要默認(rèn)勾選“不再顯示”選項癣防。 如果對話框確實應(yīng)該只顯示一次,請不要詢問用戶(給用戶“不再選擇”的選項)掌眠,就直接只顯示一次蕾盯。 “不再顯示”選項的存在是為了方便用戶而不是為用戶造成困擾ーー確保默認(rèn)行為不會惹惱用戶。
如果用戶勾選了該選項又單擊了對話框的"取消"蓝丙,選項將仍會生效级遭。這個設(shè)置是一個元選項望拖,所以它不會遵循標(biāo)準(zhǔn)的取消行為(標(biāo)準(zhǔn)的取消行為會讓對話框中的所有指令無效)。這樣設(shè)計的內(nèi)在邏輯是挫鸽,如果用戶將來不想再看到這個對話框说敏,他們很可能也會點去擊取消按鈕。
- 鏈接
- 不要為鏈接分配存取鍵丢郊。 使用 Tab 鍵訪問鏈接盔沫。
- 不要在鏈接文字中加入「點一下」或「點這里」。這沒必要枫匾,因為鏈接就意味著需要點擊架诞。
- 工具提示
工具提示是為未標(biāo)記的控件提供標(biāo)簽文字說明。 你不必僅僅為了一致性而給本身有標(biāo)簽的控件設(shè)置工具提示婿牍。
在必要情況下侈贷,工具提示可以為帶標(biāo)簽的工具欄按鈕提供更多細(xì)節(jié)說明。但不要只是重復(fù)或者冗長地重復(fù)標(biāo)簽上已經(jīng)寫好的內(nèi)容等脂。
要避免工具提示遮擋用戶將要查看或交互的對象俏蛮。 始終將提示放在對象的另一側(cè),即使這會使提示和鼠標(biāo)指針不同側(cè)顯示上遥。 只要物體和它的提示之間的關(guān)系是清楚的搏屑,一些距離上的分割也沒關(guān)系。(特例: 列表和樹中使用的全名提示粉楚。)
對于多個項的集合辣恋,避免遮蓋用戶可能查看或與之交互的下一個對象。 對于水平排列的對象模软,避免將提示放在右邊; 對于垂直排列的物品伟骨,避免將提示放在下方。
- 漸進(jìn)展示
使用“展開/收起”漸進(jìn)按鈕組燃异,來隱藏高級或用戶很少使用的選項携狭、命令和細(xì)節(jié)。 不要隱藏常用的項目回俐,防止用戶可能找不到它們逛腿。但也得確保隱藏起來的選項是有必要存在的。
如果界面需要顯示一些選項仅颇、命令或細(xì)節(jié)单默,請使用以下標(biāo)簽文字對:
(1)更多 / 收起選項。 用于選項或選項忘瓦、命令和詳細(xì)信息的混合搁廓。
(2)更多 / 收起命令。 僅用于命令。
(3)更多 / 收起細(xì)節(jié)枚抵。 僅用于信息展示线欲。
(4)更多 / 收起明场。 用于其他對象類型汽摹,如文件夾。或者是:
(1)顯示 / 隱藏選項苦锨。 用于選項或選項逼泣、命令和詳細(xì)信息的混合。
(2)顯示 / 隱藏命令舟舒。 僅用于命令拉庶。
(3)顯示 / 隱藏細(xì)節(jié)。 僅用于信息展示秃励。
(4)顯示 / 隱藏氏仗。 用于其他對象類型,如文件夾夺鲜。
- 進(jìn)度條
- 對于需要有限時間的操作皆尔,使用確定的進(jìn)度條,即使該時間量無法準(zhǔn)確預(yù)測币励。不確定的進(jìn)度條顯示正在取得進(jìn)展慷蠕,但不提供其他信息。 不要僅僅因為可能缺乏準(zhǔn)確性而選擇不確定的進(jìn)度條食呻。
- 如果可以做到準(zhǔn)確的話流炕,提供一個時間剩余的估計。 精確的剩余時間估計很好仅胞,但是不準(zhǔn)確估計或者有明顯時間反彈的估計毫無作用每辟。 您可能需要執(zhí)行一些程序處理,然后才能給出準(zhǔn)確的估計干旧。 如果是這樣的話渠欺,不要在一開始就匆忙顯示可能不準(zhǔn)確的估計。
- 不要重啟進(jìn)程莱革。 如果進(jìn)度條重新啟動(可能是因為操作中的一個步驟已經(jīng)完成) 峻堰,它將失去其價值,因為用戶無法知道操作何時將完成盅视。 相反捐名,讓操作中的所有步驟共享一部分進(jìn)度,并讓進(jìn)度條報告一次部分完成狀態(tài)闹击。
- 提供有用的進(jìn)度細(xì)節(jié)镶蹋。 提供額外的進(jìn)度信息,但前提這些信息對用戶有用。 確保文本顯示的時間足夠長贺归,以便用戶能夠讀完淆两。
- **不要將進(jìn)度條和忙指針(轉(zhuǎn)圈圈指針)組合使用。 ** 可以使用前者或者后者拂酣,但不要同時使用兩個秋冰。
- 提示
- 當(dāng)屏幕空間非常寶貴,使用標(biāo)簽文字或使用說明都不合適的時候婶熬,使用提示符剑勾。比如在工具欄上。
- 提示主要用于以緊湊的方式說明文本框或組合框的用途赵颅。它不該是用戶在使用控件時需要查看的關(guān)鍵信息虽另。
-
提示文本不能與實際文本混淆。要做到這一點:
(1)提示文本使用灰色斜體饺谬,實際輸入文本使用黑色羅馬體捂刺。
(2)提示文本不可編輯,一旦用戶點擊或開始在文本框內(nèi)輸入募寨,提示文本應(yīng)該消失族展。
(特例: 如果文本框具有默認(rèn)輸入焦點,則會默認(rèn)顯示提示绪商,一旦用戶開始輸入苛谷,提示就會消失。) - 不要在結(jié)尾使用標(biāo)點符號或省略號格郁。
- 通知
- 對與當(dāng)前用戶活動無關(guān)腹殿、不需要用戶立即操作且用戶可以自忽略的事件使用通知。
- 不要濫用通知:
(1)只在有必要的時候使用通知例书。 當(dāng)您顯示一個通知時锣尉,您可能會打斷用戶,甚至?xí)菒浪麄儭?要確保這種中斷是合理的决采。
(2)對不需要用戶立即操作的非關(guān)鍵事件或情況自沧,使用通知。 對于需要立即執(zhí)行用戶操作的關(guān)鍵事件或情況树瞭,請使用其他的UI元素(例如模態(tài)對話框)拇厢。
(3)不要使用通知作為功能廣告!
鍵盤
將初始輸入焦點分配給用戶最可能首先與之交互的控件晒喷,這通常是第一個交互控件孝偎。 如果第一個交互式控件并不是這種情況,考慮更改窗口的布局設(shè)計凉敲。
為所有交互控件分配焦點切換衣盾,包括只讀編輯框寺旺。特例:
(1)組成單個控件(如多選按鈕)的相關(guān)控件集。 這樣的組只有一個焦點切換势决。
(2)正確地設(shè)置組阻塑,以便箭頭鍵在組中向前和向后循環(huán),并保持在組中果复。制表順序應(yīng)該從左到右陈莽,從上到下。 一般來說据悔,制表順序應(yīng)該遵循閱讀順序传透。對于常用的控件,可以考慮特別將它們放在前面的tab鍵制表順序中极颓。焦點切換應(yīng)不停循環(huán),在兩個方向上通過所有制表位群嗤。在一個組中菠隆,制表符應(yīng)該是按順序的,沒有例外狂秘。
在制表位內(nèi)骇径,箭頭鍵順序應(yīng)該從左到右,從上到下者春,沒有例外破衔。 箭頭鍵應(yīng)該在兩個方向上循環(huán)遍歷所有項目,不要停止钱烟。
按以下順序顯示提交按鈕:
(1)好的 / [做] / 是的
(2)[不要做] / 不
(3)取消
(4)應(yīng)用(如有)
其中[做](1)和[不要做](2)是對主要指示任務(wù)的具體回應(yīng)晰筛。不要混淆存取鍵和快捷鍵。 雖然存取鍵和快捷鍵都提供對 UI 的鍵盤訪問拴袭,但它們有不同的用途和指導(dǎo)原則读第。
只要有可能,為所有交互控件或其標(biāo)簽分配唯一存取鍵拥刻。 只讀文本框是交互式控件(因為用戶可以滾動它們并復(fù)制文本) 怜瞒,所以它們也可以使用存取鍵。 不要將存取鍵分配給:
(1)確定般哼,取消吴汪,和關(guān)閉按鈕。 Enter鍵 和 Esc鍵 專用于它們的存取訪問蒸眠。 但是漾橙,始終為表示"確定"或"取消"但具有不同標(biāo)簽文字的控件分配存取鍵。為最常用的命令分配快捷鍵黔宛。 不經(jīng)常使用的程序和功能不需要快捷鍵近刘,因為用戶可以使用存取鍵擒贸。
不要使用快捷鍵作為執(zhí)行任務(wù)的唯一方式。 用戶還應(yīng)該能夠使用鼠標(biāo)或帶有 Tab觉渴、箭頭和存取鍵的鍵盤介劫。
不要為眾所周知的快捷鍵賦予不同的含義。 因為它們已經(jīng)為人熟知案淋,如果突然有了不同的含義座韵,容易讓用戶受挫、產(chǎn)生誤操作踢京。
不要嘗試分配系統(tǒng)層面的程序快捷鍵誉碴。 只有當(dāng)程序具有輸入焦點時,程序的快捷鍵才會生效瓣距。
鼠標(biāo)指針
-
別讓用戶用鼠標(biāo)去點擊測試對象是否可點擊黔帕。 必須保證用戶通過視覺觀察就能明確對象的可點擊性穿扳。
1.主UI控件 (如提交按鈕)必須具有靜態(tài)的可點擊示能妈嘹。 用戶不需要通過鼠標(biāo)懸停來探索這一點。
2.輔助UI控件(如輔助命令或漸進(jìn)公開控件)可以在鼠標(biāo)懸停時顯示點擊示能介牙。
3.文本鏈接應(yīng)該靜態(tài)地展示鏈接文本內(nèi)容逻杖,然后在鼠標(biāo)懸停時顯示它們的點擊示(手型指針附帶下劃線或其他表現(xiàn)形式的變化)奋岁。
4.圖形鏈接只在鼠標(biāo)懸停時顯示手型指針。 - 只對帶有鏈接的文本和圖形使用手型指針(或"鏈接選擇")荸百。 否則闻伶,用戶將不得不點擊對象來確定它們是否是鏈接。
對話框
模態(tài)對話框需要交互動作够话,所以在繼續(xù)執(zhí)行任務(wù)之前蓝翰,用它們展示用戶必須響應(yīng)的事情。 確保中斷是合理的更鲁,例如對于重要的或不經(jīng)常的霎箍、需要完成的一次性任務(wù)。 否則澡为,考慮非模態(tài)的其他展示形式漂坏。
非模態(tài)對話框不需要交互,因此當(dāng)用戶需要在對話框和其主窗口之間切換時使用它們媒至。 它們最適用于頻繁顶别、重復(fù)或正在進(jìn)行的任務(wù)。但是拒啰,彩條驯绎、工具欄和調(diào)色板窗口通常是更好的選擇。
屬性表單
確保這些屬性有設(shè)置的必要谋旦。 不要為了避免設(shè)計取舍而在屬性頁面中放置不必要的屬性剩失。
根據(jù)用戶目標(biāo)而不是技術(shù)水平來呈現(xiàn)屬性屈尼。 一個屬性可以配置一個特定的技術(shù),并不意味著您必須通過該技術(shù)來展示該屬性拴孤。
-如果您必須根據(jù)技術(shù)(可能是因為您的用戶認(rèn)識該技術(shù)的名稱)顯示設(shè)置脾歧,請包含用戶受益的簡要描述。
3.使用特定的演熟,有意義的標(biāo)簽鞭执。 避免可以應(yīng)用于任何選項卡(如常規(guī)、高級或設(shè)置)的通用選項卡標(biāo)簽芒粹。
4.避免通用頁面兄纺。 通用頁面并不是必備的。 只有在下列情況下才使用通用頁面:
(1)這些屬性適用于多個任務(wù)化漆,對大多數(shù)用戶都有意義估脆。 不要在通用頁面上放置專用或高級屬性,但可以通過通用頁面上的命令按鈕來訪問它們获三。
(2)這些屬性不適合更具體的類別旁蔼。 如果有更具體的類別,使用那個類別來命名頁面疙教。
5.避免高級頁面。 只有在以下情況下才使用高級頁面:
(1)這些屬性適用于不常見的任務(wù)伞租,主要對高級用戶有意義贞谓。
(2)這些屬性不適合更具體的類別。 如果有更具體的類別葵诈,使用那個類別來命名頁面裸弦。
- 如果屬性窗口只有一個選項卡且不可擴(kuò)展,則不要使用選項卡作喘。 使用一個常規(guī)的對話框理疙,包括“確定”、“取消”和一個可選的“應(yīng)用”按鈕泞坦。 但可擴(kuò)展的屬性窗口(可由第三方擴(kuò)展)必須使用選項卡窖贤。
向?qū)С绦?/h2>
首先考慮輕量級替代方案,如對話框贰锁、任務(wù)窗格或單頁等赃梧。 向?qū)且惶缀苤氐挠脩艚缑妫詈糜糜诙嗖襟E豌熄、不經(jīng)常執(zhí)行的任務(wù)授嘀。 可以用其他UI控件提供有用的信息和幫助,不是一定要使用向?qū)А?/p>
只有在沒有任何信息變動提交的情況下進(jìn)入下一頁時才使用“下一步”锣险。如果無法通過單擊"上一步"或"取消"來撤銷效果蹄皱,則進(jìn)入下一頁將被視為確定的承諾览闰。
只在更正錯誤時使用“上一步”。 除了糾正錯誤之外巷折,用戶不應(yīng)該必須單擊 “上一步”才能將任務(wù)進(jìn)行下去-压鉴。
當(dāng)用戶提交任務(wù)時,使用一個提交按鈕作為對主指令的特定響應(yīng)(例如盔几,“打印”晴弃、 “連接” 或 “開始”)。 不要使用類似“下一步”(這并不意味著承諾能保存改動和信息)或“完成”(這并不具體)這樣的通用標(biāo)簽來提交任務(wù)逊拍。 這些提交按鈕上的標(biāo)簽本身就應(yīng)該有意義上鞠。 提交按鈕標(biāo)簽要用動詞描述。特例:
(1)當(dāng)響應(yīng)仍然是通用動作的時候使用“完成”芯丧,例如 Save芍阎、 Select、 Choose 或 Get缨恒。
(2)使用"完成"來更改特定設(shè)置或設(shè)置集合谴咸。
使用命令鏈接只是為了選擇,而不是承諾骗露。 特定的提交按鈕能比向?qū)е械拿铈溄痈玫乇硎境兄Z岭佳。
使用命令鏈接時,去掉"下一步"按鈕萧锉,但保留"取消"按鈕珊随。
操作完成或者要進(jìn)行后續(xù)操作時,使用“關(guān)閉”按鈕柿隙。 不要使用"取消"叶洞,因為關(guān)閉窗口不會放棄此時所做的任何更改或操作。也不要使用“完成”禀崖,因為它不是命令動詞衩辟。
不要在向?qū)Q中使用"向?qū)?。 例如波附,將"網(wǎng)絡(luò)安裝向?qū)?改為"連接到網(wǎng)絡(luò)" 但是艺晴,在提到它時,可以稱其為向?qū)А?例如:"如果您是第一次設(shè)置網(wǎng)絡(luò)叶雹,可以通過使用連接到網(wǎng)絡(luò)向?qū)慝@得幫助财饥。"
在瀏覽過程中保留用戶的選擇項。 例如折晦,如果用戶進(jìn)行了更改钥星,單擊"上一步",然后單擊"下一步"满着,則應(yīng)該保留這些更改項谦炒。 用戶并不期望必須重新輸入更改贯莺,除非他們明確選擇清除更改。
向?qū)ы撁?/h2>
致力于讓用戶進(jìn)行有效率的決策宁改。 減少頁面數(shù)量缕探,專注于要點。 合并相關(guān)頁面还蹲,并從主要流程頁面中刪除可選頁面爹耗。讓用戶完全只通過單擊“下一步”完成向?qū)Вб豢此坪跏莻€不錯的體驗谜喊,但如果用戶從不需要更改默認(rèn)設(shè)置潭兽,那么這些向?qū)ы撁婵赡芫蜎]有必要了。
不要使用歡迎頁面ーー盡可能使第一頁具有功能性斗遏。只有在以下情況下才使用可選的入門頁面:
(1)入門頁面具有成功完成向?qū)Я鞒趟匦璧南葲Q條件山卦。
(2)僅根據(jù)向?qū)У牡谝粋€選擇頁面,因為沒有進(jìn)一步解釋的空間诵次,用戶可能無法理解向?qū)У挠猛尽?br>
(3)入門頁面的主指令是"在開始之前:"账蓉。
在用戶被要求做出選擇的頁面上,針對用戶最可能選擇的項進(jìn)行優(yōu)化展示逾一。 這種類型的頁面應(yīng)該提供實際的選擇铸本,而不僅僅是說明文字。
如果您不使用入門頁面遵堵,請在向?qū)ы撁娴牡谝豁擁敳拷忉屜驅(qū)У挠猛尽?/p>
當(dāng)用戶提交任務(wù)時归敬,使用 "提交" 頁面可以使其更明確。通常鄙早, "提交" 頁面是向?qū)ы撁娴淖詈笠豁摚跋乱徊健卑粹o被重新命名椅亚,以指示正在提交的任務(wù)限番。
(1)不要使用僅僅匯總用戶之前所有選擇的摘要頁面,除非任務(wù)有風(fēng)險(涉及安全呀舔、時間或金錢損失) 弥虐,或者用戶很可能不理解他們的選擇,需要查看它們媚赖。
不要使用"祝賀"頁面霜瘪,因為它會結(jié)束向?qū)А?/strong> 如果向?qū)У慕Y(jié)果很明確,用戶只需點擊最終提交按鈕以關(guān)閉向?qū)А?br>
(1)如果有用戶可能會執(zhí)行的相關(guān)任務(wù)惧磺,請使用后續(xù)頁面颖对。 避免提供太常規(guī)的后續(xù)任務(wù),比如"發(fā)送電子郵件"
(2)只有當(dāng)結(jié)果不可見磨隘、且沒有更好的方法為任務(wù)完成提供反饋時缤底,才使用完成頁面顾患。
(3)具有"進(jìn)度"頁的向?qū)П仨毷褂?完成"頁或"后續(xù)"頁來表明該階段任務(wù)完成。對于長時間運行的任務(wù)个唧,在確認(rèn)頁面上關(guān)閉向?qū)Р⑹褂猛ㄖ峁┓答仭?/p>
報錯信息
當(dāng)用戶不太會因為錯誤信息提示而執(zhí)行某個操作江解,或改變他們的行為時,不要報錯徙歼。 如果沒有用戶可以采取的操作犁河,或者問題不嚴(yán)重,則禁止顯示錯誤消息魄梯。
只要有可能桨螺,就應(yīng)提出解決方案以便用戶修復(fù)問題。 但是画恰,要確保提出的解決方案能真正解決問題彭谁。 不要提出可行但不保證成功的解決方案,浪費用戶的時間允扇。
措辭要具體缠局。 避免使用含糊的文字,如語法錯誤和非法操作考润。給出所涉及對象的具體名稱狭园、位置和值。
不要使用責(zé)怪用戶或暗示用戶錯誤的措辭糊治。 避免使用“你”和“你的”唱矛。 雖然主動語態(tài)通常是首選,但當(dāng)用戶承受錯誤時井辜,使用被動語態(tài)绎谦。如果使用主動語態(tài),會讓用戶感覺自己對錯誤負(fù)有責(zé)任粥脚。
不要對錯誤消息使用 OK按鈕窃肠。 用戶不認(rèn)為錯誤是 OK 的。 如果錯誤消息沒有直接操作刷允,則改為使用“關(guān)閉”冤留。
不要使用下面的詞語:
(1)錯誤,失敗(使用 問題 代替)
(2)未能 (使用 無法執(zhí)行 替代)
(3)非法的树灶,無效的纤怒,壞(使用 不正確 或 無效的 代替)
(4)中止,殺死天通,終止(使用 停止 代替)
(5)災(zāi)難性的泊窘,致命的(用 嚴(yán)重的 代替)
以上這些術(shù)語并非必要,它們與 Windows 鼓舞人心的基調(diào)相反。當(dāng)正確使用一個錯誤圖標(biāo)的時候州既,也足以表達(dá)出現(xiàn)的問題谜洽。
不要將錯誤消息附加聲音效果。 這樣不和諧吴叶,也沒必要阐虚。
警告信息
警告用來描述將來可能導(dǎo)致問題的某種情況。 警告不是提示錯誤或問題蚌卤,所以不要把例行問題提醒用警告表示实束。
當(dāng)用戶不太可能執(zhí)行某個操作或者因為消息而改變他們的行為時,不要發(fā)出警告消息逊彭。 如果沒有用戶可以采取的操作咸灿,或者如果情況并不緊急,則禁止顯示警告消息侮叮。
確認(rèn)消息
不要使用不必要的確認(rèn)消息提示避矢。 僅在以下情況下使用確認(rèn)對話框:
(1)有一個明確的理由不繼續(xù)進(jìn)行,并且有一個合理的機(jī)會囊榜,有時用戶不會繼續(xù)审胸。
(2)該行為會產(chǎn)生重要后果或不能輕易被撤銷。
(3)該操作的結(jié)果可能是用戶沒有意識到的卸勺。
(4)繼續(xù)執(zhí)行操作需要用戶作出選擇砂沛,這個選項沒有默認(rèn)值。
(5)在當(dāng)前上下文中曙求,用戶很可能執(zhí)行了錯誤的操作碍庵。
確認(rèn)描述文字是一個是或否的問題,并提供是或否的答案悟狱。 與其他類型的對話框不同静浴,確認(rèn)對話框的設(shè)計目的是防止用戶過快決策。 如果用戶不仔細(xì)斯卡挤渐,一個確認(rèn)沒有價值马绝。
圖標(biāo)
所有圖標(biāo)都應(yīng)該遵循 aero 風(fēng)格的icon規(guī)范。 替換所有 Windows xp 樣式的圖標(biāo)挣菲。
基于"消息類型"選擇圖標(biāo),不要基于"問題的嚴(yán)重程度"選擇圖標(biāo):
(1)錯誤掷邦。 已發(fā)生的錯誤或問題白胀。
(2)警告。 一種可能在未來出現(xiàn)的情況抚岗。
(2)消息或杠。 有用的信息。
如果一個問題包含了不同的消息類型宣蔚,那么請立足于用戶需要采取行動的最重要方面來選擇圖標(biāo)向抢。
圖標(biāo)必須始終與主指令或其他相應(yīng)的文本匹配认境。
報告不緊要的用戶輸入問題,不需要使用錯誤圖標(biāo)挟鸠。 然而叉信,對于輸入錯誤,需要使用圖標(biāo)立即提示艘希,因為否則這樣的情況很容易被忽略硼身。
不要使用警告圖標(biāo)來"軟化"非關(guān)鍵性錯誤。 錯誤不是警告覆享,要應(yīng)用錯誤圖標(biāo)準(zhǔn)則佳遂。
對于問題對話框,只對會產(chǎn)生嚴(yán)重后果的問題使用警告圖標(biāo)撒顿。 不要在日常問題中使用警告圖標(biāo)丑罪。
幫助
幫助應(yīng)該鏈接到特定的具體相關(guān)幫助主題。 不要鏈接到幫助主頁凤壁、目錄吩屹、搜索結(jié)果列表或者只鏈接到其他頁面的頁面。 避免鏈接到由大量常見問題組成的頁面客扎,因為這會迫使用戶搜索與他們點擊的鏈接相匹配的頁面祟峦。 不要鏈接到與手頭任務(wù)不相關(guān)和有幫助的特定幫助主題。 不要鏈接到空白頁面徙鱼。
不要為了保持一致性宅楞,在每個窗口或頁面上都放置幫助鏈接。 在一個地方提供幫助鏈接并不意味著你必須在所有地方都提供幫助袱吆。
只要有可能厌衙,直接使用短語"幫助"作為主要問題鏈接文本。 不要使用"了解更多關(guān)于"或"得到這方面的幫助"這樣的措辭绞绒。
對整個鏈接文本設(shè)置幫助鏈接婶希,而不僅僅是關(guān)鍵字。
使用完整的句子蓬衡。
除了問號外喻杈,在結(jié)尾不要使用標(biāo)點符號或省略號。
如果幫助內(nèi)容是在線的狰晚,請在鏈接文本中明確說明筒饰。這樣做有助于使鏈接的結(jié)果可預(yù)測。
首先考慮輕量級替代方案,如對話框贰锁、任務(wù)窗格或單頁等赃梧。 向?qū)且惶缀苤氐挠脩艚缑妫詈糜糜诙嗖襟E豌熄、不經(jīng)常執(zhí)行的任務(wù)授嘀。 可以用其他UI控件提供有用的信息和幫助,不是一定要使用向?qū)А?/p>
只有在沒有任何信息變動提交的情況下進(jìn)入下一頁時才使用“下一步”锣险。如果無法通過單擊"上一步"或"取消"來撤銷效果蹄皱,則進(jìn)入下一頁將被視為確定的承諾览闰。
只在更正錯誤時使用“上一步”。 除了糾正錯誤之外巷折,用戶不應(yīng)該必須單擊 “上一步”才能將任務(wù)進(jìn)行下去-压鉴。
當(dāng)用戶提交任務(wù)時,使用一個提交按鈕作為對主指令的特定響應(yīng)(例如盔几,“打印”晴弃、 “連接” 或 “開始”)。 不要使用類似“下一步”(這并不意味著承諾能保存改動和信息)或“完成”(這并不具體)這樣的通用標(biāo)簽來提交任務(wù)逊拍。 這些提交按鈕上的標(biāo)簽本身就應(yīng)該有意義上鞠。 提交按鈕標(biāo)簽要用動詞描述。特例:
(1)當(dāng)響應(yīng)仍然是通用動作的時候使用“完成”芯丧,例如 Save芍阎、 Select、 Choose 或 Get缨恒。
(2)使用"完成"來更改特定設(shè)置或設(shè)置集合谴咸。
使用命令鏈接只是為了選擇,而不是承諾骗露。 特定的提交按鈕能比向?qū)е械拿铈溄痈玫乇硎境兄Z岭佳。
使用命令鏈接時,去掉"下一步"按鈕萧锉,但保留"取消"按鈕珊随。
操作完成或者要進(jìn)行后續(xù)操作時,使用“關(guān)閉”按鈕柿隙。 不要使用"取消"叶洞,因為關(guān)閉窗口不會放棄此時所做的任何更改或操作。也不要使用“完成”禀崖,因為它不是命令動詞衩辟。
不要在向?qū)Q中使用"向?qū)?。 例如波附,將"網(wǎng)絡(luò)安裝向?qū)?改為"連接到網(wǎng)絡(luò)" 但是艺晴,在提到它時,可以稱其為向?qū)А?例如:"如果您是第一次設(shè)置網(wǎng)絡(luò)叶雹,可以通過使用連接到網(wǎng)絡(luò)向?qū)慝@得幫助财饥。"
在瀏覽過程中保留用戶的選擇項。 例如折晦,如果用戶進(jìn)行了更改钥星,單擊"上一步",然后單擊"下一步"满着,則應(yīng)該保留這些更改項谦炒。 用戶并不期望必須重新輸入更改贯莺,除非他們明確選擇清除更改。
致力于讓用戶進(jìn)行有效率的決策宁改。 減少頁面數(shù)量缕探,專注于要點。 合并相關(guān)頁面还蹲,并從主要流程頁面中刪除可選頁面爹耗。讓用戶完全只通過單擊“下一步”完成向?qū)Вб豢此坪跏莻€不錯的體驗谜喊,但如果用戶從不需要更改默認(rèn)設(shè)置潭兽,那么這些向?qū)ы撁婵赡芫蜎]有必要了。
不要使用歡迎頁面ーー盡可能使第一頁具有功能性斗遏。只有在以下情況下才使用可選的入門頁面:
(1)入門頁面具有成功完成向?qū)Я鞒趟匦璧南葲Q條件山卦。
(2)僅根據(jù)向?qū)У牡谝粋€選擇頁面,因為沒有進(jìn)一步解釋的空間诵次,用戶可能無法理解向?qū)У挠猛尽?br> (3)入門頁面的主指令是"在開始之前:"账蓉。在用戶被要求做出選擇的頁面上,針對用戶最可能選擇的項進(jìn)行優(yōu)化展示逾一。 這種類型的頁面應(yīng)該提供實際的選擇铸本,而不僅僅是說明文字。
如果您不使用入門頁面遵堵,請在向?qū)ы撁娴牡谝豁擁敳拷忉屜驅(qū)У挠猛尽?/p>當(dāng)用戶提交任務(wù)時归敬,使用 "提交" 頁面可以使其更明確。通常鄙早, "提交" 頁面是向?qū)ы撁娴淖詈笠豁摚跋乱徊健卑粹o被重新命名椅亚,以指示正在提交的任務(wù)限番。
(1)不要使用僅僅匯總用戶之前所有選擇的摘要頁面,除非任務(wù)有風(fēng)險(涉及安全呀舔、時間或金錢損失) 弥虐,或者用戶很可能不理解他們的選擇,需要查看它們媚赖。不要使用"祝賀"頁面霜瘪,因為它會結(jié)束向?qū)А?/strong> 如果向?qū)У慕Y(jié)果很明確,用戶只需點擊最終提交按鈕以關(guān)閉向?qū)А?br> (1)如果有用戶可能會執(zhí)行的相關(guān)任務(wù)惧磺,請使用后續(xù)頁面颖对。 避免提供太常規(guī)的后續(xù)任務(wù),比如"發(fā)送電子郵件"
(2)只有當(dāng)結(jié)果不可見磨隘、且沒有更好的方法為任務(wù)完成提供反饋時缤底,才使用完成頁面顾患。
(3)具有"進(jìn)度"頁的向?qū)П仨毷褂?完成"頁或"后續(xù)"頁來表明該階段任務(wù)完成。對于長時間運行的任務(wù)个唧,在確認(rèn)頁面上關(guān)閉向?qū)Р⑹褂猛ㄖ峁┓答仭?/p>
報錯信息
當(dāng)用戶不太會因為錯誤信息提示而執(zhí)行某個操作江解,或改變他們的行為時,不要報錯徙歼。 如果沒有用戶可以采取的操作犁河,或者問題不嚴(yán)重,則禁止顯示錯誤消息魄梯。
只要有可能桨螺,就應(yīng)提出解決方案以便用戶修復(fù)問題。 但是画恰,要確保提出的解決方案能真正解決問題彭谁。 不要提出可行但不保證成功的解決方案,浪費用戶的時間允扇。
措辭要具體缠局。 避免使用含糊的文字,如語法錯誤和非法操作考润。給出所涉及對象的具體名稱狭园、位置和值。
不要使用責(zé)怪用戶或暗示用戶錯誤的措辭糊治。 避免使用“你”和“你的”唱矛。 雖然主動語態(tài)通常是首選,但當(dāng)用戶承受錯誤時井辜,使用被動語態(tài)绎谦。如果使用主動語態(tài),會讓用戶感覺自己對錯誤負(fù)有責(zé)任粥脚。
不要對錯誤消息使用 OK按鈕窃肠。 用戶不認(rèn)為錯誤是 OK 的。 如果錯誤消息沒有直接操作刷允,則改為使用“關(guān)閉”冤留。
不要使用下面的詞語:
(1)錯誤,失敗(使用 問題 代替)
(2)未能 (使用 無法執(zhí)行 替代)
(3)非法的树灶,無效的纤怒,壞(使用 不正確 或 無效的 代替)
(4)中止,殺死天通,終止(使用 停止 代替)
(5)災(zāi)難性的泊窘,致命的(用 嚴(yán)重的 代替)
以上這些術(shù)語并非必要,它們與 Windows 鼓舞人心的基調(diào)相反。當(dāng)正確使用一個錯誤圖標(biāo)的時候州既,也足以表達(dá)出現(xiàn)的問題谜洽。不要將錯誤消息附加聲音效果。 這樣不和諧吴叶,也沒必要阐虚。
警告信息
警告用來描述將來可能導(dǎo)致問題的某種情況。 警告不是提示錯誤或問題蚌卤,所以不要把例行問題提醒用警告表示实束。
當(dāng)用戶不太可能執(zhí)行某個操作或者因為消息而改變他們的行為時,不要發(fā)出警告消息逊彭。 如果沒有用戶可以采取的操作咸灿,或者如果情況并不緊急,則禁止顯示警告消息侮叮。
確認(rèn)消息
不要使用不必要的確認(rèn)消息提示避矢。 僅在以下情況下使用確認(rèn)對話框:
(1)有一個明確的理由不繼續(xù)進(jìn)行,并且有一個合理的機(jī)會囊榜,有時用戶不會繼續(xù)审胸。
(2)該行為會產(chǎn)生重要后果或不能輕易被撤銷。
(3)該操作的結(jié)果可能是用戶沒有意識到的卸勺。
(4)繼續(xù)執(zhí)行操作需要用戶作出選擇砂沛,這個選項沒有默認(rèn)值。
(5)在當(dāng)前上下文中曙求,用戶很可能執(zhí)行了錯誤的操作碍庵。確認(rèn)描述文字是一個是或否的問題,并提供是或否的答案悟狱。 與其他類型的對話框不同静浴,確認(rèn)對話框的設(shè)計目的是防止用戶過快決策。 如果用戶不仔細(xì)斯卡挤渐,一個確認(rèn)沒有價值马绝。
圖標(biāo)
所有圖標(biāo)都應(yīng)該遵循 aero 風(fēng)格的icon規(guī)范。 替換所有 Windows xp 樣式的圖標(biāo)挣菲。
基于"消息類型"選擇圖標(biāo),不要基于"問題的嚴(yán)重程度"選擇圖標(biāo):
(1)錯誤掷邦。 已發(fā)生的錯誤或問題白胀。
(2)警告。 一種可能在未來出現(xiàn)的情況抚岗。
(2)消息或杠。 有用的信息。
如果一個問題包含了不同的消息類型宣蔚,那么請立足于用戶需要采取行動的最重要方面來選擇圖標(biāo)向抢。圖標(biāo)必須始終與主指令或其他相應(yīng)的文本匹配认境。
報告不緊要的用戶輸入問題,不需要使用錯誤圖標(biāo)挟鸠。 然而叉信,對于輸入錯誤,需要使用圖標(biāo)立即提示艘希,因為否則這樣的情況很容易被忽略硼身。
不要使用警告圖標(biāo)來"軟化"非關(guān)鍵性錯誤。 錯誤不是警告覆享,要應(yīng)用錯誤圖標(biāo)準(zhǔn)則佳遂。
對于問題對話框,只對會產(chǎn)生嚴(yán)重后果的問題使用警告圖標(biāo)撒顿。 不要在日常問題中使用警告圖標(biāo)丑罪。
幫助
幫助應(yīng)該鏈接到特定的具體相關(guān)幫助主題。 不要鏈接到幫助主頁凤壁、目錄吩屹、搜索結(jié)果列表或者只鏈接到其他頁面的頁面。 避免鏈接到由大量常見問題組成的頁面客扎,因為這會迫使用戶搜索與他們點擊的鏈接相匹配的頁面祟峦。 不要鏈接到與手頭任務(wù)不相關(guān)和有幫助的特定幫助主題。 不要鏈接到空白頁面徙鱼。
不要為了保持一致性宅楞,在每個窗口或頁面上都放置幫助鏈接。 在一個地方提供幫助鏈接并不意味著你必須在所有地方都提供幫助袱吆。
只要有可能厌衙,直接使用短語"幫助"作為主要問題鏈接文本。 不要使用"了解更多關(guān)于"或"得到這方面的幫助"這樣的措辭绞绒。
對整個鏈接文本設(shè)置幫助鏈接婶希,而不僅僅是關(guān)鍵字。
使用完整的句子蓬衡。
除了問號外喻杈,在結(jié)尾不要使用標(biāo)點符號或省略號。
如果幫助內(nèi)容是在線的狰晚,請在鏈接文本中明確說明筒饰。這樣做有助于使鏈接的結(jié)果可預(yù)測。