淺談交互設(shè)計(jì)規(guī)范

1 評(píng)論 6250 瀏覽 36 收藏 4 分鐘

當(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è)面鏈接是采用新窗口打開還是本窗口打開的規(guī)則。
3.圖片規(guī)范
用于規(guī)定圖片信息是否帶有alt title值,這些值又取自那里。
二、交互信息規(guī)范
交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示,包括:
1.預(yù)先信息提示
所有交互進(jìn)行前需要提供充分給用戶的預(yù)先應(yīng)該知道的提示信息。
a.表單提交類
表單提交的步驟,每個(gè)表單項(xiàng)的要求需要給出提示信息。(如密碼要多少多少位。搜索框鼓勵(lì)輸入什么內(nèi)容。)
b.謹(jǐn)慎類操作
一個(gè)操作對(duì)用戶來(lái)說(shuō)需要慎重操作的。如扣除金幣等。需要預(yù)先提示。(如:扣除金幣的操作需要預(yù)先提示扣除金幣數(shù)目,以及當(dāng)前金幣是否足夠。等等。)
c.差異化規(guī)則
當(dāng)一個(gè)功能的規(guī)則與用戶習(xí)慣的規(guī)則具有一定的差異或比較復(fù)雜時(shí),需要給出提示?;蛘呓o出幫助鏈接。
2、操作信息提示
所有交互進(jìn)行中需要提供操作相關(guān)的提示。
a.操作確認(rèn)提示
一個(gè)操作涉及數(shù)據(jù)刪除,等需要謹(jǐn)慎操作的操作需要給出刪除確認(rèn)提示框。
b.操作錯(cuò)誤提示
當(dāng)用戶的操作不符合操作的規(guī)則,需要給出操作提示。(如評(píng)論字?jǐn)?shù)為0或超過限制字?jǐn)?shù),搜索框未輸入內(nèi)容時(shí)提交)
3、結(jié)果信息提示
交互進(jìn)行后給出結(jié)果反饋是應(yīng)該給出適當(dāng)?shù)奶崾?br /> a.查詢類結(jié)果
任何信息列表、查詢結(jié)果,當(dāng)對(duì)應(yīng)信息無(wú)結(jié)果的時(shí)候需要給出有無(wú)結(jié)果狀態(tài)提示。
b.保存類結(jié)果
一個(gè)表單是用戶提交保存數(shù)據(jù)的。如設(shè)置個(gè)人資料。提交保存后需要給出提示。成功綠色、失敗紅色、普通灰色。
c.附加類結(jié)果
一個(gè)表單是對(duì)其他數(shù)據(jù)進(jìn)行附加的,如評(píng)論等。提交成功后應(yīng)直接跳轉(zhuǎn)到操作產(chǎn)生的結(jié)果展示部分。(如提交評(píng)論后應(yīng)該直接展示給用戶他提交的評(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ì)量。
先寫這些歡迎補(bǔ)充。
來(lái)源:http://jasonthink.blogbus.com/logs/72376529.html

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 這么老的文章 但寫的很到位

    來(lái)自浙江 回復(fù)