作為一名產(chǎn)品經(jīng)理,項目前期規(guī)劃時,一般都需要繪制原型進行功能,交互設(shè)計。這時就需要用到一些工具或者網(wǎng)站輔助來幫助完成原型的設(shè)計。每個產(chǎn)品人使用的工具或許都會根據(jù)工作環(huán)境而有所不同。以下我將把自己在平時和工作中使用的工具分享給大家。
1.制作流程圖網(wǎng)站
在公司繪制流程圖時,一般使用耳熟能詳?shù)腣isio,基礎(chǔ)的泳道圖,業(yè)務(wù)流程圖都足夠。而私下進行一些產(chǎn)品分析時,我會使用Processon,這是一款線上流程圖制作軟件,隨時隨地可以進行查看或者修改,用起來也挺方便,樣式也較Visio更加精致。需要畫流程圖的話就各取所需了。

2.腦圖
產(chǎn)品設(shè)計初期,一般都會使用腦圖制作工具整理產(chǎn)品結(jié)構(gòu)圖或產(chǎn)品信息架構(gòu)圖,一般都會使用Xmind或者Mindmanager。辦公我用的是Mindmanager,對于畫腦圖來說是足夠的了。私下則會用前面推薦的Processon,也是簡單易上手。
3.交互靈感
雖然平時會用很多app,但難免遇到書到用時方恨少的時候,交互效果不太理想時,便會登錄www.cocoachina.com或者juejin.im進行交互效果的學(xué)習(xí)。兩個網(wǎng)站雖是給技術(shù)看的,但是并不妨礙通過關(guān)鍵字搜索來尋找想要的交互效果的示例。


4.Axure元件庫?
畫原型圖,目前用比較多的工具有Auxre,Sketch和墨刀。目前我只使用Axure,一開始使用時,元件庫里的內(nèi)容很少,類似刪除按鈕這種原件還會花很久時間自己去做,后來為了找UI靈感,發(fā)現(xiàn)了www.iconfont.cn這個網(wǎng)站,是阿里爸爸的網(wǎng)站,類似國外的dribble,不同的是,這個可以直接登錄微博下載需要的icon。從此以后,媽媽再也不擔(dān)心原型庫里的icon不夠用了,直接在網(wǎng)站搜索下載以后就可以使用。因為是做原型,不涉及發(fā)表一類,因此也不會涉及版權(quán)這類問題。這個網(wǎng)站大大提高了我畫原型的效率。

我在進行原型設(shè)計到的幾個網(wǎng)站大概就是這些,歡迎大家推薦一些更好的,實用的網(wǎng)站或者工具呀~