最近幾個(gè)朋友問我:產(chǎn)品都要做些什么呀逼肯?Axure應(yīng)該怎么學(xué)呀?甚至朋友圈都有人在曬買的最新版Axure使用教程篮幢,賣力的在學(xué)怎么做動(dòng)效。
這是產(chǎn)品小白入門者常有的誤區(qū)之一:做產(chǎn)品三椿,就是會(huì)用Axure。于是前期花了很多精力學(xué)習(xí)怎么使用這個(gè)工具(我當(dāng)年也是搜锰。。耿战。)設(shè)計(jì)界有名的雞湯句很應(yīng)景:不會(huì)用工具時(shí),工具是最重要的剂陡;會(huì)用工具時(shí)租冠,工具是最不重要的。
當(dāng)然顽爹,工具雖那么重要,但不管怎么樣镜粤,作為產(chǎn)品設(shè)計(jì)師,還是需要掌握部分工具肉渴,用來提高工作效率,只是建議大家無需花費(fèi)太多時(shí)間在學(xué)習(xí)工具本身上带射。
所以,我們可以一起來看下窟社,產(chǎn)品在工作過程中,最常要做啥灿里?需要用啥工具
場(chǎng)景一:梳理產(chǎn)品框架
推薦工具:xmind(思維導(dǎo)圖工具)
做思維導(dǎo)圖是很多工作都經(jīng)常用的,比如:做產(chǎn)品框架時(shí)匣吊,可以將產(chǎn)品層級(jí)清晰的羅列出來;做項(xiàng)目管理時(shí)色鸳,方便的分解待辦事項(xiàng)和任務(wù)等,總之命雀,思維導(dǎo)圖能幫助產(chǎn)品清理思路蒜哀,思考問題時(shí)凡怎,能窮舉相關(guān)的問題。
思維導(dǎo)圖工具用過xmind赊抖、mindmanager,最后發(fā)現(xiàn)xmind是用起來最順手氛雪,界面簡(jiǎn)潔,強(qiáng)大的中文版,基本沒有任何學(xué)習(xí)成本浴鸿。
場(chǎng)景二:梳理業(yè)務(wù)流程
推薦(基礎(chǔ))工具:xmind、Axure花竞,keynote
產(chǎn)品經(jīng)理在梳理業(yè)務(wù)流程時(shí),需要將用戶在某個(gè)場(chǎng)景下的操作流程畫出來掸哑,產(chǎn)物也叫業(yè)務(wù)流程圖。
在畫流程圖時(shí)苗分,是從用戶的角度來考慮的。比如常見的買家下單的場(chǎng)景:找到需要的產(chǎn)品-立即付款-選擇產(chǎn)品規(guī)格-填寫收貨信息-付款-等待賣家發(fā)貨摔癣。這看似簡(jiǎn)單的場(chǎng)景,產(chǎn)品經(jīng)理除了考慮最正常的情況择浊,還需要考慮特殊情況。比如近她,如果用戶選擇產(chǎn)品規(guī)格后叉瘩,就不再往下操作了粘捎,流程會(huì)變成怎樣危彩?若付款時(shí),余額不夠怎么辦汤徽?而這些情況都可以在流程圖中表達(dá)清楚。
流程圖工具我自己使用最多的是Axure谒府,上手成本幾乎為0(忽略下方畫的很丑的流程圖)
場(chǎng)景三:腦海中的想法畫出來
推薦工具:筆和紙
設(shè)計(jì)產(chǎn)品時(shí),腦海中已經(jīng)有了框架后完疫,不用著急馬上使用線上版工具畫出來泰鸡,最簡(jiǎn)單高效的方法是,直接拿起紙和筆壳鹤, 繪制出簡(jiǎn)單的線框草圖。一方面你的想法能以最快的方式呈現(xiàn)出來,另一方面余舶,畫出來的東西更容易修改啊鸭,調(diào)整成本更低匿值。
場(chǎng)景四:畫原型圖(低保真)
推薦工具:Axure、mockplus
產(chǎn)品的場(chǎng)景和流程梳理好后挟憔,接下來需要將完整的原型圖畫出來。
在大公司曲楚,產(chǎn)品經(jīng)理只需要畫基礎(chǔ)的線框圖,再將其給交互設(shè)計(jì)師龙誊。交互設(shè)計(jì)出低保真原型后抚垃,再跟視覺設(shè)計(jì)師溝通趟大,最終高保真產(chǎn)出物來自于視覺設(shè)計(jì)師,之后給技術(shù)對(duì)接逊朽。
但大多數(shù)創(chuàng)業(yè)公司或產(chǎn)品設(shè)計(jì)團(tuán)隊(duì)比較小的公司,產(chǎn)品經(jīng)理需要兼顧交互設(shè)計(jì)的工作叽讳,于是,線框圖不能抽象岛蚤,每個(gè)頁面的邏輯、跳轉(zhuǎn)涤妒、控件等幾乎都需要考慮到(交互的工作基本都做了)单雾。
這時(shí)候可以拿出你憋了很久的Axure啦她紫。Axure很強(qiáng)大,最厲害的是贿讹,使用起來還很簡(jiǎn)單。半小時(shí)簡(jiǎn)單學(xué)習(xí)就能完全上手围详,可以參考《小白學(xué)習(xí)產(chǎn)品設(shè)計(jì)入門》這篇文章中祖屏,我當(dāng)時(shí)臨摹了幾個(gè)原型后,就完全順溜了买羞。
除了Axure,推薦另外一個(gè)原型工具:mockplus畜普。尤其適合創(chuàng)業(yè)公司做敏捷開發(fā),設(shè)計(jì)非常人性化吃挑,這個(gè)工具本身有很多控件,直接使用就好舶衬。因?yàn)槠浣换?dòng)作只需要將某個(gè)按鍵拖動(dòng)到落地頁,就能把交互動(dòng)作做出來(相比Axure逛犹,簡(jiǎn)單太多),非常適合做演示虽画。
場(chǎng)景五:高保真原型
推薦工具:sketch
高保真原型就是最終跟技術(shù)對(duì)接的交付物了,如果廠內(nèi)有視覺設(shè)計(jì)師码撰,可以忽略這一段渗柿。
如果公司沒有視覺設(shè)計(jì)師脖岛,產(chǎn)品需要兼顧UI;或是自己想裝逼一把鸡岗,把粗暴的線框圖做的更規(guī)范,做出很好的視覺效果轩性,那么狠鸳,推薦使用sketch。這個(gè)工具非常簡(jiǎn)單(當(dāng)年我發(fā)誓一輩子不學(xué)ps件舵,最終被sketch征服)卸察,基本邏輯跟Axure很像铅祸,適合做網(wǎng)頁和移動(dòng)端的設(shè)計(jì)合武,但不適合做圖像設(shè)計(jì)(要做圖還得靠萬能的ps)
注意:sketch不適合在產(chǎn)品規(guī)劃初期使用涡扼,產(chǎn)品設(shè)計(jì)階段,需要梳理產(chǎn)品的架構(gòu)和功能吃沪,一定要用前面推薦的方法和工具,不要一上來就使用sketch畫高保真圖形票彪,這樣會(huì)陷入摳細(xì)節(jié)而不注重整體的惡性循環(huán)红淡,產(chǎn)出和效率都會(huì)非常低下降铸。
工欲善其事必先利其器,是每個(gè)產(chǎn)品設(shè)計(jì)師都懂的道理推掸。但回歸本質(zhì),要做到『利其器』终佛,必定是在不斷的實(shí)踐中才能做到的。所以铃彰,與其單獨(dú)學(xué)習(xí)使用工具本身绍豁,建議多臨摹多做項(xiàng)目牙捉,不用多久,工具自然會(huì)為你所用邪铲。