web2.0時(shí)代后到SNS社區(qū)再到云算法網(wǎng)站的SaaS平臺(tái)。多交互流程和用戶自定義的復(fù)雜化，都需要各種各樣的提示信息來給用戶帶來引導(dǎo)。
通用提示是網(wǎng)頁的重要組成部分，應(yīng)用的多元化造成復(fù)雜的提示場景：
- 網(wǎng)站運(yùn)者會(huì)在網(wǎng)站的變更中加上提示文字；
- 開發(fā)人員的系統(tǒng)提示也會(huì)出現(xiàn)在頁面上；
- 一些網(wǎng)站獨(dú)特的功能中也必須給出相應(yīng)的提示信息來引導(dǎo)用戶；
種種的情況導(dǎo)致每當(dāng)有提示出現(xiàn)時(shí)，需求方都要去找交互設(shè)計(jì)師進(jìn)行相應(yīng)的溝通。當(dāng)成一項(xiàng)需求去進(jìn)行開發(fā)，從文案到視覺、布局，再將以前做好的提示模板拿出來改動(dòng)、從運(yùn)營PO，產(chǎn)品規(guī)劃師PD，UED部們的交互、視覺，發(fā)布時(shí)QA的質(zhì)量監(jiān)控。。。等等部門，改絲毫而動(dòng)全身，成本提升，工作效率嚴(yán)重下降。
那么對(duì)其進(jìn)行量化和歸類的重要性就可見一斑了。下面我總結(jié)了一些通用的提示信息：
通用提示信息分為四種：
第一類：提示，它詮釋當(dāng)前需要提示內(nèi)容的信息，依附于所提示的內(nèi)容顯示。
alt：圖片的XTHML提示信息，主要是為了SEO優(yōu)化和低端環(huán)境下的提示；
title：文字、操作的解釋，在大多數(shù)情況下用于段落顯示不全的提示信息；
tips：對(duì)信息的對(duì)話云式的提示，用作在當(dāng)前區(qū)域的提示；
注：在XTHML中，系統(tǒng)題注的alt和title會(huì)在幾秒中后消失，對(duì)于比較重要的提示建議用tips或者用JS行為來控制提示信息。
第二類：反饋，是由一個(gè)操作所引導(dǎo)的提示頁面，并獨(dú)立成提示區(qū)域，通常在頁面的頂部顯示。
構(gòu)成：
圖標(biāo)（可選）：跟據(jù)不同的提示場景來應(yīng)用。
字體：指字體上的強(qiáng)弱變化和色彩區(qū)別；
如有操作，需給出操作引發(fā)的結(jié)果提示和詳細(xì)內(nèi)容；
如果通過用戶介入，當(dāng)前流程可繼續(xù)執(zhí)行，需要提示用戶或進(jìn)行引導(dǎo)到相應(yīng)功能頁面；
為起到提示的作用，提示內(nèi)容必須單獨(dú)成行或與其他內(nèi)容獨(dú)立；
文案不能太長，適當(dāng)情況請換行；
文案 文案不能有責(zé)備的詞匯；
需要告知用戶引發(fā)錯(cuò)誤的原因，除非系統(tǒng)異常，其他錯(cuò)誤都應(yīng)以用戶看的懂得文字進(jìn)行描述；
業(yè)務(wù)規(guī)則不滿足的提示:{說明不滿足的業(yè)務(wù)規(guī)則}，不能執(zhí)行{##}操作！
系統(tǒng)異常的提示：{顯示系統(tǒng)錯(cuò)誤信息}，請與服務(wù)人員聯(lián)系等！
用例：
成功
場景：成功提示；
操作正確時(shí)需要的提示；
（此圖例提供了包含豐富信息的提示，下面的圖就省略了）
錯(cuò)誤
場景：系統(tǒng)異常；
當(dāng)前鏈接失效，必須終止當(dāng)前流程；
且用戶無法通過修改繼續(xù)提交，提交修改的已被
刪除；保存時(shí)發(fā)現(xiàn)其執(zhí)行當(dāng)前操作的先決業(yè)務(wù)規(guī)則已不滿足；
提醒
場景：通常情況下的系統(tǒng)提示信息；
不帶有警示作用；
具有提示作用；
警示
場景：由于無法再往下走，產(chǎn)生的提醒、警告之類的提示；
通常情況下的系統(tǒng)警告，由于##操作引發(fā)的問題；
第三類：備注，對(duì)現(xiàn)有信息的補(bǔ)全和關(guān)聯(lián)，通常出現(xiàn)在頁面的底部和尾部。
關(guān)聯(lián)
由于現(xiàn)有的內(nèi)容所引導(dǎo)相關(guān)的解釋性內(nèi)容；
備注
是對(duì)當(dāng)前內(nèi)容的補(bǔ)充，以完善它的用用意；
第四類：圖示，用圖例和當(dāng)前狀態(tài)的圖例來直接引導(dǎo)用戶進(jìn)行相關(guān)操作。
流程圖
流程圖有很強(qiáng)的導(dǎo)向性，告知用戶當(dāng)前步驟和要完成操作的整個(gè)流程關(guān)系；
引導(dǎo)
引導(dǎo)是指向性的圖例，用當(dāng)前圖例來指導(dǎo)用戶完成操作；
