淺談交互設計規範

當產品規模大了之後就需要多個產品設計師協作完成整個產品,由於不同產品設計師之間的設計理念、設計方法、設計習慣的不同,協作完成的產品往往會導致產品一致性差,質量參差不齊。這個時候會需要一份交互設計規範來規範和指導產品設計,從而保證產品設計的一致性,提升整體產品質量。本文就來說一說交互設計規範應該包含的一些內容:

一、頁面信息規範

頁面信息規範主要指頁面的靜態信息應該遵循的規則,包括:

1.標題規範

用於規定整個產品中所有不同層級不同功能的頁面應該使用的標題的​​規則。

2.新窗口鏈接規範

用於規定頁面鏈接是採用新窗口打開還是本窗口打開的規則。

3.圖片規範

用於規定圖片信息是否帶有alt title值,這些值又取自那裡。

二、交互信息規範

交互提示規範主要用於規定在交互過程中交互的方式及其信息提示,包括:

1.預先信息提示

所有交互進行前需要提供充分給用戶的預先應該知道的提示信息。

a.表單提交類

表單提交的步驟,每個表單項的要求需要給出提示信息。 (如密碼要多少多少位。搜索框鼓勵輸入什麼內容。)

b.謹慎類操作

一個操作對用戶來說需要慎重操作的。如扣除金幣等。需要預先提示。 (如:扣除金幣的操作需要預先提示扣除金幣數目,以及當前金幣是否足夠。等等。)

c.差異化規則

當一個功能的規則與用戶習慣的規則具有一定的差異或比較複雜時,需要給出提示。或者給出幫助鏈接。

2、操作信息提示

所有交互進行中需要提供操作相關的提示。

a.操作確認提示

一個操作涉及數據刪除,等需要謹慎操作的操作需要給出刪除確認提示框。

b.操作錯誤提示

當用戶的操作不符合操作的規則,需要給出操作提示。 (如評論字數為0或超過限製字數,搜索框未輸入內容時提交)

3、結果信息提示

交互進行後給出結果反饋是應該給出適當的提示

a.查詢類結果

任何信息列表、查詢結果,當對應信息無結果的時候需要給出有無結果狀態提示。

b.保存類結果

一個表單是用戶提交保存數據的。如設置個人資料。提交保存後需要給出提示。成功綠色、失敗紅色、普通灰色。

c.附加類結果

一個表單是對其他數據進行附加的,如評論等。提交成功後應直接跳轉到操作產生的結果展示部分。 (如提交評論後應該直接展示給用戶他提交的評論)

三、通用控件規範

當有一些功能會被多個模塊復用的時候(如標準評論框、標準好友選擇器等),需要把這些功能提煉出來設計成通

用控件被多個模塊共用。

有了頁面信息規範、交互信息規範、通用控件規範就能保證頁面信息的一致、交互方式及提示的一致、通用功能模塊一致。從而保證產品的一致性,並提高產品質量。

先寫這些歡迎補充。

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.