本節簡介:講解產品研發的流程、交互設計在流程中所處的位置、交互設計師需要產出的內容,以及交互設計師的職業定位、行業需求等。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
探索需求--交互原型---產品研發---測試優化---上線發布
可以根據demo進行研發及測試樣本,用于檢查和追蹤
優秀的交互設計可以提前進入研發階段,先給程序員看原型稿子,這樣UI和代碼研發可以同時進行
1.把產品需求進行梳理(沒層級菜單功能是什么、流程是什么、每頁什么功能)2.原型圖(布局、內容)
UI 視覺 UX/UE框架、結構 PM(產品經理)戰略
交互≠UI設計;交互≠產品經理;交互≠原型設計;交互≠動效設計
【PM】——戰略層、范圍層;【UX/UE】——結構層、框架層;【UI】——表現層
1.最底層:戰略層——【用戶需求】2.范圍層——【功能、內容】3.結構層——【信息架構】4.框架層——【交互原型】5.表現層——【界面設計】
交互設計:APP從0到1要經過【探索需求】、【交互原型】、【產品研發】、【測試優化】、【上線發布】
xmind/MinManager(思維導圖)、Sketch(高保真原型圖)、VISIO代替OmniGraffle(流程圖)、Pinciple(可交互原型,與SK無縫連接,輸出動態交互文件)
跟產品經理一起用戶畫像。定位目標用戶,有針對性。梳理產品需求,信息架構的疏離,定位第一層級的菜單,每個菜單下面的功能以及正常流程和異常流程;繪制原型圖(程序員搭框架,ui出界面兩者同步進行);針對測試demo進行檢查(流程是否走得通,需要的交互效果是否達到)
交互設計:APP從零到1要經過探索需求、交互原型、產品研發、測試優化、上線發布
MindNode(蠻鬧特)思維導圖軟件,代替軟件有Xmind/mindmanager
xmind/MinManager(思維導圖)、Sketch(高保真原型圖)、VISIO代替OmniGraffle(流程圖)、Pinciple(可交互原型,與SK無縫連接,輸出動態交互文件)
跟產品經理一起用戶畫像。定位目標用戶,有針對性。梳理產品需求,信息架構的疏離,定位第一層級的菜單,每個菜單下面的功能以及正常流程和異常流程;繪制原型圖(程序員搭框架,ui出界面兩者同步進行);針對測試demo進行檢查(流程是否走得通,需要的交互效果是否達到)