web2.0時代后到SNS社區(qū)再到云算法網(wǎng)站的SaaS平臺。多交互流程和用戶自定義的復雜化，都需要各種各樣的提示信息來給用戶帶來引導。

通用提示是網(wǎng)頁的重要組成部分，應用的多元化造成復雜的提示場景：

• 網(wǎng)站運者會在網(wǎng)站的變更中加上提示文字；
• 開發(fā)人員的系統(tǒng)提示也會出現(xiàn)在頁面上；
• 一些網(wǎng)站獨特的功能中也必須給出相應的提示信息來引導用戶；

種種的情況導致每當有提示出現(xiàn)時，需求方都要去找交互設計師進行相應的溝通。當成一項需求去進行開發(fā)，從文案到視覺、布局，再將以前做好的提示模板拿出來改動、從運營PO，產(chǎn)品規(guī)劃師PD，UED部們的交互、視覺，發(fā)布時QA的質(zhì)量監(jiān)控。。。等等部門，改絲毫而動全身，成本提升，工作嚴重下降。

那么對其進行量化和歸類的重要性就可見一斑了。下面我總結(jié)了一些通用的提示信息：

通用提示信息分為四種：

第一類：提示，它詮釋當前需要提示內(nèi)容的信息，依附于所提示的內(nèi)容顯示。

alt：圖片的XTHML提示信息，主要是為了SEO優(yōu)化和低端環(huán)境下的提示；

title：文字、操作的解釋，在大多數(shù)情況下用于段落顯示不全的提示信息；

tips：對信息的對話云式的提示，用作在當前區(qū)域的提示；

注：在XTHML中，系統(tǒng)題注的alt和title會在幾秒中后消失，對于比較重要的提示建議用tips或者用JS行為來控制提示信息。

第二類：反饋，是由一個操作所引導的提示頁面，并獨立成提示區(qū)域，通常在頁面的頂部顯示。

構(gòu)成：
圖標（可選）：跟據(jù)不同的提示場景來應用。

字體：指字體上的強弱變化和色彩區(qū)別；
如有操作，需給出操作引發(fā)的結(jié)果提示和詳細內(nèi)容；
如果通過用戶介入，當前流程可繼續(xù)執(zhí)行，需要提示用戶或進行引導到相應功能頁面；
為起到提示的作用，提示內(nèi)容必須單獨成行或與其他內(nèi)容獨立；

文案不能太長，適當情況請換行；
文案 文案不能有責備的詞匯；
需要告知用戶引發(fā)錯誤的原因，除非系統(tǒng)異常，其他錯誤都應以用戶看的懂得文字進行描述；
業(yè)務規(guī)則不滿足的提示:{說明不滿足的業(yè)務規(guī)則}，不能執(zhí)行{##}操作！

系統(tǒng)異常的提示：{顯示系統(tǒng)錯誤信息}，請與服務人員聯(lián)系等！

用例：

成功
場景：成功提示；
操作正確時需要的提示；

（此圖例提供了包含豐富信息的提示，下面的圖就省略了）

錯誤
場景：系統(tǒng)異常；
當前鏈接失效，必須終止當前流程；
且用戶無法通過修改繼續(xù)提交，提交修改的已被
刪除；保存時發(fā)現(xiàn)其執(zhí)行當前操作的先決業(yè)務規(guī)則已不滿足；