產(chǎn)品設(shè)計(jì)師常用工具及使用場(chǎng)景

最近幾個(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í)成本浴鸿。

思維導(dǎo)圖-xmind

場(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(忽略下方畫的很丑的流程圖)

流程圖-Axure

場(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

除了Axure,推薦另外一個(gè)原型工具:mockplus畜普。尤其適合創(chuàng)業(yè)公司做敏捷開發(fā),設(shè)計(jì)非常人性化吃挑,這個(gè)工具本身有很多控件,直接使用就好舶衬。因?yàn)槠浣换?dòng)作只需要將某個(gè)按鍵拖動(dòng)到落地頁,就能把交互動(dòng)作做出來(相比Axure逛犹,簡(jiǎn)單太多),非常適合做演示虽画。

原型圖-mockplus

場(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

注意: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ì)為你所用邪铲。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市带到,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌揽惹,老刑警劉巖被饿,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件狭握,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡疯溺,警方通過查閱死者的電腦和手機(jī)哎垦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門恃疯,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人澡谭,你說我怎么就攤上這事⊥芙保” “怎么了潘酗?”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵雁仲,是天一觀的道長(zhǎng)仔夺。 經(jīng)常有香客問我,道長(zhǎng)缸兔,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任惰蜜,我火速辦了婚禮,結(jié)果婚禮上受神,老公的妹妹穿的比我還像新娘。我一直安慰自己鼻听,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開白布撑碴。 她就那樣靜靜地躺著,像睡著了一般醉拓。 火紅的嫁衣襯著肌膚如雪伟姐。 梳的紋絲不亂的頭發(fā)上廉嚼,一...
    開封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音怠噪,去河邊找鬼杜跷。 笑死矫夷,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的双藕。 我是一名探鬼主播,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼忧陪,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了近范?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤评矩,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后斥杜,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體虱颗,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡忘渔,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了畦粮。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡锈玉,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出义起,到底是詐尸還是另有隱情,我是刑警寧澤默终,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站齐蔽,受9級(jí)特大地震影響两疚,放射性物質(zhì)發(fā)生泄漏含滴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一谈况、第九天 我趴在偏房一處隱蔽的房頂上張望递胧。 院中可真熱鬧,春花似錦赡茸、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽华蜒。三九已至辙纬,卻和暖如春友多,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背域滥。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來泰國(guó)打工纵柿, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留启绰,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓委可,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親着倾。 傳聞我的和親對(duì)象是個(gè)殘疾皇子拾酝,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容