當(dāng)產(chǎn)品規(guī)模大了之后就需要多個(gè)產(chǎn)品設(shè)計(jì)師協(xié)作完成整個(gè)產(chǎn)品，由于不同產(chǎn)品設(shè)計(jì)師之間的設(shè)計(jì)理念、設(shè)計(jì)方法、設(shè)計(jì)習(xí)慣的不同，協(xié)作完成的產(chǎn)品往往會(huì)導(dǎo)致產(chǎn)品一致性差，質(zhì)量參差不齊。

這個(gè)時(shí)候會(huì)需要一份交互設(shè)計(jì)規(guī)范來(lái)規(guī)范和指導(dǎo)產(chǎn)品設(shè)計(jì)，從而保證產(chǎn)品設(shè)計(jì)的一致性，提升整體產(chǎn)品質(zhì)量。

本文就來(lái)說(shuō)一說(shuō)交互設(shè)計(jì)規(guī)范應(yīng)該包含的一些內(nèi)容：

一、頁(yè)面信息規(guī)范

頁(yè)面信息規(guī)范主要指頁(yè)面的靜態(tài)信息應(yīng)該遵循的規(guī)則，包括：

1.標(biāo)題規(guī)范

用于規(guī)定整個(gè)產(chǎn)品中所有不同層級(jí)不同功能的頁(yè)面應(yīng)該使用的標(biāo)題的規(guī)則。

2.新窗口鏈接規(guī)范

用于規(guī)定頁(yè)面鏈接是采用新窗口打開(kāi)還是本窗口打開(kāi)的規(guī)則。

3.圖片規(guī)范

用于規(guī)定圖片信息是否帶有alt title值，這些值又取自那里。

二、交互信息規(guī)范

交互提示規(guī)范主要用于規(guī)定在交互過(guò)程中交互的方式及其信息提示，包括：

1.預(yù)先信息提示

所有交互進(jìn)行前需要提供充分給用戶(hù)的預(yù)先應(yīng)該知道的提示信息。

a.表單提交類(lèi)

表單提交的步驟，每個(gè)表單項(xiàng)的要求需要給出提示信息。（如密碼要多少多少位。搜索框鼓勵(lì)輸入什么內(nèi)容）

b.謹(jǐn)慎類(lèi)操作

一個(gè)操作對(duì)用戶(hù)來(lái)說(shuō)需要慎重操作的。如扣除金幣等。需要預(yù)先提示。（如：扣除金幣的操作需要預(yù)先提示扣除金幣數(shù)目，以及當(dāng)前金幣是否足夠。等等）

c.差異化規(guī)則

當(dāng)一個(gè)功能的規(guī)則與用戶(hù)習(xí)慣的規(guī)則具有一定的差異或比較復(fù)雜時(shí)，需要給出提示?；蛘呓o出幫助鏈接

2、操作信息提示

所有交互進(jìn)行中需要提供操作相關(guān)的提示

a.操作確認(rèn)提示

一個(gè)操作涉及數(shù)據(jù)刪除，等需要謹(jǐn)慎操作的操作需要給出刪除確認(rèn)提示框

b.操作錯(cuò)誤提示

當(dāng)用戶(hù)的操作不符合操作的規(guī)則，需要給出操作提示。（如評(píng)論字?jǐn)?shù)為0或超過(guò)限制字?jǐn)?shù)，搜索框未輸入內(nèi)容時(shí)提交

3、結(jié)果信息提示

交互進(jìn)行后給出結(jié)果反饋是應(yīng)該給出適當(dāng)?shù)奶崾?P>a.查詢(xún)類(lèi)結(jié)果

任何信息列表、查詢(xún)結(jié)果，當(dāng)對(duì)應(yīng)信息無(wú)結(jié)果的時(shí)候需要給出有無(wú)結(jié)果狀態(tài)提示

b.保存類(lèi)結(jié)果

一個(gè)表單是用戶(hù)提交保存數(shù)據(jù)的。如設(shè)置個(gè)人資料。提交保存后需要給出提示。成功綠色、失敗紅色、普通灰色

c.附加類(lèi)結(jié)果

一個(gè)表單是對(duì)其他數(shù)據(jù)進(jìn)行附加的，如評(píng)論等。提交成功后應(yīng)直接跳轉(zhuǎn)到操作產(chǎn)生的結(jié)果展示部分。（如提交評(píng)論后應(yīng)該直接展示給用戶(hù)他提交的評(píng)論）

三、通用控件規(guī)范

當(dāng)有一些功能會(huì)被多個(gè)模塊復(fù)用的時(shí)候（如標(biāo)準(zhǔn)評(píng)論框、標(biāo)準(zhǔn)好友選擇器等），需要把這些功能提煉出來(lái)設(shè)計(jì)成通

用控件被多個(gè)模塊共用

有了頁(yè)面信息規(guī)范、交互信息規(guī)范、通用控件規(guī)范就能保證頁(yè)面信息的一致、交互方式及提示的一致、通用功能模塊一致。從而保證產(chǎn)品的一致性，并提高產(chǎn)品質(zhì)量。