萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 交互設計的規范

交互設計的規范

   交互設計,又稱互動設計,是定義、設計人造系統的行為的設計領域。交互設計在於定義人造物的行為方式(即人工制品在特定場景下的反應方式)相關的界面。

  設計規范

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

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

  頁面規范

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

  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設計師應該嚴格按照流程,完成每個環節的職責,確保流程准確有效的得到執行,從而提高產品的可用性,提升產品質量。

copyright © 萬盛學電腦網 all rights reserved