數(shù)字電視交互設(shè)計(jì)規(guī)范分冊(cè)(編輯修改稿)

　

【文章內(nèi)容簡(jiǎn)介】 接。這些線索包括下劃線、圖形或項(xiàng)目符號(hào)、以及標(biāo)準(zhǔn)的鏈接位置。用戶無(wú)須懸停于對(duì)象上或嘗試單擊來(lái)確定其是否是鏈接。如果鏈接在上下文中不那么明顯的話，應(yīng)當(dāng)使用帶下劃線的文本。 l 不要為不是鏈接的文本添加下劃線，因?yàn)橛脩艨赡馨阉?dāng)成鏈接。在你想使用帶下劃線的文本地方使用斜體。將下劃線僅用于鏈接。 l 打印時(shí)，不要打印下劃線或鏈接顏色。打印出來(lái)的鏈接沒(méi)有任何價(jià)值，還可能會(huì)引起混淆。 l 帶圖標(biāo)的文字鏈接 l 箭頭圖標(biāo)應(yīng)當(dāng)僅用于命令鏈接。 l 將圖標(biāo)放在文本的左側(cè)。圖標(biāo)應(yīng)當(dāng)在視覺(jué)上引出文本。 正確： 玩在上海錯(cuò)誤： 玩在上海在錯(cuò)誤的示例中，圖標(biāo)沒(méi)有引出文本。l 單擊圖標(biāo)與單擊文本的效果應(yīng)當(dāng)相同。否則會(huì)導(dǎo)致非預(yù)期的或令人費(fèi)解的結(jié)果。 純圖形鏈接l 不要使用純圖形鏈接。用戶在鏈接識(shí)別上會(huì)感到困難，且圖形中的任何文字（用于在單擊后表明其操作）會(huì)造成本地化問(wèn)題。 導(dǎo)航鏈接l 確保導(dǎo)航鏈接不需要進(jìn)行提交。用戶應(yīng)當(dāng)始終能夠回到初始狀態(tài)，要么是使用“后退”進(jìn)行就地導(dǎo)航，要么是通過(guò)“取消”關(guān)閉新窗口。 l 鏈接到特定的內(nèi)容，而不是一般性的內(nèi)容。例如，鏈接到文檔的相關(guān)段落比直接鏈接到開(kāi)始位置要好。 l 僅當(dāng)鏈接的資料相關(guān)、有用、不是冗余重復(fù)的時(shí)候才使用鏈接。應(yīng)當(dāng)有節(jié)制地使用導(dǎo)航鏈接——不要僅僅因?yàn)槟軌蚴褂枚褂谩?l 如果鏈接導(dǎo)航至外部站點(diǎn)，應(yīng)當(dāng)將其 URL 顯示在工具提示中，使用戶能夠確定鏈接的目標(biāo)。 l 只在相關(guān)文本第一次出現(xiàn)時(shí)提供鏈接。重復(fù)的鏈接沒(méi)有必要，而且會(huì)使文本難于閱讀。l 如果操作說(shuō)明文字中包含鏈接內(nèi)容，則將鏈接放置在操作說(shuō)明文字內(nèi)。 l 如果相關(guān)文本在離首次出現(xiàn)很遠(yuǎn)的位置出現(xiàn)的話，也應(yīng)當(dāng)使用鏈接。例如，你可以在不同段落中重復(fù)鏈接至同一個(gè)幫助主題。 任務(wù)鏈接l 應(yīng)將任務(wù)鏈接用于那些沒(méi)有破壞性或能夠輕易恢復(fù)的命令。因?yàn)橛脩魰?huì)將鏈接與導(dǎo)航（能夠回退）聯(lián)系在一起，鏈接不適合用于具有嚴(yán)重后果的命令。那些顯示對(duì)話框或確認(rèn)消息的命令則是好的選擇。正確： 開(kāi)始 停止 錯(cuò)誤： 刪除文件 在錯(cuò)誤的示例中，該命令具有破壞性。 文檔編寫當(dāng)提及鏈接時(shí)： l 原樣引用鏈接文本，包括其大小寫，但無(wú)須包含省略號(hào)。 l 用“（單擊）”一詞描述用戶的交互行為。 應(yīng)盡可能為標(biāo)簽文本應(yīng)用粗體樣式。對(duì)于英文鏈接來(lái)說(shuō)，僅當(dāng)需要避免歧義時(shí)才在其兩側(cè)添加引號(hào)；對(duì)于中文來(lái)說(shuō)，則應(yīng)總是使用引號(hào)。 按鈕目錄 它用在這里合適嗎？ 使用模式 設(shè)計(jì)規(guī)范 推薦尺寸與間距 文檔編寫按鈕用于開(kāi)始一個(gè)即時(shí)操作。典型的命令按鈕。當(dāng)用戶按下 Enter 鍵時(shí)會(huì)執(zhí)行“默認(rèn)命令按鈕”。它是由開(kāi)發(fā)人員指定的，但對(duì)于任何一個(gè)按鈕，只要用戶將焦點(diǎn)切換到其上，它都會(huì)變成默認(rèn)按鈕。 它用在這里合適嗎？考慮下列問(wèn)題以進(jìn)行判斷：l 該命令按鈕是用來(lái)開(kāi)始一個(gè)即時(shí)操作的嗎？如果不是，則改用其他控件。 l 鏈接會(huì)不會(huì)更合適？如果符合下列情況，則應(yīng)當(dāng)使用鏈接： l 該操作是導(dǎo)航至另外的頁(yè)面、窗口或幫助主題。例外：向?qū)е惺褂谩昂笸恕迸c“下一步”按鈕進(jìn)行導(dǎo)航。178。 按鈕被嵌入在文本中間。 178。 該命令實(shí)際上是次要的。也就是說(shuō)，它與該窗口的主要目的沒(méi)有關(guān)系。在這種情況下，輕量級(jí)的命令按鈕或鏈接則更為合適。 178。 該命令屬于相關(guān)鏈接菜單或組。 178。 標(biāo)簽太長(zhǎng)，包含五個(gè)或五個(gè)以上的單詞，這會(huì)導(dǎo)致命令按鈕看上去顯得笨拙。l 使用選項(xiàng)按鈕與常規(guī)命令按鈕的組合是不是更合適？當(dāng)下列條件符合時(shí)，往往會(huì)用選項(xiàng)按鈕與常規(guī)命令按鈕（確定、取消）的組合來(lái)代替一組獨(dú)立的命令按鈕：178。 存在三個(gè)或更多可能的操作。 178。 用戶需要在決定前查看附加信息。 178。 用戶需要在決定前與選項(xiàng)進(jìn)行交互（也許是要查看附加信息）。 178。 用戶將其視為選項(xiàng)，而非不同的命令。正確：在這個(gè)示例中，選項(xiàng)按鈕與確定、取消按鈕一起使用，為選項(xiàng)提供附加信息。 使用模式命令按鈕具有下列使用模式：標(biāo)準(zhǔn)命令按鈕 你可以使用標(biāo)準(zhǔn)命令按鈕來(lái)啟動(dòng)一個(gè)立即操作。 標(biāo)準(zhǔn)命令按鈕 默認(rèn)命令按鈕 窗口中的默認(rèn)命令按鈕表示當(dāng)用戶按下 Enter 鍵時(shí)會(huì)被激活。 默認(rèn)命令按鈕 用戶通過(guò) Tab 鍵切換到的任何按鈕都會(huì)變?yōu)槟J(rèn)按鈕。如果輸入焦點(diǎn)位于不是按鈕的控件上，那么原本具有默認(rèn)按鈕屬性的按鈕則會(huì)恢復(fù)為默認(rèn)按鈕。每個(gè)窗口中只能有一個(gè)按鈕成為默認(rèn)按鈕。 輕量級(jí)命令按鈕 輕量級(jí)命令按鈕和標(biāo)準(zhǔn)命令按鈕很像，唯一的不同在于其邊框僅當(dāng)鼠標(biāo)懸停的時(shí)候才會(huì)顯示。 在這個(gè)示例中，只有當(dāng)用戶將鼠標(biāo)懸停在命令上方時(shí)，它才會(huì)具有非常輕量級(jí)的外觀（類似于鏈接），顯示出按鈕的邊框。 當(dāng)你想使用標(biāo)準(zhǔn)命令按鈕，但又不希望總是顯示按鈕邊框時(shí)，則可以使用輕量級(jí)的命令按鈕。對(duì)于你想弱化某個(gè)命令按鈕，鏈接又不太合適的情況，輕量級(jí)的命令按鈕是理想的選擇。 瀏覽按鈕 可使用瀏覽按鈕來(lái)顯示對(duì)話框以幫助用戶選擇有效值。 瀏覽按鈕（Browse Button）彈出的對(duì)話框可幫助用戶選擇文件、文件夾、計(jì)算機(jī)、用戶、顏色等等。它們通常與一個(gè)不受限制的控制一起使用，如文本框。其標(biāo)簽通常為“瀏覽”、“其他”或“更多”，且總是帶有省略號(hào)以表示需要更多的信息。 帶有瀏覽按鈕的文本框 對(duì)于包含多個(gè)瀏覽按鈕的窗口，可以使用它的簡(jiǎn)化版本： 簡(jiǎn)化的瀏覽按鈕 漸進(jìn)展開(kāi)按鈕 可使用漸進(jìn)展開(kāi)按鈕顯示或隱藏不常使用的選項(xiàng)。 將不常使用的選項(xiàng)隱藏，直到需要時(shí)才顯示的做法稱為“漸進(jìn)展開(kāi)（Progressive Disclosure）”。雙 V 形（雙箭頭形）表明了漸進(jìn)展開(kāi)方式的使用，其箭頭即指向信息顯示或隱藏的位置： 設(shè)計(jì)規(guī)范l 如果單擊命令按鈕不會(huì)立即產(chǎn)生結(jié)果的話，應(yīng)當(dāng)顯示忙碌鼠標(biāo)指針。如果沒(méi)有反饋，用戶可能會(huì)認(rèn)為沒(méi)有單擊并會(huì)再次單擊。 l 如果同樣的命令按鈕出現(xiàn)在多個(gè)窗口中，試著使用相同的標(biāo)簽文本、訪問(wèn)鍵及窗口位置。 l 對(duì)于有文本標(biāo)簽的命令按鈕來(lái)說(shuō)，應(yīng)當(dāng)使用最小按鈕寬度和標(biāo)準(zhǔn)按鈕高度。 l 在每個(gè)窗口中保持按鈕寬度相等。如果這么做不切實(shí)際的話，應(yīng)當(dāng)將有文本標(biāo)簽的命令按鈕不同寬度的數(shù)量限制為兩種。 l 當(dāng)其他控件和一個(gè)命令按鈕存在互操作時(shí)，如帶有“瀏覽”按鈕的文本框，應(yīng)當(dāng)將該命令按鈕以下列三種方式中的一種進(jìn)行擺放以表示它們之間的關(guān)系：178。 位于其他控件右側(cè)，頂端對(duì)齊。 178。 位于其他控件下側(cè)，左對(duì)齊。 178。 在互操作的控件之間垂直居中（如兩個(gè)相關(guān)的列表框中間的“添加”和“刪除”按鈕）。l 如果多個(gè)命令按鈕與同一個(gè)控件存在互操作時(shí)，在其他控件右側(cè)縱向排列并頂端對(duì)齊，或在控件下方橫向排列并左對(duì)齊。 l 當(dāng)命令按鈕附屬于其他控件時(shí)，應(yīng)當(dāng)使用上述位置，并在上級(jí)控件被選中之前禁用附屬的命令按鈕。 l 不要使用過(guò)窄、過(guò)短或過(guò)高的帶有文本標(biāo)簽的命令按鈕，因?yàn)槠淇雌饋?lái)顯得不專業(yè)。盡量使用默認(rèn)的寬度和高度。正確：在這個(gè)示例中，按鈕使用了標(biāo)準(zhǔn)尺寸，看起來(lái)很專業(yè)。錯(cuò)誤：在這個(gè)示例中，按鈕太小。錯(cuò)誤：在這個(gè)示例中，按鈕上標(biāo)簽四周的空間太多。l 避免在命令按鈕上同時(shí)使用文本標(biāo)簽和圖形。同時(shí)使用文本和圖標(biāo)往往會(huì)增加不必要的視覺(jué)混亂，且無(wú)法幫助用戶更好地理解。僅當(dāng)圖形用于增進(jìn)理解的時(shí)候才考慮同時(shí)使用文本和圖形，例如當(dāng)用于命令的是標(biāo)準(zhǔn)符號(hào)或它能夠幫助用戶形象地了解該命令的結(jié)果等等。否則，首先考慮文本，或者單獨(dú)使用圖形。 l 不要將命令按鈕用于設(shè)置狀態(tài)。應(yīng)當(dāng)改用選項(xiàng)按鈕或復(fù)選框。命令按鈕僅用于啟動(dòng)操作。 推薦尺寸與間距用于命令按鈕的推薦尺寸與間距。圖中標(biāo)有7個(gè)字按鈕的寬度，3個(gè)字以下的按鈕用3個(gè)字按鈕的寬度；45個(gè)字用5個(gè)字按鈕的寬度；67個(gè)字用7個(gè)字按鈕的寬度。 文檔編寫當(dāng)提及按鈕時(shí)： l 原樣引用標(biāo)簽文本，包括其大小寫，但無(wú)須包含訪問(wèn)鍵下劃線和省略號(hào)。不要包含“（按鈕）”字樣。 l 用“（單擊）”一詞描述用戶的交互行為。 應(yīng)盡可能為標(biāo)簽文本應(yīng)用粗體樣式。對(duì)于英文格式來(lái)說(shuō)，僅當(dāng)需要避免歧義時(shí)才在其兩側(cè)添加引號(hào)；對(duì)于中文來(lái)說(shuō)，則應(yīng)總是使用引號(hào)。 復(fù)選框目錄 它用在這里合適嗎？ 使用模式 設(shè)計(jì)規(guī)范 推薦尺寸與間距 標(biāo)簽 文檔編寫復(fù)選框（Check Box）用于在兩個(gè)或兩個(gè)以上有清晰差別的選項(xiàng)中進(jìn)行選擇。復(fù)選框的標(biāo)簽是對(duì)選中狀態(tài)的描述，而清除狀態(tài)的含義必須與選中狀態(tài)明確相反。因此，復(fù)選框應(yīng)當(dāng)僅用于切換選項(xiàng)的開(kāi)關(guān)狀態(tài)，或者是選擇/取消選擇一個(gè)項(xiàng)目。 典型的復(fù)選框 它用在這里合適嗎？ 考慮下列問(wèn)題以進(jìn)行判斷： l 該復(fù)選框是用于切換選項(xiàng)的開(kāi)關(guān)狀態(tài)，或者是選擇/取消選擇一個(gè)項(xiàng)目嗎？如果不是，則改用其他控件。 l 選中與清除狀態(tài)的含義是否清晰并明確相反？如果不是，應(yīng)使用單選框（radio buttons）或下拉列表（dropdown list），以分別標(biāo)注每種狀態(tài)。 l 當(dāng)組合使用時(shí)，它們是否是相互獨(dú)立的，且用戶能夠選擇零個(gè)或多個(gè)？如果不是，考慮使用那些用于依賴關(guān)系的控件，比如單選框和帶有復(fù)選框的樹(shù)形視圖（check box tree views）。 l 當(dāng)組合使用時(shí)，它們是否是相互獨(dú)立的，且用戶必須至少選擇其中一個(gè)？如果是，應(yīng)使用一組復(fù)選框，并當(dāng)一個(gè)選項(xiàng)也沒(méi)有選中時(shí)進(jìn)行錯(cuò)誤處理。 l 選項(xiàng)的數(shù)量是否在 10 個(gè)以內(nèi)？屏幕空間的使用會(huì)隨著選項(xiàng)的數(shù)量而成比例增長(zhǎng)，因此應(yīng)當(dāng)將復(fù)選框的數(shù)量控制在 10 個(gè)以下。如果選項(xiàng)多于 10 個(gè)，應(yīng)使用帶復(fù)選框的列表框（check box list）。 l 單選框會(huì)不會(huì)更合適？復(fù)選項(xiàng)只適合用于打開(kāi)或關(guān)閉一個(gè)選項(xiàng)，而單選框則可用于完全不同的選項(xiàng)。如果出現(xiàn)兩種解決方案都可行的話，而復(fù)選框被清除時(shí)的含義不是非常明顯的話，應(yīng)使用單選框。 例如：錯(cuò)誤： 在這個(gè)示例中，紙張橫向（Landscape）選項(xiàng)的對(duì)立面并不明確，因此復(fù)選框在這里并不是好的選擇。 正確： 在這個(gè)示例中，選項(xiàng)并非完全對(duì)立的，因此單選框更加合適。 在向?qū)е校褂脝芜x框會(huì)使可選項(xiàng)更為清晰，即使復(fù)選框本身是可行的。 如果屏幕空間足夠，且這些選項(xiàng)之重要值得占用那么多屏幕空間的話，就可以使用單選框。否則，應(yīng)使用復(fù)選框或者下拉列表。 錯(cuò)誤： 在這個(gè)示例中，這些選項(xiàng)并不值得去使用單選框。 正確： 在這個(gè)示例中，復(fù)選框?qū)ζ聊豢臻g的占用對(duì)于這個(gè)并不重要的選項(xiàng)來(lái)說(shuō)非常經(jīng)濟(jì)。 如果窗口中存在其他復(fù)選框，則也可以使用復(fù)選框。 該選項(xiàng)展示的是程序選項(xiàng)，而非數(shù)據(jù)嗎？選項(xiàng)值不應(yīng)當(dāng)基于上下文或其它數(shù)據(jù)。對(duì)于數(shù)據(jù)，應(yīng)當(dāng)使用帶復(fù)選框的列表框，或是多選列表框（multipleselection list）. 使用模式 復(fù)選框具有下列使用模式： 單個(gè)選項(xiàng) 用于選擇單個(gè)選項(xiàng)的單個(gè)復(fù)選框。 用于單個(gè)選項(xiàng)的單個(gè)復(fù)選框 獨(dú)立選項(xiàng)（不選或多選） 用于選擇零個(gè)或多個(gè)選項(xiàng)的一組復(fù)選框。 與單選按鈕這樣的單選控件不同，用戶可以從一組復(fù)選框中選擇任意的組合。 用于選擇獨(dú)立選項(xiàng)的一組復(fù)選框 關(guān)聯(lián)選項(xiàng)（一項(xiàng)或多項(xiàng)） 也可用于選擇一個(gè)或多個(gè)選項(xiàng)的一組復(fù)選框。 你可能需要呈現(xiàn)一個(gè)或多個(gè)相關(guān)聯(lián)的選項(xiàng)。當(dāng)沒(méi)有直接支持這種輸入類型的控件，最好的辦法就是使用一組復(fù)選框，并當(dāng)沒(méi)有選擇任何選項(xiàng)時(shí)手工處理錯(cuò)誤。 用于必須選擇至少一種協(xié)議的一組復(fù)選框 混合選項(xiàng) 除了選中和清除狀態(tài)外，復(fù)選框還有用于多選的混合狀態(tài)，以指示該選項(xiàng)是對(duì)部分對(duì)象有效，而非所有對(duì)象。 混合狀態(tài)的復(fù)選框 設(shè)計(jì)規(guī)范 將相關(guān)的復(fù)選框合并成組。將相關(guān)的選項(xiàng)合并，不相關(guān)的選項(xiàng)分開(kāi)，成為10或10個(gè)以下的組合，必要時(shí)使用多個(gè)組合。 一組相關(guān)但互相獨(dú)立的選項(xiàng)示例 l 認(rèn)真考慮是否使用分組框來(lái)對(duì)復(fù)選框進(jìn)行分組——這往往導(dǎo)致不必要的屏幕混亂。 l 以邏輯順序排列復(fù)選框，比如將高度相關(guān)的選項(xiàng)放在一起，或?qū)⒆畛Ｓ玫倪x項(xiàng)放在前面，或者遵循其他自然過(guò)程。字母順序排列并不推薦，因?yàn)檫@是語(yǔ)言相關(guān)的，無(wú)法本地化。 l 將多個(gè)復(fù)選框垂直排列，不要水平排列。水平排列會(huì)使得難以閱讀。 正確：在這個(gè)示例中，復(fù)選框正確地進(jìn)行了對(duì)齊。 錯(cuò)誤： 在這個(gè)示例中，水平對(duì)齊會(huì)使得難以閱讀。 l 不要使用混合狀態(tài)來(lái)表示第三種狀態(tài)。混合狀態(tài)是在多選時(shí)用于指示部分而非全部對(duì)象設(shè)置了該選項(xiàng)，對(duì)于每個(gè)單獨(dú)的對(duì)象來(lái)說(shuō)，要么是選中狀態(tài)，要么是清除狀態(tài)。混合狀態(tài)不應(yīng)被用于單個(gè)項(xiàng)目的第三種狀態(tài)。要表示第三種狀態(tài)，應(yīng)當(dāng)改用單選框或下拉列表。 錯(cuò)誤： 在這個(gè)示例中，混合狀態(tài)用于指示主題服務(wù)沒(méi)有安裝。 正確： 在這個(gè)示例中，用戶能夠從包含三個(gè)明確的選項(xiàng)列表中進(jìn)行選擇。 不要將復(fù)選框用于進(jìn)度指示。應(yīng)當(dāng)改用進(jìn)度條控件。 錯(cuò)誤： 在這個(gè)示例中，復(fù)選框被錯(cuò)誤地用作進(jìn)度指示器。 正確： 典型的進(jìn)度條示例 顯示禁用的復(fù)選框時(shí)應(yīng)使用正確的選中狀態(tài)。即使用戶無(wú)法更改，禁用的復(fù)選框仍然傳達(dá)了一定的信息，應(yīng)當(dāng)與結(jié)果相一致。 錯(cuò)誤： 推薦尺寸與間距高清： 用于復(fù)選框的推薦尺寸與間距 復(fù)選框標(biāo)簽為所有復(fù)選框添加標(biāo)簽。標(biāo)簽應(yīng)當(dāng)是短語(yǔ)或祈使句，不要使用句末標(biāo)點(diǎn)。 例外：如果復(fù)選框標(biāo)簽同時(shí)用于其后的附屬控件，則標(biāo)簽應(yīng)當(dāng)以冒號(hào)結(jié)尾。 標(biāo)簽的內(nèi)容應(yīng)當(dāng)描述的是復(fù)選框選中時(shí)的含義。對(duì)于一組復(fù)選框來(lái)說(shuō)，應(yīng)當(dāng)使用并列的措辭并盡量保持所有標(biāo)簽的長(zhǎng)度大致相同。對(duì)于一組復(fù)選框來(lái)說(shuō)，標(biāo)簽文本應(yīng)當(dāng)專注于各選項(xiàng)的差異上。如果所有的選項(xiàng)都有相同的說(shuō)明文本，則應(yīng)將此文本移至分組標(biāo)簽中。 使用肯定的表述方式。不要將標(biāo)簽表述為選中復(fù)選框意味著不要執(zhí)行某操作。例外：不要再顯示此 項(xiàng)復(fù)選框。 錯(cuò)誤：在這個(gè)示例中，該選項(xiàng)沒(méi)有使用肯定的表述方式。 在標(biāo)簽中僅描述選項(xiàng)。保持標(biāo)簽的簡(jiǎn)潔使得在提示信息和文檔中易于引用