此文僅為《About Face 4:交互設(shè)計精髓》的讀書筆記赘娄,有學(xué)習需要請支持正版疑苫。
控件 Control
Control is also named as widget/gadget/gizmos.
避免布滿控件的對話框
設(shè)計原則
大多數(shù)布滿控件的對話框并不是好的用戶界面設(shè)計
1.命令控件 Imperative Controls
在人機交互中呼巷,語言包括名字(or 對象)潦蝇、動詞癣疟、形容詞和副詞摸袁。當發(fā)起命令時,便指定了動詞——動作的聲明庇忌;當描述動作會影響到什么時舞箍,指定組成句子的名詞。與動詞相對應(yīng)的控件類型叫做“命令控件”皆疹。
按鈕 Buttons
命令習慣用法的精華例子是按鈕疏橄,雖然存在多種不同的外表,但它是唯一一種略就。單擊按鈕及其相關(guān)的動作捎迫,將會立即執(zhí)行。
在對話框中通常有一個默認按鈕表牢,常常被突出顯示來指示用戶可以選擇的最合理操作窄绒。
按鈕的部分啟示是視覺受范性,顯示它的“可按壓特性”初茶。當用戶指向并單擊颗祝,屏幕上的按鈕視覺上會發(fā)生改變浊闪。
圖標按鈕(Butcons)當按鈕引入到工具欄中恼布,顯著地擴展了它的功能、作用和視覺特征搁宾,展現(xiàn)出圖標的形式折汞。
設(shè)計原則
鏈接用于瀏覽導(dǎo)航,按鈕/圖標按鈕用于操作
2.選擇控件 Selection Controls
用于選擇名字的控件盖腿。
2.1 復(fù)選框 Check Box
應(yīng)避免使用滾翻按鈕(Flip-flop buttons)
單選按鈕
組合圖標按鈕
2.2 列表控件 List Controls
也稱列表框 List Box選擇列表(picklist)或列表視圖(listviews)爽待。
下拉列表 (Drop-Down List)是列表控件的一個變體损同。默認僅僅顯示被選中的條目。
設(shè)計原則
用圖標來區(qū)分重要的文本項
絕不要水平滾動文本
組合框 Combo boxes
是列表框和編輯字段的組合鸟款,提供了一個確定的方法在列表控件中輸入數(shù)據(jù)膏燃。
樹形控件 Tree controls
表達層級關(guān)系數(shù)據(jù)的列表視圖。
3.輸入控件 Entry Controls
設(shè)計原則
對于有界輸入要使用有界控件
3.1 有界輸入控件 Bounded entry controls
微調(diào)控制項 Spinners
刻度盤和滑塊 Dials and Sliders
拇指輪 Thumbwheels
3.2 無界輸入控件 Unbounded entry
文本編輯控件 Text edit controls:最主要的無界輸入控件何什。
設(shè)計原則
僅供輸出的文本用非編輯控件(顯示控件)顯示
4.顯示控件 Display Controls
用于顯示和管理屏幕上信息的視覺呈現(xiàn)方式组哩。
文本控件 Text controls:最簡單的顯示控件。
滾動條 Scrollbars:用于窗口內(nèi)容和文本導(dǎo)航器是合適的处渣。
分割線 Splitters:將獨占的應(yīng)用程序分為多個相關(guān)窗格的有用工具伶贰,可移動的分割線應(yīng)該借助光標暗示顯示其受范性。
抽屜和拉動桿 Drawers and levers:它們具有類似的行為罐栈,一般可以通過旋轉(zhuǎn)來指示打開和關(guān)閉兩種狀態(tài)黍衙。
對話框
對話框是疊加在應(yīng)用主窗口上的彈出式窗口,在對話中它給出消息或要求輸入荠诬。對話框是配角琅翻,雖然推動情節(jié)發(fā)展,但不是故事主線柑贞。
設(shè)計原則
把主要的交互操作放在主窗口中
合理運用對話框
任何可能會讓人困惑的望迎、置人于危險之地的、很少使用的功能凌外,放在對話框里可能都會比較合理辩尊,特別適用對應(yīng)用狀態(tài)產(chǎn)生立即改變或重大改變的行為。(同時也可相應(yīng)提供堅實可靠的撤銷功能康辑。)
設(shè)計原則
對話框適合:主交互流程之外的功能摄欲;整理單一主題或應(yīng)用功能的信息
對話框的基本交互
每個對話框都必須有一個標題來標示它的用途。
設(shè)計原則
在功能對話框的標題中使用動詞疮薇;
在屬性對話框的標題中使用對象名
模態(tài)和非模態(tài)對話框
模態(tài)對話框:目前為止最常見的類型胸墙,打開一個模態(tài)對話框后,它所屬的程序不能繼續(xù)進行按咒,直到對話框關(guān)閉為止迟隅。目的和使用范圍對用戶和設(shè)計者而言通常很清晰。
非模態(tài)對話框:相對使用得較少励七,打開一個非模態(tài)對話框后智袭,可以不用打斷父應(yīng)用程序,無需停止進度掠抬。操作范圍不確定吼野,更難使用和理解。
設(shè)計原則
區(qū)別對待模態(tài)對話框和非模態(tài)對話框:
模態(tài)對話框一定要包含終止命令两波,并放在較大的按鈕上
非模態(tài)對話框一定不要使用終止命令按鈕瞳步,而應(yīng)在窗口標題欄上使用“關(guān)閉”控件
不要在模態(tài)對話框上使用“關(guān)閉”按鈕
模態(tài)對話框的問題
在某些模塊對話框的變體中闷哆,終止命令“取消”變成了“應(yīng)用”或“關(guān)閉”,這些動態(tài)變化會給用戶帶來困惑单起,應(yīng)避免抱怔。模塊對話框的認知力量在于嚴格一致的“Ok”和“Cancel”按鈕。
設(shè)計原則
不要動態(tài)地改變終止命令按鈕的標簽
非模態(tài)對話框的問題
大多數(shù)非模態(tài)對話框的行為很不一致嘀倒,令人十分困惑野蝇。
非模態(tài)對話框經(jīng)常會有幾個按鈕,可以立即激活不同的功能括儒,應(yīng)設(shè)置撤銷(Undo)功能绕沈。單擊任何一個功能按鈕,對話框都不應(yīng)該關(guān)閉帮寻;同時也須特別節(jié)約像素乍狐。
對話框的五個目的
屬性對話框
向用戶呈現(xiàn)或讓用戶改變所選對象的屬性或設(shè)置。通常是非模態(tài)固逗。
功能對話框
通常從菜單中打開浅蚪,最常見的模態(tài)對話框,只控制單一功能烫罩,如打印惜傲。
進度對話框
由應(yīng)用程度啟動而不是用戶。最好的進度顯示方式是在對話框中使用動畫贝攒。
設(shè)計原則
應(yīng)用程序無響應(yīng)狀態(tài)盗誊,必須通知用戶
通知對話框
將一些重要信息報告給用戶。這些重要信息或者來自于一些被觸發(fā)的時間隘弊,或來自其他用戶的通知信息哈踱。在移動設(shè)備上大量使用。
公告對話框
由應(yīng)用程序直接啟動梨熙,有三種:錯誤开镣、警告、確認咽扇。
設(shè)計原則
絕不要用臨時型對話框作為錯誤對話框或確認對話框
管理屬性對話框和功能對話框
選項卡對話框
很多應(yīng)用程序的對象具有豐富的屬性邪财,用一個同樣豐富的屬性對話框,通過多個選項卡的方式來管理质欲。
設(shè)計原則
不要堆疊選項卡
擴展對話框
對話框有一個“更多”或“擴展”的功能树埠,在擴展后會顯示更多控件。
級聯(lián)對話框
一種很糟糕的習慣用法把敞。級聯(lián)對話框中的第一級對話框里弥奸,通常有一個按鈕控件榨惠,點擊它可以調(diào)出另一個對話框奋早,即二級對話框盛霎,有時二級對話框還可以繼續(xù)調(diào)出三級對話框。幸好級聯(lián)對話框已經(jīng)失寵耽装。
消除錯誤愤炸、警告和確認
公告對話框被用于提示錯誤消息、警告消息和確認消息掉奄,完全稱得上“臭名昭著”规个。
錯誤對話框
首先要盡全力在應(yīng)用程序中合適的時間和地方中找到根源,并將它們清楚掉姓建。
錯誤對話框的問題
用戶犯了錯誤時诞仓,需要的是幫助;應(yīng)用程序應(yīng)該告訴用戶如何去避免錯誤速兔,以及犯錯誤的可能后果墅拭。這里的技巧在于通知用戶而不要停止整個過程。
設(shè)計原則
錯誤對話框愚蠢地停止進度涣狗,應(yīng)該避免
錯誤消息不管用
錯誤對話框的終極諷刺是:無法阻止用戶犯錯誤谍婉,無法發(fā)揮它的作用。
如何消除錯誤消息
我們必須重新編程使程序不再容易出問題镀钓。不能認為錯誤消息是正常的穗熬,我們必須把它當做最后一招。
讓錯誤不可能發(fā)生
這是消除錯誤信息的最好方法丁溅。比如為所有的數(shù)據(jù)輸入使用有界控件唤蔗。
設(shè)計原則
讓錯誤不可能發(fā)生
正面反饋
軟件應(yīng)當給用戶正面反饋。
設(shè)計原則
當軟件告訴用戶他們失敗時窟赏,用戶會覺得丟臉
最后一招:改進錯誤消息
絕大部分的錯誤消息都是必須要刪除的措译,如果真的不可能重新設(shè)計應(yīng)用去消除不必要的錯誤對話框,則應(yīng)改進饰序。
錯誤對話框應(yīng)始終有禮貌领虹、表達清楚,還要助人為樂求豫;必須要用戶說明問題塌衰,提供一個解決問題所需要的信息,澄清問題的范圍蝠嘉,可選的方法等最疆。
警告和確認
警告的原理在于告知用戶,這是令人滿意的目標蚤告,但不能以打斷流程的交互流作為代價努酸。
如何消除警告
設(shè)計師必須精確地指出在應(yīng)用界面上哪個位置用消息工具。
確認:喊“狼來了”的對話框
當應(yīng)用對自己的行為不自信時杜恰,經(jīng)常用對話框詢問用戶來征求許可获诈;或應(yīng)用軟件讓用戶確認仍源,再考慮一下即將做出的行為。
當關(guān)閉確認對話框成為例行公事舔涎,當真正有危險的時候笼踩,確認對話框?qū)⒉荒芷鹱饔谩?/p>
如何消除確認對話框
設(shè)計原則
做,不要問
讓所有的動作都可以撤銷
給用戶提供非模態(tài)反饋亡嫌,避免用戶犯錯
魔鬼在細節(jié)里
須始終牢記這句話嚎于。