互動設計的規範

 　　互動設計，又稱互動設計，是定義、設計人造系統的行為的設計領域。互動設計在於定義人造物的行為方式(即人工製品在特定情境下的反應方式)相關的介面。

　　設計規範

　　當產品規模大了之後就需要多個產品設計師協作完成整個產品，由於不同產品設計師之間的設計理念、設計方法、設計習慣的不同，協作完成的產品往往會導致產品一致性差，品質參差不齊。

　　這個時候會需要一份互動設計規範來規範和指導產品設計，從而保證產品設計的一致性，提升整體產品品質。

　　頁面規範

　　頁面資訊規範主要指頁面的靜態資訊應該遵循的規則，包括:

　　1.標題規範

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

　　2.新視窗連結規範

　　用於規定頁面連結是採用新視窗開啟還是本視窗開啟的規則。

　　3.圖片規範

　　用於規定圖片資訊是否帶有alt title值，這些值又取自那裡。

　　資訊規範

　　互動提示規範主要用於規定在互動過程中互動的方式及其資訊提示，包括:

　　1.預先資訊提示

　　所有互動進行前需要提供充分給使用者的預先應該知道的提示資訊。

　　a.表單提交類

　　表單提交的步驟，每個表單項的要求需要給出提示資訊。(如密碼要多少多少位。搜尋方塊鼓勵輸入什麼內容。)

　　b.謹慎類操作

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

　　c.差異化規則

　　當一個功能的規則與使用者習慣的規則具有一定的差異或比較複雜時，需要給出提示。或者給出協助連結。

　　2、操作資訊提示

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

　　a.操作確認提示

　　一個操作涉及資料刪除，等需要謹慎操作的操作需要給出刪除確認提示框。

　　b.操作錯誤提示

　　當使用者的操作不符合操作的規則，需要給出操作提示。(如評論字數為0或超過限制字數，搜尋方塊未輸入內容時提交)

　　3、結果資訊提示

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

　　a.查詢類結果

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

　　b.儲存類結果

　　一個表單是使用者提交儲存資料的。如設定設定檔。提交儲存後需要給出提示。成功綠色、失敗紅色、普通灰色。

　　c.附加類結果

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

　　控制項規範摺疊

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

　　用控制項被多個模組共用。

　　有了頁面資訊規範、互動資訊規範、通用控制項規範就能保證頁面資訊的一致、互動方式及提示的一致、通用功能模組一致。從而保證產品的一致性，並提高產品品質。

　　設計流程

　　1、分析階段

　　需求分析、使用者情境類比、競品分析(聆聽使用者心聲)。

　　需求分析:對於一個產品來說，必然有對使用者需求的分析內容，互動設計更多的是從MRD與PRD獲得，或者從產品需求評審會議上得到需求分析的內容，當然可以直接與產品經理交流獲得相關產品需求。如果說設計原則是所有設計的出發點的話，那麼使用者需求就是本次設計的出發點。

　　使用者情境類比:好的設計建立在對使用者深刻瞭解之上。因此使用者使用情境分析就很重要，瞭解產品的現有互動以及使用者使用產品習慣等，但是設計人員在分析的時候一定要站在使用者角度思考:如果我是使用者，這裡我會需要什麼。

　　競品分析(聆聽使用者心聲):競爭產品能夠上市並且被UI設計者知道，必然有其長處。這就是所謂三人行必有我師的意思。每個設計者的思維都有局限性，看到別人的設計會有觸類旁通的好處。當市場上存在競品時，去聽聽使用者的評論，哪怕是罵聲都好，別沉迷於自己的設計中，讓真正的使用者說話。

　　輸入物:MRD、PRD、市場調查報告、競品分析文檔(或其一或全部)

　　輸出物:設計初稿(或許只是幾個簡單的介面)

　　2、設計階段

　　設計方法採用面向情境、面向事件驅動和物件導向的設計方法。面向情境是針對該產品使用場所等類比，類比使用者在多種情況下產品使用的類比。面向事件驅動則是對產品響應與觸發事件的設計，一個提示框，一個提交按鈕……這類都是對事件驅動的設計。物件導向，產品面向的使用者不同對於產品的設計要求不同，不同年齡層的使用者對於產品的要求不同，產品的使用者定位將對UI設計師影響因素。

　　輸入物:互動文檔(高保真原型)

　　輸出物:設計終稿(所有的設計稿)

　　3、配合

　　UI設計師交出產品設計圖時，更多的配合開發人員、測試人員進行截圖配合。配合開發人員對於PSD格式的圖片切圖操作，對於不同的開發人員的要求，切圖方式也有不同，UI設計師需配合相關的開發人員進行最適合的切圖配合。

　　輸入物:設計終稿

　　輸出物:設計修改稿(設計稿切片)

　　4、驗證

　　產品出來後，UI設計師需對產品的效果進行驗證，與當初設計產品時的想法是否一致，是否可用，使用者是否接受，以及與需求是否一致。都需要UI設計師驗證，UI設計師是將產品需求用圖片展現給使用者最直接的經手人，對於產品的理解會更加深刻。

　　輸入物:產品

　　輸出物:產品(面向使用者最終版本)

　　產品UI設計中夾雜著許多設計原則要求，統一公司UI設計流程，使UI設計師參與到產品設計整個環節中來，對產品的易用性進行全流程負責，使UI設計的流程正常化，保證UI設計流程的可操作性。UI設計師應該分析公司產品的特點，制定符合產品生命週期的UI設計流程。每個產品的生命週期中，UI設計師應該嚴格按照流程，完成每個環節的職責，確保流程準確有效得到執行，從而提高產品的可用性，提升產品品質。