建站常識
淺談交互設計規(guī)范
2010-08-10 16:03:00
當產品規(guī)模大了之后就需要多個產品設計師協(xié)作完成整個產品,由于不同產品設計師之間的設計理念、設計方法、設計習慣的不同,協(xié)作完成的產品往往會導致產品一致性差,質量參差不齊。
這個時候會需要一份交互設計規(guī)范來規(guī)范和指導產品設計,從而保證產品設計的一致性,提升整體產品質量。
本文就來說一說交互設計規(guī)范應該包含的一些內容:
一、頁面信息規(guī)范
頁面信息規(guī)范主要指頁面的靜態(tài)信息應該遵循的規(guī)則,包括:
1.標題規(guī)范
用于規(guī)定整個產品中所有不同層級不同功能的頁面應該使用的標題的規(guī)則。
2.新窗口鏈接規(guī)范
用于規(guī)定頁面鏈接是采用新窗口打開還是本窗口打開的規(guī)則。
3.圖片規(guī)范
用于規(guī)定圖片信息是否帶有alt title值,這些值又取自那里。
二、交互信息規(guī)范
交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示,包括:
1.預先信息提示
所有交互進行前需要提供充分給用戶的預先應該知道的提示信息。
a.表單提交類
表單提交的步驟,每個表單項的要求需要給出提示信息。(如密碼要多少多少位。搜索框鼓勵輸入什么內容。)
b.謹慎類操作
一個操作對用戶來說需要慎重操作的。如扣除金幣等。需要預先提示。(如:扣除金幣的操作需要預先提示扣除金幣數(shù)目,以及當前金幣是否足夠。等等。)
c.差異化規(guī)則
當一個功能的規(guī)則與用戶習慣的規(guī)則具有一定的差異或比較復雜時,需要給出提示?;蛘呓o出幫助鏈接。
2、操作信息提示
所有交互進行中需要提供操作相關的提示。
a.操作確認提示
一個操作涉及數(shù)據(jù)刪除,等需要謹慎操作的操作需要給出刪除確認提示框。
b.操作錯誤提示
當用戶的操作不符合操作的規(guī)則,需要給出操作提示。(如評論字數(shù)為0或超過限制字數(shù),搜索框未輸入內容時提交)
3、結果信息提示
交互進行后給出結果反饋是應該給出適當?shù)奶崾?BR>a.查詢類結果
任何信息列表、查詢結果,當對應信息無結果的時候需要給出有無結果狀態(tài)提示。
b.保存類結果
一個表單是用戶提交保存數(shù)據(jù)的。如設置個人資料。提交保存后需要給出提示。成功綠色、失敗紅色、普通灰色。
c.附加類結果
一個表單是對其他數(shù)據(jù)進行附加的,如評論等。提交成功后應直接跳轉到操作產生的結果展示部分。(如提交評論后應該直接展示給用戶他提交的評論)
三、通用控件規(guī)范
當有一些功能會被多個模塊復用的時候(如標準評論框、標準好友選擇器等),需要把這些功能提煉出來設計成通
用控件被多個模塊共用。
有了頁面信息規(guī)范、交互信息規(guī)范、通用控件規(guī)范就能保證頁面信息的一致、交互方式及提示的一致、通用功能模塊一致。從而保證產品的一致性,并提高產品質量。
先寫這些歡迎補充。
原文:http://jasonthink.blogbus.com/logs/72376529.html
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網站設計的五大特點
- [2023-04-27 14:05:55] Html 5 響應式網站設計制作
- [2023-04-10 11:07:30] 網站建設制作流程知多少
- [2022-10-14 10:11:30] 做網站設計應該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產品”思維搭建網站!
- [2022-08-08 09:12:57] 一家公司的網站應該有哪些板塊內容?
- [2022-08-05 09:28:06] 企業(yè)網站建設為什么要設置新聞板塊?
- [2022-07-04 15:58:06] 網站首頁設計的好看,這個網站就成功了一大半!
- [2022-05-20 09:34:19] 網站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應該如何選擇一家水平高的網站建設公司
- [2022-05-17 11:27:01] 高端網站定制與模板化網站應該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網站設計都有哪些新的趨勢?
延伸閱讀
- [2009-10-29 18:26:00] 關于bing的交互設計
- [2010-11-11 08:26:00] 瞬間的快感之細節(jié)提升用戶滿意度
- [2010-04-10 21:49:00] 創(chuàng)造設計中的優(yōu)雅與節(jié)奏
- [2009-11-13 14:24:00] 交互設計小貼士
- [2010-03-23 08:35:00] 淺談白社會交互設計的創(chuàng)新(三)
- [2009-06-04 08:18:00] 微軟Bing交互設計與用戶體驗
- [2009-10-21 08:10:00] 設計師挖掘用戶需求淺談
- [2009-06-10 09:03:00] 以情感為中心的設計(1)
- [2010-11-01 16:39:00] 交互設計師五大關鍵素養(yǎng)
- [2010-06-29 15:19:00] 妖文化凝粹——QQ西游官網改版紀實
- [2009-06-12 08:33:00] 交互設計師是一個沒有前途的工作?(譯)
- [2009-06-09 22:40:00] 值得借鑒的白社會的交互設計