這個時候會需要一份交互設(shè)計規(guī)范來規(guī)范和指導(dǎo)產(chǎn)品設(shè)計,從而保證產(chǎn)品設(shè)計的一致性,提升整體產(chǎn)品質(zhì)量。
本文就來說一說交互設(shè)計規(guī)范應(yīng)該包含的一些內(nèi)容:
一、頁面信息規(guī)范
頁面信息規(guī)范主要指頁面的靜態(tài)信息應(yīng)該遵循的規(guī)則,包括:
1.標(biāo)題規(guī)范
用于規(guī)定整個產(chǎn)品中所有不同層級不同功能的頁面應(yīng)該使用的標(biāo)題的規(guī)則。
2.新窗口鏈接規(guī)范
用于規(guī)定頁面鏈接是采用新窗口打開還是本窗口打開的規(guī)則。
3.圖片規(guī)范
用于規(guī)定圖片信息是否帶有alt title值,這些值又取自那里。
二、交互信息規(guī)范
交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示,包括:
1.預(yù)先信息提示
所有交互進行前需要提供充分給用戶的預(yù)先應(yīng)該知道的提示信息。
a.表單提交類
表單提交的步驟,每個表單項的要求需要給出提示信息。(如密碼要多少多少位。搜索框鼓勵輸入什么內(nèi)容)
b.謹(jǐn)慎類操作
一個操作對用戶來說需要慎重操作的。如扣除金幣等。需要預(yù)先提示。(如:扣除金幣的操作需要預(yù)先提示扣除金幣數(shù)目,以及當(dāng)前金幣是否足夠。等等)
c.差異化規(guī)則
當(dāng)一個功能的規(guī)則與用戶習(xí)慣的規(guī)則具有一定的差異或比較復(fù)雜時,需要給出提示。或者給出幫助鏈接
2、操作信息提示
所有交互進行中需要提供操作相關(guān)的提示
a.操作確認(rèn)提示
一個操作涉及數(shù)據(jù)刪除,等需要謹(jǐn)慎操作的操作需要給出刪除確認(rèn)提示框
b.操作錯誤提示
當(dāng)用戶的操作不符合操作的規(guī)則,需要給出操作提示。(如評論字?jǐn)?shù)為0或超過限制字?jǐn)?shù),搜索框未輸入內(nèi)容時提交
3、結(jié)果信息提示
交互進行后給出結(jié)果反饋是應(yīng)該給出適當(dāng)?shù)奶崾?P>a.查詢類結(jié)果
任何信息列表、查詢結(jié)果,當(dāng)對應(yīng)信息無結(jié)果的時候需要給出有無結(jié)果狀態(tài)提示
b.保存類結(jié)果
一個表單是用戶提交保存數(shù)據(jù)的。如設(shè)置個人資料。提交保存后需要給出提示。成功綠色、失敗紅色、普通灰色
c.附加類結(jié)果
一個表單是對其他數(shù)據(jù)進行附加的,如評論等。提交成功后應(yīng)直接跳轉(zhuǎn)到操作產(chǎn)生的結(jié)果展示部分。(如提交評論后應(yīng)該直接展示給用戶他提交的評論)
三、通用控件規(guī)范
當(dāng)有一些功能會被多個模塊復(fù)用的時候(如標(biāo)準(zhǔn)評論框、標(biāo)準(zhǔn)好友選擇器等),需要把這些功能提煉出來設(shè)計成通
用控件被多個模塊共用
有了頁面信息規(guī)范、交互信息規(guī)范、通用控件規(guī)范就能保證頁面信息的一致、交互方式及提示的一致、通用功能模塊一致。從而保證產(chǎn)品的一致性,并提高產(chǎn)品質(zhì)量。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計網(wǎng)(CNDESIGN)會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責(zé)任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計網(wǎng)