balloons(氣球狀提示)
問題摘要
氣球狀提示（balloon）是乙個小型的彈出視窗，用於通知使用者出現非關鍵性問題或控制項處於某種特殊情況。
例項何時使用
輸入發生之前使用：
1、例如大寫鎖定鍵(caps lock)開啟狀態，密碼框的氣球狀提示(參見圖1)。所有者控制項處於某種影響輸入的狀態，該狀態可能不是使用者所期望的，但使用者也許沒有意識到其輸入所受的影響。當出現特殊情況時（如超過最大輸入字元數或大寫鎖定被啟用等），在第一時間使用氣球狀提示進行警告可以防止使用者產生挫敗感。它在給出反饋資訊的同時，不改變輸入焦點，不強迫使用者進行操作。這一點非常重要，因為這些特殊情況有可能是故意為之的。這些氣球狀提示對於密碼框尤為重要，因為使用者在密碼框中輸入時只能得到很少的反饋。此類氣球狀提示帶有警告圖示。
圖2這裡用於報告非關鍵性使用者輸入錯誤的氣球狀提示。使用氣球狀提示顯示錯誤資訊不會改變輸入焦點，即使當所有者控制項擁有輸入焦點時，它仍然非常醒目。 為了解決問題，使用者可能需要進行更改或重新輸入。但如果所有者控制項忽略錯誤的輸入，使用者也許可以完全不用修改。由於 問題並非關鍵，因此不需要使用錯誤圖示。
輸入發生之後使用：
1、當使用者試圖超出最大輸入長度時彈出氣球狀提示。在下面圖3示例中，氣球狀提示指示使用者正試圖超出最大輸入長度。
圖32、當使用者輸入無效字元時彈出氣球狀提示。當然，最好是沒有這樣的限制，因為這會削弱密碼的安全性。為了防止資訊洩露，該氣球狀提示應當只提及那些已寫入文件的關於有效密碼字元的資訊。在下面圖4示例中，氣球狀提示指示密碼只能包含數字。
圖43、對於關鍵的、短的文字框，當使用者試圖超出最大輸入長度時，應當考慮為新使用者顯示氣球狀提示。在下面圖5示例中，氣球狀提示指示使用者試圖超出最大輸入長度。
圖5注：不要將氣球狀提示用作顯示控制項的附加資訊，而應當考慮換用靜態文字（static text）、資訊提示（infotip）、漸進展開控制項（progressive disclosure）或提示文字（prompt）。
解決辦法
互動方式:當使用者單擊氣球狀提示時，直接關閉提示，不要顯示其他任何 ui 或效果。與通知不同，氣球狀提示沒有關閉按鈕。如圖6它就不是氣球狀提示。
圖6但是在阿里旺旺的登陸介面就應用了很純正的氣球狀提示，如圖7。
圖7
圖8
圖9靜下心來找，發現電子商務**利用控制項balloons(氣球狀提示)的形式的也很多，例如ebay首頁的兩塊區域都有體現，如圖10，11。
圖10
圖11這種形象的提示大量的被應用在網頁介面元素中，也體現了它的靈活與實用。作為幫助和輔助提示。控制項balloons(氣球狀提示)確實給我們很多不錯的使用者體驗。
輔助功能：
僅顯示與使用者當前活動相關的氣球狀提示。
使提示文字盡可能簡要。這對於視力不好的使用者來說更容易閱讀，且使得因螢幕閱讀程式的閱讀而產生的打斷減到最小。
當問題或情況再次發生時重新顯示氣球狀提示。
小結：
總體來講氣球狀提示，在表單中的應用是非常多的，首先它本身可以讓使用者參與互動也可以不參與，並沒有強制性。顯示時間可以控制，並且可以設定處理完錯誤後消失，這為它在表單提示方面的靈活性，做了很好的鋪墊。由於它是浮動覆蓋在頁面上的，所以可以節省一定的空間。也是因為它是浮動覆蓋在版面上，提示效果更明顯，更容易引起使用者的注意!雖然文中已經把氣球狀提示的每個狀態與使用場景做了最詳細的描述，由於例項筆者並沒有找到更多特別有代表性的，使文章的解析效果並不明顯，希望通過更多對balloons(氣球狀提示)有思考和研究的讀者給予更多的例項資源。謝謝大家的支援，筆者也將繼續收集更多更好的例項與ued朋友分享!
設計原則與思想 設計原則
如何理解單一職責原則 srp solid原則並非單純的1個原則,而是由5個設計原則組成,他們分別是 單一職責原則,開閉原則,裡式替換原則,介面隔離原則和依賴反轉原則,依次對應solid中的s,o,l,i,d這五個英文本母 單一職責原則的英文是single responsibility princip...
設計原則 開閉原則
開閉原則的含義是對擴充套件開放，對修改關閉。意思就是在遇到新的需求或者變動的時候，提倡對原 擴充套件使其滿足新的需求，不提倡修改原 來達到目的。乙個專案不可能在開發完畢後就一成不變了，它總會有新的需求或者對老的需求進行更新。這樣就要盡可能的遵從設計原則中的開閉原則，這個原則告訴我們，要盡量避免對原 ...
設計原則 開閉原則
怎樣的 改動才能被定義為 擴充套件 怎樣的 改動才定義為 修改 怎樣才算滿足或者違反開閉原則？修改 意味著違反開閉原則嗎？開閉原則是最難理解，也是最難掌握，同時也是最有用的一條原則。這條原則並不是看幾篇文章，理解了其概念就能掌握和靈活應用的。要想深入理解，掌握這條原則，需要大量的實戰。開閉原則，英文...