交互設計學習

揭開交互設計的面紗

• 什么是交互設計?
  交互設計要明確產品的任務需求和目標,通過系統的規劃,梳理產品的邏輯關系,做出漂亮的交互設計流程,同時通過設計測試,優化產品的可用性,最后提升用戶體驗

• 企業崗位的要求
  需要掌握的知識

  • 掌握需求分析的能力
  • 獨立開展信息架構的設計
  • 開展交互設計原型
  • 做出流暢的設計流程
  • 對交互設計做出測試評估
  • 掌握一定的用戶體驗知識

需要掌握的工作能力

• 對交互設計具有濃厚興趣
• 縝密的邏輯思
• 維能力
• 溝通協調能力
• 表達能力
• 熟練掌握一定的設計技術
• 熟悉相關的工作崗位

互聯網產品團隊構成和產品開發流程

開發流程

• 第一步:確定目標需求挖掘

介入角色:產品經理、用戶研究員
主要工作:去市場上挖掘需求,挖掘我們到底能做什么,以及這個產品大致會有怎樣的商業模式
具體工作:用戶調研、競品分析、分析線下商業模式
產出內容:分析報告為主,用樹狀結構圖來梳理出產品大概包含的功能

• 第二步:定義產品

介入角色:產品經理、交互設計師
主要工作:在明確了產品要服務哪方用戶,到底要解決怎么樣的用戶需求以及到底要運用怎么樣的商業模式的情況下,更明確地去定義產品,產品表現形式,大致功能,定義完成后輸出樹狀圖等等內容
具體工作: 用產品功能圖來描繪出產品具體的需要哪些功能
輸出內容:產品功能圖

• 第三步:交互設計和UI設計

介入角色:交互設計師和視覺設計師
主要工作:根據樹狀圖的功能分析圖來設計,其中交互設計比UI設計更前置,交互UI相互影響相互穿插,共同的設計階段
具體工作:先快速做出紙面的線框圖,跟產品經理確認功能的完善后,做一些交互的原型,然后進入視覺設計拿到線框圖進行設計,產出視覺稿,為了便于開發需寫出樣式的詳情信息包括間距等
產出內容:視覺稿和相關樣式說明以及一些切圖工具

• 第四步:產品開發

介入角色:前端工程師、開發工程師
主要工作:根據功能需求進行開發,進入代碼階段(大致)

• 第五步:測試優化

介入角色:用戶研究員,QA等其他人員
主要工作:
①代碼性能的測試優化
②用戶體驗層面的優化,確定是否完成了產品前期的用戶體驗需求(交互設計介入)

• 第六步:正式發布

介入角色:運營、運維、產品經理
主要工作:尋找產品在線上發布之后會有哪些問題,并且在發布以后的過程中尋找可以優化的點,做出后續的版本迭代,然后讓產品進入良性循環流程

交互設計師在團隊中的角色分析

(1)上游:產品經理
從產品經理接到產品需求,來指導我們要完成怎樣的交互稿
相似點:都要做合作完成需求的分析
區別:產品經理更多要做的是需求討論和用戶調研,交互設計則需要左移個做一些更落地的事情,把需求落地,實現整個需求的功能流程
(2)下游:UI和開發
產出交互原型圖和交互設計的文檔,UI根據它完成視覺稿,前端開發根據交互文檔所書寫的規則書寫頁面結構,交互設計需要審核視覺稿,是否達到了用戶體驗目標,隨后需要對開發出來的產品做一個交互的走查,即介入測試優化階段.

交互設計關系著用戶體驗

• 什么是用戶體驗?
  ISO官方定義:用戶對于使用或期望使用的產品、系統或者服務的主觀感受和反應

• 影響用戶體驗的因素:

  • 系統:運行環境
  • 用戶:使用產品的用戶和對象
  • 環境:自然環境和社會環境

• 影響用戶體驗層次:

  • 表現層
  • 框架層 :布局設計
  • 結構層 :功能,信息層面設計
  • 范圍層
  • 戰略層