一新來小盆友問:“移動產(chǎn)品原型設(shè)計都用啥工具?”
答:“@#¥……&%*”
又問:“能詳細(xì)說下各個工具嗎?我比較一下”
“……”
好吧,誰讓我那么的愛分享而你又是小美女呢
———————正文開始————————
首先,一款優(yōu)秀的移動APP產(chǎn)品原型設(shè)計工具應(yīng)該具備:
①.支持移動端演示(隨時隨地演示給BOSS,廁所&食堂&電梯…以體現(xiàn)我是那么的敬業(yè)——長點工資必備)
②.組件庫(高效復(fù)用,誰用誰知道)
③.可以快速生成全局流程(程序猿看不懂拆解的,給丫的看這個)
④.在線協(xié)作(多個PM狗一起用)
⑤.手勢操作、轉(zhuǎn)場動畫、交互特效…(這些都不需要,留給專業(yè)的交互、視覺,搞那么虛的不如多想想產(chǎn)品流程邏輯做做減法、寫寫xxRD啥的)
這些年,產(chǎn)品狗們折騰過的原型工具:
算是移動App原型設(shè)計神器 ,很多公司在用:quora、sina、豆瓣、36氪、ifanr…
操作輕巧簡單:先用手機(jī)拍下草圖原型(存到POP app內(nèi));然后開始編輯圖片的哪個區(qū)域(按鈕)鏈接到什么頁面,添加跳轉(zhuǎn)鏈接熱區(qū),就可以在iPhone上給小伙伴們演示了,并且POP內(nèi)嵌的交互動作如側(cè)滑、展開、消失等,即可滿足一般的動態(tài)演示需要。不太明白?戳這里移動App原型設(shè)計神器 – POP
Pencil是一款開源的可以用來制作圖表和GUI原型的工具,可以作為一個獨立的app,也可以作為Firefox插件。內(nèi)置模版可以幫你繪制桌面和移動界面中用到的各種各樣的用戶界面,包括流程圖、UI和一般的通用圖形。
通過它內(nèi)置的模板,你可以創(chuàng)建可鏈接的文檔,并輸出成為HTML文件、PNG、OpenOffice文檔、Word文檔、PDF。Pencil Project還包含大量移動app模版。
大家都很熟悉了,這里主要說下移動端的演示,這樣才充分表達(dá)原型意圖。按F5生成原型的時候,在“Mobile/Device”選項中可以設(shè)置適配移動設(shè)備的特殊原型(Axure 6.5以下版本),再用移動設(shè)備訪問你生成的原型鏈接即可(該頁面創(chuàng)建一個桌面快捷方式)。具體操作方法請戳→騰訊CDC交互童鞋寫的 iOS設(shè)備上高效演示APP原型的方法總結(jié)
Proto.io是一個專用的手機(jī)原型開發(fā)平臺——可以構(gòu)建和部署全交互式的移動程序的原型,并且可以模擬出相似的成品。它可以運(yùn)行在大多數(shù)的瀏覽器中,并提供了3個重要的接口:dashboard、編輯器以及播放器。
dashboard可以用來管理項目。編輯器是構(gòu)建原型的環(huán)境,由一組設(shè)計和開發(fā)原型的工具組成,另外還可以構(gòu)建交互。播放器用來觀看原型,并與原型進(jìn)行交互,并提供了相關(guān)工具來標(biāo)注和保留反饋信息。你可以直接在真實的移動設(shè)備上對原型進(jìn)行測試。并且可以使用iOS或Android上的瀏覽器以全屏模式運(yùn)行原型。
