現(xiàn)在的移動開發(fā)越來越趨于小規(guī)模團隊協(xié)作崇堰,似乎只要懂得一些APP開發(fā)的人就自稱了解了用戶體驗和用戶界面的重要性,一個好的APP原型設計理念很容易被糟糕的界面和體驗毀于一旦娄周,如今市面那么多的原型工具幫助我們解決問題奶镶,我們又何樂而不為呢?但如何選擇原型工具卻成為設計師們最頭疼的事情骑脱,一方面是由于不懂哪些工具適合自己,另一方面又沒有多余的時間去挨個使用苍糠。別擔心叁丧,今天就為大家解決這一大“難題”。
首先岳瞭,要考慮到那些人將會使用你的原型歹袁,然后針對不同的用途選擇最好的原型工具。
1. 個人或小型的設計團隊:主要要求的是設計理念和設計思路寝优,追求的是高效率条舔,此時手繪和白板是最好的工具,或者Balsamiq Mockups也是適用于這個階段的好工具乏矾。
2. 公司高層孟抗,客戶,投資人等:原型不要求一定要精美華麗钻心,但至少要美觀凄硼,在交互邏輯和元素布局上盡可能追求與真實產(chǎn)品接近。主要流程可以走通即可捷沸,需要可以在移動端做演示摊沉,使用像Mockplus等可以作出逼真的交互效果并且方便在移動端演示的工具。
3. 開發(fā)團隊&視覺設計師:要求設計流程完備痒给,最好有操作流程圖说墨。Fluid UI 這種可以完善設計出各交互元素,并輸出流程圖的工具是不錯的選擇苍柏。
?
其次尼斧,要了解好的移動端原型設計工具應該具備的以下幾個特性(摘自知乎):
1. 組件庫專門對移動端定制過
2. 方便輸出到移動端查看效果
3. 支持移動端的手勢操作
4. 支持移動端視圖切換的轉場動畫
5. 可以快速生成全局流程圖
還有一些其他加分的特點:
6. 低保真最好,不要帶太多iOS高光漸變效果
7. 組件庫豐富试吁,有社區(qū)可以看其他設計師的作品
8. 自帶網(wǎng)格系統(tǒng)
9. 在線協(xié)作&版本管理
10. 能做一些異常檢查棺棵,比如某個按鈕沒設鏈接,某個list沒有空置狀態(tài)等熄捍。
?
最后烛恤,給大家介紹幾款適用于移動APP的原型設計工具;
Fluid UI是一款用于移動開發(fā)的原型設計工具余耽,它能夠幫助設計師快速高效地完成產(chǎn)品原型圖的設計缚柏。
優(yōu)點:Fluid UI 內(nèi)置超過1700款的線框圖和手機UI控件,并且還會經(jīng)常進行更新宾添,適合跨平臺開發(fā)者船惨。符合上面1柜裸,2缕陕,3粱锐,4,5扛邑,6怜浅,7,8蔬崩。而且是html5版恶座,全平臺支持!
缺點:不夠直觀沥阳,免費版只能創(chuàng)建一個1個項目和10個頁面
價格:付費版25美元/月跨琳,可以創(chuàng)建10個項目和無數(shù)個頁面以及使用所有組件庫。
?
Mockplus?(國產(chǎn))
Mockplus是一款快速簡單的原型設計工具桐罕,主要適用于新手產(chǎn)品經(jīng)理和設計師脉让。
優(yōu)點:封裝3000個圖標和200個組件,操作簡單快速功炮,學習成本低溅潜。在最近發(fā)布的版本中支持團隊協(xié)作功能,審閱和評論非常方便薪伏,聽說在即將到來的3.2版本中滚澜,支持將Sketch的設計文檔導出為Mockplus的mp項目文件。導出后嫁怀,你可以在Mockplus中打開它设捐。說了很久的頁面流程圖也終于要面世了。Mockplus的頁面流程圖可以做到:
– 即時生成塘淑;
– 你可以選擇展示全部或任意多個頁面的流程圖挡育;
– 智能生成流程鏈接線,同時也可以手動調(diào)整朴爬;
– 展示頁面的批注信息即寒;
– 一次導出頁面流程圖。
?
缺點:不支持手勢操作召噩,函數(shù)和動態(tài)面板母赵。官網(wǎng)教程較少,例子模板沒有具體的操作步驟具滴。
價格:基礎版永久免費凹嘲,付費版118元/年,終身版:699元构韵,無需另外付費更新版本周蹭。
這個軟件相信很多人都知道了趋艘,它是一款低保真的線框圖工具,主要用于原型設計的初始階段凶朗。
優(yōu)點:內(nèi)置了大量的模塊瓷胧,在需要的時候在搜索框里找,然后拖到畫布里面進行排序組合棚愤,畫圖很快速搓萧,功能強大(比如在tab選擇框里可以選擇哪個tab是active,哪些是default的)宛畦。很快就能畫出想要的app原型瘸洛。如果你還覺得BM內(nèi)置的模塊點少?Mockups To Go 可以滿足你需要的大部分需求次和!
缺點:Balsamiq Mockups里面畫的只是草稿反肋,沒有配色,沒有設計風格踏施。它只是每個頁面的布局石蔗,不能進行交互展示。
價格:個人版89美元读规,可以根據(jù)項目數(shù)量來購買抓督。
?
Justmind是一款為移動而生的原型設計工具,雖然它沒有像Axure那么火束亏,但是對移動APP的原型設計支持似乎比axure更好铃在。
優(yōu)點:高保真,支持手勢操作碍遍。Justinmind的新小部件庫包括所有的蘋果IOS圖標定铜,還添加了Android Nougat UI工具包。并且在版本7.6.0中與Microsoft Team Foundation Server集成怕敬,添加一些新的現(xiàn)成屏幕揣炕,如蘋果音樂播放列表,庫和播放器屏幕东跪,和蘋果通知屏幕畸陡。
缺點:學習成本高,定義為高保真虽填,需要設計人員懂的美工丁恭,又要懂的產(chǎn)品。Justinmind導出的html文件限制很強斋日,需要特定的瀏覽器牲览,還需要安裝插件。動態(tài)面板無狀態(tài)交互恶守。
價格:29美元/月第献,終身版:495美元贡必,Justinmind終身版僅支持一年的大小版本更新。 如果你想在第一年后繼續(xù)使用新版庸毫,則需每年花費額外的$ 99保持更新仔拟。
?
總結
總之,做原型還是要看設計人員自己的想法和理念岔绸,而原型工具是你在設計路上的“最佳拍檔”理逊,工具終究是工具橡伞,看你如何結合自己的設計思路來實現(xiàn)工具的最大價值盒揉。以上幾款APP原型設計工具是個人比較喜歡的,如果你是新手上路兑徘,那么我還是推薦Mockplus刚盈,畢竟一開始就學習難的工具也是得不償失。????