本節簡介:講解產品研發的流程、交互設計在流程中所處的位置、交互設計師需要產出的內容,以及交互設計師的職業定位、行業需求等。
本節課同學們做的筆記 點擊播放按鈕可自動定位到對應時間進行播放
交互原型:需求梳理,告訴程序員內容是什么,告訴UI設計師要做的是什么
探索需求:管理層的戰略定位--產品經理的商業目標--產品經理轉化成需求文檔。交互設計在此階段可以和產品經理做用戶畫像。
流程:探索需求--交互原型-產品研發-測試優化-上線發布
UI偏重視覺設計 UE 偏重用戶體驗 葉片的跳轉(長度)是否合理 產品經理也是繪制原型 功能是夠得到滿足 UE扎根與產品本身 產品經理 產品的運營與商業價值
流程圖是 線框文字 帶箭頭 戰略層(用戶需求 滿足)范圍層 (我們的產品從哪里入手滿足客戶的需求 ) 結構層 框架層 表現層 PM(產品經理)UX、UE用戶體驗(交互設計師)
梳理產品需求(劃分層次)制定菜單、流程 3.建框架,同時 UI界面設計 繪制流程圖 4:測試優化,流程是否走得通,我們的交互效果是不是走得通(交互原型最為重要),
什么是交互設計:一、PM戰略層:用戶需求;二、PM范圍層:功能、內容; 三、UX/UE結構層:信息架構; 四、UX/UE框架層:交互原型; 五、UI表現層:界面設計
交互設計師產出:1、信息架構 2、流程圖 3、原型圖
交互設計師到測試優化階段應該從交互的位置思考交互的測試。
交互設計師為公司節省時間:和產品經理深入溝通完,告訴程序員有哪些布局,有哪些頁面-搭建框架;UI-ui界面設計;同步進行。
探索需求:1、需要創造什么樣的產品?產品定位;2、轉化產品需求文檔;3、和產品經理一起進行用戶畫像(目標用戶是誰?);
產品研發流程:探索需求-交互原型-產品研發-測試優化-上線發布
Sketch; MindNode(XMind)信息架構; OmniGraffle(visio)繪制流程圖 ;Principle
信息架構流程圖-線框原型(低保真原型)-高保真原型-可交互原型(微交互)-自我提升
sketch principle only for Mac