通過(guò)點(diǎn)擊命令鏈接蛛砰,用戶可以在一段說(shuō)明文字下作出單一選擇芍殖,以進(jìn)入任務(wù)的下一個(gè)步驟。
命令鏈接外觀簡(jiǎn)潔輕量外厂,可配有描述性的標(biāo)簽文字冕象,通常帶有標(biāo)準(zhǔn)箭頭或其他通用icon,也可以另附上補(bǔ)充性質(zhì)的說(shuō)明文字汁蝶。
和單選按鈕的含義相似渐扮,命令鏈接也用來(lái)表示一組含義不同又相互有關(guān)的選項(xiàng)。就像單選按鈕組一樣,命令鏈接總是成組墓律,不會(huì)單獨(dú)出現(xiàn)意荤。在外觀上,命令鏈接和普通鏈接很相似只锻,只是普通鏈接沒(méi)有邊框玖像,也沒(méi)有很強(qiáng)的點(diǎn)擊示能。命令鏈接和命令按鈕也有些相似齐饮,所以它可以被視作默認(rèn)的“命令按鈕”捐寥,也可以被設(shè)置存取鍵。另外和確認(rèn)按鈕一樣祖驱,點(diǎn)擊命令鏈接握恳,要么會(huì)關(guān)上(對(duì)話框的)窗口,要么進(jìn)入(彈框或頁(yè)面流的)下一頁(yè)捺僻。
何時(shí)使用該控件乡洼?
思考以下問(wèn)題:
- 所有的選項(xiàng)是否都對(duì)應(yīng)著主文案的語(yǔ)義,并且這些選項(xiàng)代表的操作都是當(dāng)前窗口和頁(yè)面的主要任務(wù)匕坯?用戶必須得做出選擇而不是直接去下一個(gè)頁(yè)面嗎束昵?如果不是以上情況,使用命令按鈕或者鏈接等其他控件葛峻。命令鏈接不適合做次級(jí)和非必選的選項(xiàng)锹雏,也不適合做單純的導(dǎo)航鏈接。
- 控件的作用是從一組互斥的選項(xiàng)中選擇一個(gè)作為(主文案的)回應(yīng)嗎采记?如果不是佣耐,使用其他的控件。如果只是需要選擇互不影響的選項(xiàng)唧龄,使用命令按鈕或者鏈接兼砖。
- 在對(duì)話框中,點(diǎn)擊控件需要附帶對(duì)話框關(guān)閉的效果嗎选侨?如果沒(méi)有這樣的需求掖鱼,考慮使用單選按鈕然走、命令按鈕或者鏈接等不會(huì)關(guān)閉當(dāng)前窗口的控件援制。
對(duì)于向?qū)ы?yè)和頁(yè)面流來(lái)說(shuō),點(diǎn)擊控件是否可以不經(jīng)進(jìn)一步確認(rèn),直接進(jìn)入下一頁(yè)洪己? 需要確認(rèn)的任務(wù)要使用命令按鈕妥凳,而不是命令鏈接。因?yàn)槊铈溄油庥^形似普通鏈接答捕,這會(huì)讓用戶感覺(jué)他們是在頁(yè)面流中穿梭瀏覽逝钥,這種“能夠返回”的錯(cuò)覺(jué)導(dǎo)致命令鏈接不適合在 commit pages 確認(rèn)頁(yè)面中出現(xiàn)。
對(duì)于向?qū)ы?yè)和頁(yè)面流來(lái)說(shuō)拱镐,是否有其他一些頁(yè)面也使用了命令鏈接艘款? 如果是這種情況,在其它情況都相同的情況下沃琅,優(yōu)先考慮統(tǒng)一頁(yè)面控件使用方式哗咆,都使用命令鏈接。
選項(xiàng)數(shù)為二到五個(gè)嗎益眉? 命令鏈接不要單獨(dú)出現(xiàn)晌柬。作為一個(gè)大體積控件,屏幕區(qū)域的高度也要和它的整個(gè)體量成正比郭脂,推薦鏈接選項(xiàng)在五個(gè)以內(nèi)年碘。如果選項(xiàng)超過(guò)六個(gè),可以使用單選按鈕展鸡、普通鏈接或者單選列表視圖 list view來(lái)呈現(xiàn)盛泡。
-
使用單選按鈕和確認(rèn)按鈕的組合是否更合適娱颊?在以下情況時(shí)傲诵,使用單選按鈕會(huì)更好:
(1)需要設(shè)置一個(gè)推薦多數(shù)用戶選擇的默認(rèn)選項(xiàng)。相對(duì)于默認(rèn)選中的命令鏈接來(lái)說(shuō)箱硕,用戶更不容易去更改默認(rèn)選中的單選鈕拴竹。尤其是在向?qū)ы?yè)中,用戶習(xí)慣于點(diǎn)擊下一步剧罩,確定所有默認(rèn)設(shè)置選項(xiàng)栓拜。但是從另一方面來(lái)說(shuō),如果希望鼓勵(lì)用戶做出更精確的個(gè)性化選擇惠昔,那么使用命令鏈接更加合適幕与。
(2)用戶在做最終決定前,需要和選項(xiàng)進(jìn)行交互镇防。例如啦鸣,點(diǎn)擊單選按鈕,可能會(huì)動(dòng)態(tài)展示出關(guān)于該選項(xiàng)的詳細(xì)信息来氧。
(3)頁(yè)面上還有二級(jí)選項(xiàng)或其他相關(guān)選項(xiàng)。命令鏈接有主導(dǎo)頁(yè)面的傾向中狂,會(huì)使用戶忽視其他頁(yè)面內(nèi)容凫碌。而且,點(diǎn)擊命令鏈接之后胃榕,也不可能再進(jìn)行其他二級(jí)選項(xiàng)的選擇了盛险。
- 在對(duì)話框中,使用一組確認(rèn)按鈕是否更合適端铛?當(dāng)響應(yīng)動(dòng)作的名稱比較復(fù)雜冗長(zhǎng)泣矛、并且需要進(jìn)一步解釋的時(shí)候,適合使用命令鏈接禾蚕。當(dāng)選項(xiàng)內(nèi)容簡(jiǎn)單并且數(shù)量不多時(shí)您朽,使用成組的確認(rèn)按鈕更好。
但是讯屈,當(dāng)確認(rèn)行為需要文字進(jìn)行解釋時(shí),使用命令鏈接更為合適县习。
注意 使用命令鏈接需要 Windows Vista或更高版本,在早期版本的Windows中并不適用彤钟。用戶可以使用常規(guī)鏈接作為替代方案来候。
設(shè)計(jì)思路
命令鏈接自帶解釋性的長(zhǎng)標(biāo)簽文字和可選設(shè)置的補(bǔ)充說(shuō)明文字吠勘,但并不是一定需要這樣使用性芬。參見(jiàn)以下示例:
該對(duì)話框的問(wèn)題很簡(jiǎn)單剧防,但命令鏈接的敘述讓它大大復(fù)雜化了。用戶不會(huì)為簡(jiǎn)單的任務(wù)而去閱讀所有解釋說(shuō)明辫樱。
我們可以根據(jù)以下三項(xiàng)原則峭拘,來(lái)簡(jiǎn)化對(duì)話框中的命令鏈接:
- 不要在補(bǔ)充說(shuō)明文字中,把命令鏈接重述性地解釋一遍狮暑。只有當(dāng)命令鏈接字面上沒(méi)法解釋完整時(shí)鸡挠,才需要考慮使用補(bǔ)充說(shuō)明。補(bǔ)充說(shuō)明不是命令鏈接的必備部分搬男。
- 選擇最安全穩(wěn)妥的選項(xiàng)(防止數(shù)據(jù)丟失和系統(tǒng)存儲(chǔ))作為默認(rèn)選項(xiàng)拣展。如果不首先考慮安全性,就選擇用戶最有可能選擇缔逛、覺(jué)得最合適的選項(xiàng)作為默認(rèn)值备埃。
-
設(shè)置一個(gè)明確的取消按鈕。不要設(shè)置另一個(gè)命令鏈接來(lái)作為取消操作的選項(xiàng)褐奴。
遵循以上原則按脚,我們應(yīng)該減少不必要的補(bǔ)充說(shuō)明,設(shè)置最為合適的默認(rèn)選項(xiàng)敦冬,并且提供明確的取消按鈕辅搬。
盡管這個(gè)方案沒(méi)有詳細(xì)解釋不保存將會(huì)帶來(lái)的損失,但是很少會(huì)有用戶會(huì)因此而改變選擇脖旱。這樣的設(shè)計(jì)是適宜的堪遂。
考慮命令鏈接在這里是不是最合適的控件,示例中的對(duì)話框還可以再優(yōu)化萌庆。實(shí)際上命令按鈕是更好的選擇蚤氏,因?yàn)檫@里的動(dòng)作都不需要詳盡的解釋和說(shuō)明。
命令鏈接有許多優(yōu)勢(shì)踊兜,但是不合理地使用也會(huì)導(dǎo)致過(guò)度表述竿滨。對(duì)于對(duì)話框來(lái)說(shuō),首先應(yīng)該考慮使用確認(rèn)按鈕捏境,只有當(dāng)確認(rèn)按鈕確實(shí)沒(méi)法表述清楚選項(xiàng)時(shí)于游,才需要考慮使用命令鏈接。
合理設(shè)計(jì)的命令鏈接垫言,在界面中應(yīng)該簡(jiǎn)潔清晰贰剥。如果情況相反,則需要退后一步看看筷频,考慮一下其它的設(shè)計(jì)形式蚌成,重點(diǎn)在于關(guān)注最需要交互和表述的部分前痘。
最重要的只有一點(diǎn):不要使用命令鏈接進(jìn)行過(guò)度表述。命令鏈接應(yīng)該簡(jiǎn)潔明確地表達(dá)交互目的担忧,不要使情況復(fù)雜化芹缔。
應(yīng)用范例
命令鏈接有以下幾種使用范例:
- 頁(yè)面響應(yīng) 命令鏈接用來(lái)響應(yīng)主任務(wù),并進(jìn)入下一頁(yè)瓶盛。
這種設(shè)計(jì)最欠,命令鏈接其實(shí)是代替了“下一步”按鈕的作用。但是取消按鈕還是需要設(shè)計(jì)的惩猫。
頁(yè)面響應(yīng)并沒(méi)有“確認(rèn)”含義的暗示芝硬。因?yàn)槊铈溄有嗡破胀ㄦ溄樱脩舾杏X(jué)上會(huì)認(rèn)為可以在頁(yè)面流中進(jìn)行瀏覽和跳轉(zhuǎn)轧房,所以命令鏈接不適合確認(rèn)性頁(yè)面拌阴。用戶應(yīng)該是隨時(shí)可以回退的。
- 對(duì)話框響應(yīng) 命令鏈接用來(lái)響應(yīng)主任務(wù)捺氢,并且關(guān)閉對(duì)話框。
這種設(shè)計(jì)剪撬,命令鏈接其實(shí)是代替了“確定”按鈕的作用摄乒。但是取消按鈕還是需要設(shè)計(jì)的。
和頁(yè)面流不一樣残黑,當(dāng)對(duì)話框中的選項(xiàng)選定后馍佑,用戶是無(wú)法回退的。也就是說(shuō)梨水,對(duì)話框中的命令鏈接暗含確認(rèn)意義拭荤。
- 細(xì)節(jié)響應(yīng) 包含細(xì)節(jié)信息的響應(yīng)頁(yè)面或?qū)υ捒颉?/li>
有些情況下奇徒,用戶需要更多的細(xì)節(jié)信息來(lái)幫助他們做出選擇雏亚。
設(shè)計(jì)指南
交互
當(dāng)點(diǎn)擊命令鏈接響應(yīng)不及時(shí)時(shí)胖笛,鼠標(biāo)展示正忙狀態(tài)网持。如果沒(méi)有反應(yīng)宜岛,用戶會(huì)認(rèn)為點(diǎn)擊無(wú)效,從而再次點(diǎn)擊功舀。
展示
- 永遠(yuǎn)成組(多于兩個(gè))展示命令鏈接萍倡。從邏輯上來(lái)說(shuō),如果回答選項(xiàng)只有一個(gè)日杈,那就沒(méi)必要問(wèn)問(wèn)題了遣铝。
-
先展示最有可能選擇的命令鏈接。選項(xiàng)的展示順序應(yīng)該大致按照選擇的可能性從高到低依次排列麦萤,同時(shí)也要兼顧邏輯上的順序鹿鳖。
例外情況:操縱全局的命令鏈接應(yīng)該優(yōu)先展示。 - 設(shè)置一個(gè)簡(jiǎn)明的取消按鈕壮莹。不要用一個(gè)命令鏈接來(lái)實(shí)現(xiàn)取消功能翅帜。很多情況下用戶發(fā)現(xiàn)自己不想執(zhí)行某一命令,但使用命令鏈接來(lái)取消會(huì)迫使用戶認(rèn)真讀完所有選項(xiàng)命满,才能甄別出哪一個(gè)鏈接有取消功能涝滴。一個(gè)設(shè)置簡(jiǎn)明的取消按鈕能使用戶方便快捷地取消任務(wù)。
- 如果設(shè)置了取消按鈕后胶台,命令鏈接只剩一個(gè)了歼疮,那就同時(shí)設(shè)置有取消含義的命令鏈接和取消按鈕。不要僅僅用“取消”等文字來(lái)描述第二個(gè)命令鏈接诈唬,盡量使它的描述看起來(lái)和第一個(gè)選項(xiàng)的含義不同或相反韩脏。
- 為了不讓用戶誤解,如果做出選擇后無(wú)法回到之前的狀態(tài)铸磅,使用“關(guān)閉”而不是“取消”描述赡矢。
- 不要展示禁用狀態(tài)的命令鏈接。如果當(dāng)前狀態(tài)下有的命令鏈接不可用阅仔,就直接去掉它吹散。如果去掉所有不適用選項(xiàng)鏈接后就剩一個(gè)鏈接了,要么取消掉這個(gè)窗口或者頁(yè)面霎槐,要么改為展示聲明 confirmation來(lái)征求用戶的確認(rèn)反饋送浊。
圖標(biāo)Icons
- 所有命令按鈕都需要一個(gè)圖標(biāo)。 圖標(biāo)能讓用戶將命令鏈接同普通鏈接和用戶界面文字區(qū)分開(kāi)來(lái)丘跌。
- 箭頭圖標(biāo)只能應(yīng)用于命令鏈接袭景。 除了在Window XP環(huán)境下唁桩,需要用普通鏈接來(lái)實(shí)現(xiàn)命令鏈接的功能時(shí),其他情況下耸棒,普通鏈接都不能帶有箭頭圖標(biāo)荒澡。
- 安全盾圖標(biāo)表示需要立即引起重視的動(dòng)作和指令。 有關(guān)使用安全盾圖標(biāo)的其他指南与殃,請(qǐng)參閱用戶帳戶控制.
- 在有助于用戶辨認(rèn)和區(qū)別選項(xiàng)的情況下单山,使用自定義圖標(biāo)補(bǔ)充說(shuō)明。
- 通用圖標(biāo)有兩種尺寸:16×16px或32×32px米奸。如果空間足夠,并且有利于用戶的辨認(rèn)爽篷,可以使用32px的尺寸悴晰;如果是需要加上盾牌圖案的圖標(biāo),使用32×32px或48×48px尺寸的圖標(biāo)逐工。
- 避免在同一頁(yè)面上混合使用通用圖標(biāo)和標(biāo)準(zhǔn)箭頭圖標(biāo)铡溪。如果要使用通用圖標(biāo),盡量同一頁(yè)面其他地方也使用通用圖標(biāo)泪喊。當(dāng)然棕硫,箭頭圖標(biāo)還是要比一些意義不明的通用圖標(biāo)表意更清楚一些。
默認(rèn)值
- 選擇最安全穩(wěn)妥的選項(xiàng)(防止數(shù)據(jù)丟失和系統(tǒng)存儲(chǔ))作為默認(rèn)選項(xiàng)袒啼。如果不首先考慮安全性哈扮,就選擇用戶最有可能選擇、覺(jué)得最合適的選項(xiàng)作為默認(rèn)值瘤泪。
- 在實(shí)際情況下灶泵,設(shè)置第一個(gè)響應(yīng)動(dòng)作為默認(rèn)值。這樣符合用戶的設(shè)想对途,除非命令沒(méi)有按照邏輯順序來(lái)設(shè)置赦邻。
- 在對(duì)話框中,除非能夠輕易撤銷(xiāo)操作实檀,否則不要將毀滅性的動(dòng)作設(shè)置為默認(rèn)的命令鏈接惶洲。
推薦尺寸和間距
標(biāo)簽
注意 因?yàn)槊铈溄邮菍?duì)主命令的響應(yīng),所以在設(shè)置響應(yīng)之前膳犹,你也應(yīng)該撰寫(xiě)一份合適的主任務(wù)說(shuō)明good main instruction
命令鏈接標(biāo)簽文字
-
選擇一個(gè)簡(jiǎn)潔的標(biāo)簽恬吕,清楚地表明和區(qū)分每個(gè)命令鏈接的含義。 它應(yīng)該是不言自明的须床,并能對(duì)應(yīng)主命令文字铐料。標(biāo)簽文字的重點(diǎn)在于其和其他選項(xiàng)產(chǎn)生結(jié)果的差異性浸卦。用戶不需要弄清楚命令鏈接的真正含義或者它與其他命令鏈接的區(qū)別筒扒。
命令鏈接標(biāo)簽的目的在于幫助用戶做出正確的決定畸陡。 省略不影響選擇的細(xì)節(jié)瀑凝。 這些標(biāo)簽并不一定是對(duì)將要發(fā)生的事情的完整說(shuō)明。
用動(dòng)詞引導(dǎo)命令鏈接愧沟。 但是蔬咬,不要使用“點(diǎn)擊”文字,因?yàn)闃?biāo)簽應(yīng)該傳達(dá)命令鏈接的功能沐寺,而不是它的工作方式林艘。
例外: 如果所有的命令鏈接都以相同的動(dòng)詞或短語(yǔ)開(kāi)頭,則刪除這些所有多余的動(dòng)詞或短語(yǔ)芽丹。一般來(lái)說(shuō)北启,使用積極的措辭(提供做某事的選擇)卜朗。 如果為了使標(biāo)簽更容易理解拔第,使用消極的措辭(提供不做某事的選擇)也是可以的。
- 使用類(lèi)似的短語(yǔ)結(jié)構(gòu)和單行標(biāo)簽场钉。長(zhǎng)標(biāo)簽不利于閱讀蚊俺,也沒(méi)有必要。 此外逛万,中等長(zhǎng)度的標(biāo)簽更易于在文檔中被引用泳猬。
使用句子的大小寫(xiě)規(guī)則。
除非標(biāo)簽是一個(gè)問(wèn)句宇植,不要使用標(biāo)點(diǎn)符號(hào)結(jié)束標(biāo)簽得封。
為標(biāo)簽設(shè)置唯一的存取鍵。 設(shè)計(jì)規(guī)則指郁,見(jiàn)“鍵盤(pán)”一章中的敘述忙上。
不要用省略號(hào)。 省略號(hào)意味著執(zhí)行操作可能需要更多的信息闲坎。 正確設(shè)計(jì)的命令鏈接是可以立即執(zhí)行命令的疫粥,因此不需要省略號(hào)。
- 如果某個(gè)選項(xiàng)是強(qiáng)烈推薦用戶選擇的腰懂,在標(biāo)簽上添加"(推薦)"梗逮。 一定要在標(biāo)簽上加上說(shuō)明,而不是補(bǔ)充說(shuō)明绣溜。
- 如果某個(gè)選項(xiàng)僅針對(duì)高級(jí)用戶慷彤,請(qǐng)?jiān)跇?biāo)簽中添加"(高級(jí))字樣。 一定要在標(biāo)簽上加上說(shuō)明,而不是補(bǔ)充說(shuō)明底哗。
提示:為了評(píng)估命令鏈接設(shè)計(jì)得是否合適贷屎,您可以通過(guò)想象是一個(gè)真實(shí)的朋友在陳述主指令文字,然后您根據(jù)選擇的命令鏈接來(lái)進(jìn)行回應(yīng)艘虎。如果使用命令鏈接進(jìn)行響應(yīng)會(huì)顯得不自然或笨拙唉侄,那么可能需要修改命令鏈接,并且可能也要修改主指令文字野建。
補(bǔ)充說(shuō)明文字
-
如果命令鏈接需要進(jìn)一步解釋属划,請(qǐng)?zhí)峁┭a(bǔ)充說(shuō)明。 補(bǔ)充說(shuō)明描述了用戶選擇該響應(yīng)的理由或者選擇該響應(yīng)會(huì)產(chǎn)生的后果候生。
不要使用重復(fù)描述命令鏈接的冗長(zhǎng)補(bǔ)充說(shuō)明。 只有當(dāng)你不能使命令鏈接清晰明了時(shí)唯鸭,才使用補(bǔ)充說(shuō)明须蜗。 為一個(gè)命令鏈接提供補(bǔ)充說(shuō)明并不意味著其他所有的命令鏈接都得這樣。
- 補(bǔ)充說(shuō)明的目的在于幫助用戶做出正確的決定目溉。 忽略不影響選擇的細(xì)節(jié)信息明肮。 補(bǔ)充說(shuō)明并不一定要對(duì)將要發(fā)生的事情做出完整的說(shuō)明。
- 使用類(lèi)似的短語(yǔ)結(jié)構(gòu)缭付,文字最多三行柿估。 冗長(zhǎng)的補(bǔ)充說(shuō)明不利于閱讀,也沒(méi)必要陷猫。
- 使用完整的句子結(jié)構(gòu)和結(jié)束標(biāo)點(diǎn)符號(hào)秫舌。
命令鏈接組標(biāo)簽
- 不要使用組標(biāo)簽。 主指令已經(jīng)充當(dāng)了命令鏈接的組標(biāo)簽绣檬。
說(shuō)明
在提到命令鏈接時(shí):
使用確切的標(biāo)簽文本足陨,包括其大小寫(xiě),但不包括訪問(wèn)鍵下劃線娇未。
如果標(biāo)簽包含對(duì)象名稱墨缘,可以省略對(duì)象名稱或使用占位符文本。
要描述用戶交互忘蟹,請(qǐng)使用 點(diǎn)擊飒房。
在有需要時(shí),使用粗體文本表示標(biāo)簽文字媚值『萏海或者,為了防止混淆褥芒,可以在需要時(shí)將標(biāo)簽文字加上引號(hào)嚼松。
示例: 要復(fù)制圖片嫡良,請(qǐng)單擊復(fù)制和替換。
點(diǎn)擊重置網(wǎng)絡(luò)適配器(對(duì)于一個(gè)標(biāo)簽為“重啟網(wǎng)絡(luò)適配器 適配器名 ”的命令鏈接要這樣描述)