IT產品原型與UI設計之一

參考鏈接:https://www.sohu.com/a/304632326_201105

一般互聯網公司會有幾個部門劃分:

1、產品部門(產品經理、產品專員)

負責產品調研,產品方案策劃,產品原型圖設計,和技術開發對接,後續可能和運營部門對接。

2、設計部門(GUI設計師、交互設計師、前端工程師)

負責產品視覺設計,交互設計,前端佈局。有一些公司會把前端這一塊劃分到開發部門,理由是前端的工作和程序開發一樣,都是碼代碼,設計部門就是單純的只管視覺設計方面。但是這種說法其實不太正確,前端的代碼實現和後臺的程序開發,雖然都是碼代碼,但是運用的技術是不一樣的,實現的功能和效果也是不相同的,所以前端工程師劃分到設計部門會更合理一些。

3、研發部門(構架工程師、程序開發)

產品構架設計,數據庫設計,前後臺編碼設計,後期的運維,網絡安全。

4、測試部門(測試專員)

測試程序中的bug,編寫測試計劃、測試用例及測試報告等文檔,優化流程。

5、市場部門(銷售、渠道、公關、品牌)

產品企劃策略,促銷活動的策劃及組織,品牌規劃和品牌的形象建設,市場廣告推廣活動和公關活動。

6、運營部門(客服、運維)

SEO/SEM優化推廣,平臺活動策劃(線上線下),廣告投放,客戶關係管理,數據分析。

UI設計的幾個大步驟:

一、需求梳理、分析

這階段產品經理、UI設計師、包括技術工程師會一同作大量的討論,而且主要討論的是流程和主要功能,因此手畫故事版最快最方便並易於修改的。此環節要敲定userflow,用戶流程及其中的關鍵步驟,每一步驟都是一個主要界面。之後產品經理繪製紙質版低保真交互原型圖(可借用專業的模板本和工具)

二、關鍵界面線框圖(可不帶交互功能)

初步產品功能需求梳理清楚之後,產品經理持續跟進,反覆溝通,在確定的用戶流程中,選出幾個關鍵的,有代表性的步驟,做1:1細化線框圖。此環節要確定關鍵界面裏的UI元素和佈局,以及全局的佈局排版風格。

三、關鍵界面視覺設計

此環節UI設計師會做關鍵界面的整體視覺設計,嘗試不同風格、顏色的搭配,UI元素的運用,最終確定產品的視覺設計風格。

四、 全部界面線框圖(帶交互功能)

產品經理完成1:1帶交互和流程的全部界面線框圖設計並確認。

界面線框圖(爲交互功能添加釋義和說明。)

線框流程圖

五、 全部界面視覺設計

UI設計師輸出全部界面的視覺設計圖,並確認。

六、 界面標註、切圖

1、在確認全部界面視覺稿以後,首先對每個界面進行標註,標註圖移交前端工程師。標註圖(像素大廚、藍湖等軟件)

2、界面切圖,移交前端工程師

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章