手工碼字翻譯供交互學(xué)習(xí)之用歼疮，進(jìn)度異常緩慢杂抽，歡迎小伙伴們批評(píng)指正&溝通交流！
氣球狀提示是一個(gè)小型的彈出窗口韩脏，用以提示用戶(hù)出現(xiàn)了非關(guān)鍵性的問(wèn)題缩麸，或控件出現(xiàn)非常規(guī)狀態(tài)。
標(biāo)準(zhǔn)的氣球狀提示包含一個(gè)icon赡矢、標(biāo)題和主體文本杭朱，但這些都非必須項(xiàng)。和工具提示及消息提示
不同吹散，氣球狀提示有一個(gè)用于指明提示源的小尾巴弧械。這個(gè)源通常是一個(gè)控件，通常這樣的控件就叫做owner control（源控件）送浊。
盡管合理操作源控件有可能解決出現(xiàn)的問(wèn)題梦谜，氣球狀提示卻只能提示問(wèn)題丘跌，并不能處理問(wèn)題袭景。如果用戶(hù)想響應(yīng)出現(xiàn)的問(wèn)題，應(yīng)該與源控件的界面系統(tǒng)進(jìn)行交互闭树。
氣球狀提示通常和文本框或包含文本框以承載動(dòng)態(tài)數(shù)據(jù)的控件耸棒，例如combo boxes 組合框、 list views 列表視圖或 tree views 樹(shù)狀圖等組合使用报辱。其他種類(lèi)的控件通常都經(jīng)過(guò)嚴(yán)格的限制設(shè)計(jì)与殃，不需要?dú)馇驙钐崾镜念~外反饋來(lái)補(bǔ)充信息。就算其他種類(lèi)的控件交互出現(xiàn)問(wèn)題碍现，也通常是因?yàn)闋可娴蕉喾N不同控件之間的沖突幅疼，而這種情況下僅靠氣球狀提示也解決不了問(wèn)題。只有文本輸入類(lèi)控件昼接，既沒(méi)辦法嚴(yán)格限制輸入內(nèi)容爽篷，也是常見(jiàn)的單一錯(cuò)誤源，所以和氣球狀提示能很好搭配慢睡。
Notification 通知 是一種特殊的氣球狀提示逐工，由通知區(qū)域icon展示
何時(shí)使用該控件？
思考以下問(wèn)題漂辐，再做決定：
文本信息是否有描述問(wèn)題或特殊情況泪喊？如果不是，請(qǐng)不要使用氣球狀提示髓涯。不要用氣球狀提示來(lái)展現(xiàn)控件的補(bǔ)充信息袒啼。可以考慮使用靜態(tài)文字、infotips 信息提示蚓再、progressive disclosure 漸進(jìn)展示控件
或即時(shí)提示代替灶泵。在輸入時(shí)或者主控件剛剛失去輸入焦點(diǎn)時(shí)，問(wèn)題或特殊情況會(huì)即時(shí)被檢測(cè)到嗎对途？如果不是赦邻，用 task dialog 任務(wù)對(duì)話(huà)框或 message box 消息彈框來(lái)展示錯(cuò)誤信息。
出現(xiàn)的問(wèn)題是否嚴(yán)重实檀？如果是惶洲，用任務(wù)對(duì)話(huà)框或消息彈框等能立刻交互以解決問(wèn)題的形式來(lái)展示問(wèn)題信息。
若出現(xiàn)的是特殊情況膳犹，這種特殊情況有特殊意義嗎恬吕？是不是用戶(hù)在無(wú)意中導(dǎo)致的情況？如果符合這兩種情況须床，可以使用氣球狀提示铐料。如果特殊情況沒(méi)什么本質(zhì)意義，就應(yīng)該避免出現(xiàn)這種特殊狀態(tài)豺旬。對(duì)用戶(hù)有意觸發(fā)的特殊情況钠惩，則不需要作任何提示。
錯(cuò)誤或情況能否進(jìn)行簡(jiǎn)明描述族阅？如果不能篓跛，請(qǐng)使用其他控件。氣球狀提示不能承載細(xì)節(jié)闡述和補(bǔ)充信息坦刀。
信息是否用于描述正處于焦點(diǎn)懸停狀態(tài)下的控件愧沟？除非用戶(hù)需要與懸停控件的信息交互鲤遥，否則這種情況應(yīng)該使用tip提示控件來(lái)對(duì)懸豌逅拢控件進(jìn)行說(shuō)明。
提示信息和用戶(hù)當(dāng)前行為有關(guān)聯(lián)嗎盖奈？如果沒(méi)有混坞，考慮使用 notification 通知或 dialog box 對(duì)話(huà)框。用戶(hù)有忽略掉和當(dāng)前行為無(wú)關(guān)的氣球狀提示的傾向卜朗，而且氣球狀提示默認(rèn)狀態(tài)下10秒后會(huì)消失拔第。
提示信息來(lái)源于單一的场钉、確定的源嗎蚊俺？如果問(wèn)題或情況是由多個(gè)或不確定的源控件引發(fā)，用就地展示信息 in-place message對(duì)各控件分別提示或用 dialog box 對(duì)話(huà)框來(lái)作說(shuō)明逛万。
氣球狀提示和 infotips 消息提示, dialog boxes 對(duì)話(huà)框以及 in-place messages 就地展示信息等控件功用相似忙上。與 tooltips 工具提示和 infotips 消息提示相比較：
- 氣球狀提示獨(dú)立于當(dāng)前光標(biāo)焦點(diǎn)展示拷呆，所以有一個(gè)指明源的小尾巴。
- 氣球狀提示有標(biāo)題疫粥、正文和一個(gè)icon茬斧。
- 氣球狀提示有交互性，但是并沒(méi)有一個(gè)供點(diǎn)擊的落點(diǎn)梗逮。
和 modal dialog boxes 模態(tài)對(duì)話(huà)框相比較：
- 氣球狀提示不會(huì)獲取輸入焦點(diǎn)项秉，也不強(qiáng)制需要交互。
- 氣球狀提示指示一個(gè)單一的慷彤、確定的源娄蔼。模態(tài)對(duì)話(huà)框的信息提示則可以指示多源，或沒(méi)有確定的源底哗。
和 in-place messages 就地展示信息相比：
- 氣球狀提示視覺(jué)上更明顯岁诉。
- 氣球狀提示不像就地展示信息一樣，需要在控件內(nèi)預(yù)留空間或使用動(dòng)態(tài)布局來(lái)展示內(nèi)容艘虎。
- 氣球狀提示一定時(shí)間后會(huì)自動(dòng)消失唉侄。
應(yīng)用范例
氣球狀提示有這些應(yīng)用形式：
-
輸入信息引發(fā)的問(wèn)題：在單一控件中出現(xiàn)的咒吐、用戶(hù)輸入引發(fā)的非關(guān)鍵性輸入問(wèn)題野建，通常來(lái)源于輸入框。
氣球狀提示不會(huì)帶走輸入焦點(diǎn)恬叹，在源控件仍可進(jìn)行輸入操作的時(shí)候候生，提示也非常顯眼。要解決出現(xiàn)的問(wèn)題绽昼，用戶(hù)可能要更改或重新輸入內(nèi)容唯鸭；但如果源控件忽略了不正確的輸入，用戶(hù)就無(wú)需更改硅确。因?yàn)閱?wèn)題不嚴(yán)重目溉，不需附帶錯(cuò)誤icon標(biāo)志。
-
特殊情況的問(wèn)題：源控件處于會(huì)影響輸入信息的特殊狀態(tài)菱农。這種情況可能是用戶(hù)無(wú)意中引發(fā)的缭付，也不知道會(huì)影響輸入內(nèi)容。
氣球狀提示可以在特殊情況發(fā)生之時(shí)警告用戶(hù)循未，以避免操作失誤（例如超過(guò)最大輸入字符限制或無(wú)意中打開(kāi)了大寫(xiě)鍵）陷猫。此時(shí)有必要在不打擾輸入焦點(diǎn)的情況下作提示，不要強(qiáng)迫用戶(hù)進(jìn)行修正操作，因?yàn)橛锌赡苡脩?hù)是有意這樣操作的绣檬。對(duì)于密碼輸入框和PIN碼輸入的情況來(lái)說(shuō)足陨，氣球狀提示非常必要，不然用戶(hù)操作的反饋就極小了娇未。這時(shí)的氣球狀提示帶有警告標(biāo)志墨缘。
設(shè)計(jì)指南
何時(shí)展示
- 在問(wèn)題或特殊情況出現(xiàn)時(shí)立即彈出氣球狀提示，甚至可以多次彈出零抬，不要出現(xiàn)視覺(jué)上的延遲飒房。
- 如果需要顯示關(guān)于單個(gè)字符及最大輸入值的提示，需要在用戶(hù)開(kāi)始輸入時(shí)立刻提示媚值；
- 如果是關(guān)于輸入字段類(lèi)型的提示（包括不能輸入空格等等）狠毯，要在當(dāng)源控件失去輸入焦點(diǎn)時(shí)顯示氣球狀提示。否則褥芒，在用戶(hù)正輸入數(shù)據(jù)時(shí)彈出彈框會(huì)讓人分心和煩躁（用戶(hù)的輸入值很有可能是有效的）嚼松。
- 一次只顯示一個(gè)氣球狀提示。一次展示多個(gè)氣球狀提示會(huì)顯得情況十分嚴(yán)重锰扶。如果單個(gè)事件引發(fā)了多個(gè)問(wèn)題献酗，要么在一次提示中說(shuō)明所有問(wèn)題，要么只報(bào)告最重要的問(wèn)題坷牛。
展示時(shí)長(zhǎng)
- 當(dāng)出現(xiàn)以下情況時(shí)停止展示：
- 問(wèn)題已解決或特殊情況已不存在罕偎。
- 針對(duì)輸入問(wèn)題，用戶(hù)輸入的是有效值京闰。
- 氣球狀提示時(shí)效已到颜及。氣球狀提示默認(rèn)10s后會(huì)自行消失，用戶(hù)也可以在SPI_MESSAGEDURATION system parameter里自行更改設(shè)置蹂楣。
如何展示
- 在源控件的下方展示氣球狀提示俏站。這樣能夠讓用戶(hù)看清上下文環(huán)境，包括源控件以及標(biāo)簽痊土。Microsoft Windows會(huì)自適應(yīng)氣球狀提示的位置肄扎，讓它們完全展示。錯(cuò)誤的展示方式是讓氣球狀提示展示在它的源控件上方赁酝，notification 提示也是如此犯祠。
密碼和PIN碼輸入框
- 用氣球狀提示表示大寫(xiě)按鈕已打開(kāi)， 如下圖示例：
- 當(dāng)用戶(hù)的輸入有可能超過(guò)最大字長(zhǎng)時(shí)酌呆，給予氣球狀提示衡载。將要超過(guò)最大字長(zhǎng)的情況在輸入密碼和PIN碼的時(shí)候，比一般輸入情形更為不明顯肪笋。
- 當(dāng)用戶(hù)輸入字符類(lèi)型不符合要求時(shí)月劈，給予提示度迂。但是，一般情況下不建議對(duì)字符類(lèi)型進(jìn)行限制猜揪，因?yàn)檫@樣會(huì)降低密碼或PIN碼的安全性惭墓。為防止信息泄露，氣球狀提示只能提到關(guān)于有效密碼和PIN碼的類(lèi)型描述而姐。
其他類(lèi)型的文本框
- 當(dāng)用戶(hù)的輸入快要超過(guò)最大字長(zhǎng)臨界值時(shí)腊凶，考慮給于氣球狀提示，對(duì)于新手用戶(hù)拴念，設(shè)置長(zhǎng)度恰好合適的文本輸入框钧萍，例如需要輸入用戶(hù)名或者賬戶(hù)名的情況。當(dāng)輸入超過(guò)臨界字長(zhǎng)時(shí)系統(tǒng)會(huì)發(fā)出警告聲政鼠，但初學(xué)用戶(hù)有可能無(wú)法理解警告聲的指向含義风瘦。
交互效果
- 當(dāng)用戶(hù)點(diǎn)擊氣球狀提示，它會(huì)直接消失公般。和 notifications 通知不同万搔，氣球狀提示沒(méi)有關(guān)閉按鈕。
圖標(biāo)
- 根據(jù)應(yīng)用場(chǎng)景選擇圖標(biāo)
輸入問(wèn)題： 不用icon官帘。不要使用不符合Windows風(fēng)格的錯(cuò)誤指示icon瞬雹。
-
特殊情況： 標(biāo)準(zhǔn)的16*16像素警告icon
警告
易用性
應(yīng)用適宜，氣球狀提示就能增加易用性刽虹。要做到這一點(diǎn)酗捌，氣球狀提示應(yīng)該：
- 只在發(fā)生的情況和當(dāng)前用戶(hù)行為相關(guān)時(shí)，展示氣球狀提示涌哲。
- 保持提示文字簡(jiǎn)明胖缤。這樣有助視力不佳的用戶(hù)閱讀，也能使使用屏幕閱讀器的殘障人士不受過(guò)多干擾膛虫，更方便閱讀理解主要內(nèi)容草姻。
- 當(dāng)問(wèn)題或特殊情況再次出現(xiàn)時(shí)，也要再次彈出氣球狀提示稍刀。
文字
標(biāo)題文字
- 標(biāo)題應(yīng)簡(jiǎn)潔準(zhǔn)確地總結(jié)描述當(dāng)前情況或問(wèn)題，要能讓用戶(hù)快速方便地理解提示的意圖敞曹。
- 標(biāo)題可使用文字片段或完整句子账月，但是不要加句號(hào)。
- 遵守完整句子書(shū)寫(xiě)的大小寫(xiě)規(guī)范澳迫。
- 將字符（英文）限制在48個(gè)以?xún)?nèi)以適應(yīng)本地化翻譯的布局局齿。標(biāo)題的最大長(zhǎng)度為63個(gè)字符,必須能夠擴(kuò)展至少30%以適應(yīng)本地化翻譯。
主體文字
- 用第一句話(huà)清楚陳述當(dāng)前情況或問(wèn)題橄登，并使用戶(hù)感到切實(shí)與自己相關(guān)抓歼。不要重復(fù)源控件標(biāo)題中的信息讥此。如果沒(méi)有標(biāo)題之外的補(bǔ)充信息，這部分可以省略谣妻。
- 第二句話(huà)讓用戶(hù)了解如何操作能夠解決問(wèn)題或改變當(dāng)前狀況萄喳。這句里面不需用“請(qǐng)”這樣的禮貌用語(yǔ)，語(yǔ)句規(guī)范參見(jiàn) Style and Tone蹋半。第一句話(huà)和第二句話(huà)之間需要空兩行他巨。
- 如果解決方法很容易理解，就向用戶(hù)解釋告知减江，但情況陳述和解決方法部分重復(fù)的冗余要略去染突。以下情況除外：
- 如果解決方法不能簡(jiǎn)明表達(dá)，或冗余部分很重要不能省去辈灼，就略掉解決方法的闡述份企。
- 當(dāng)沒(méi)什么需要用戶(hù)做的時(shí)候（例如系統(tǒng)自動(dòng)忽略了不正確字符的輸入），略掉解決方法的闡述巡莹。
- 使用帶句號(hào)的完整句子薪棒。
- 使用句法大小寫(xiě)書(shū)寫(xiě)規(guī)范。
- 將字符（英文）限制在200個(gè)以?xún)?nèi)以適應(yīng)本地化翻譯榕莺。正文的最大長(zhǎng)度為225個(gè)字符俐芯，必須能夠擴(kuò)展至少30%以適應(yīng)本地化翻譯的需求。
說(shuō)明
提到氣球狀提示時(shí)：
- 引用準(zhǔn)確的標(biāo)題文字钉鸯，包括其大小寫(xiě)規(guī)范吧史。
- 明確該控件叫做氣球狀提示，不要與 notification 提示和 alert 警告混淆唠雕。
- 盡可能用粗體顯示標(biāo)題或者用引號(hào)包圍標(biāo)題贸营，防止標(biāo)題和正文文意混淆引起誤解。
