想要設計一款產品,選擇一款優質的產品原型工具是非常必要的。在查閱有關資料后,我簡單整理出九款產品原型工具,在學習曲線,性價比,功能優缺點等方面進行橫向對比。希望能在挑選產品原型工具方面給到大家一些參考意見。
1.Pop (Prototyping on Paper)
價格:免費試用30天 專業版 960 RMB/人/年
學習曲線:低
POP是一款設計界面的原型工具,適用於iOS和Android平台。借助POP,開發者或設計師只需在紙上簡單地描繪出創意或想法,拍下幾張草圖照片,並將照片按順序放置,利用鏈接點描摹出各張圖片之間的邏輯關系,就可輕松創建一個動態模型,點擊播放即可演示整個模型。這款工具比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然后開始編輯圖片的哪個區域(按鈕)鏈接到什么頁面,添加跳轉鏈接熱區,就可以在手機上演示了。內嵌的交互動作,如側滑、展開、消失等,即可滿足一般的動態演示需要。但功能較為簡單,對更深的需求無法滿足。
優點:與Balsamiq等同類應用相比,POP的優勢在於簡單易用,學習曲線短,生成快速且能被分享。
缺點:只支持低保真原型。對於被展示的客戶或者團隊成員,只知道產品的大概方向;交互效果復雜時不能很好地表達設計。
適用人群:追求手繪風格及快速原型的產品經理和設計師(對於短期內使用免費原型工具的人群來說,這也不失為一個好選擇)
2.Mockplus

價格:基礎版(終身免費) 專業版 199/人/年
學習曲線:低
Mockplus是一款簡潔高效的免費產品原型工具。它為用戶提供豐富的組件和圖標資源,通過拖曳即可實現界面設計。支持一鍵導入項目頁面和模板,快速搭建基礎頁面。軟件還支持自定義組件庫,數據填充,Sketch導入,拖曳設置交互等特色功能實現快速設計。近期,該工具還推出了團隊協作功能,團隊成員之間可以查看、編輯、評論項目,幫助用戶更好地完成協作設計。
優點:學習曲線短,快速上手,交互簡單(只需拖曳),功能多樣,組件資源豐富,支持8種預覽方式和多種文件導出類型,支持團隊協作。
缺點:不支持手勢交互。
適用人群:各階段的產品經理及UI/UX設計師,追求中低保真,交互效果,快速原型,新手或專業人群皆適宜。
3.Axure

價格:免費試用30天 專業版 3480 RMB/人/年
學習曲線:高
Axure RP是美國Axure Software Solution公司旗艦產品,是一個專業的快速產品原型工具,讓負責定義需求和規格、設計功能和界面的專家能夠快速創建應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。作為專業的原型工具,它能快速、高效的創建原型,同時支持多人協作設計和版本控制管理。
優點:變化多端的操作,自帶組件庫並支持強大的第三方組件庫,提供強大的交互支持,完整的教程及支持文檔,支持原型預覽。
缺點:學習曲線較高,性價比不高,專業需求度高。
適用人群:適用於追求強交互效果及細節產品經理及設計師,需要具有一定經驗或較強專業性。
這是發展較早的一款原型設計軟件,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。功能很多,也讓學習起來有點難度。本地型軟件,可以下載html文檔預覽,手機預覽起來不方便。
4.Wireframe sketcher

價格:免費試用14天專業版663RMB/人/年
學習曲線:較低
WireframeSketcher是一款強操作靈活、功能強大的線框圖工具。可幫助設計人員,開發人員和產品經理快速創建用於桌面,Web和移動應用程序的線框和原型。值得一提的是Wireframe Sketcher還是一款帶有手繪風格的創作工具,這在一定程度上可以幫助用戶專注於設計。除此之外,這款產品原型工具還提供大量的UI控件,支持通過鏈接創建交互原型,靈活的Wiki形式,線框圖注釋,生成PDF文檔等。
優點:操作靈活,繪制頁面速度很快,功能強大,支持手繪風格,提供大量模板,可以進行原型導出。
缺點:僅支持低保真,交互效果較少。
適用人群:簡單表達設計或追求手繪風格的產品經理及設計師。
5.Proto.io

價格:免費試用15天 專業版(5個項目)1924 RMB/人/年
學習曲線:中
Proto.io是一個專門用於移動應用的產品原型工具——可以構建和部署全交互式的移動應用的原型,並且可以模擬出相似的成品。基於Web的在線環境,它可以讓你制作流行的 iPhone,iPad,Android 手機以及任何帶有屏幕界面的產品原型。並且它可以運行在大多數的瀏覽器中,並提供了3個重要的接口:dashboard、編輯器以及播放器。
優點:豐富的UI元素,且可以自定義;支持多屏互動和組件交互,可以從Dropbox上傳設計圖。
缺點:不支持實時預覽,交互動效較多時動畫不夠流暢,性價比不高。
適用人群:擅長於使用Web瀏覽器的產品經理或設計師。
6.Balsamiq Mockups

價格:免費試用30天專業版 600/人/年
學習曲線:較高
Balsamiq Mockups是一款軟件工程中快速產品原型工具,可以作為與用戶交互的一個界面草圖,一旦客戶認可也可以做為美工開發HTML的原型使用,特別是在web原型圖設計領域有不錯的影響力。使用Balsamiq Mockups畫出的原型圖都是手繪風格的圖像,看上去非常美觀、清爽。此外,這款工具支持幾乎所有的HTML控件原型圖,比如按鈕(基本按鈕、單選按鈕等)、文本框、下拉菜單、樹形菜單、進度條、多選項卡、顏色控件、表格、Windows窗體等。除此以外,還支持iPhone手機元素原型圖。
優點:雖然不是免費原型工具,但性價比也算不錯;工具內置大量模塊,能夠快速應用於原型設計,支持手繪風格。
缺點:原型沒有配色,沒有設計風格,不能進行交互展示。
適用人群:需要生成簡單原型(草圖)的產品經理或設計師。
7.Fluid UI

價格:免費版(1個項目) 個人版(5個項目)661RMB/人/年
學習曲線:中
Fluid UI是一款用於移動開發的Web原型工具,可以幫助設計師高效地完成產品原型設計。用戶可以選擇低保真的線框圖來加快開發,也可以選擇高保真的組件來模仿真實的操作系統。Fluid UI 內置超過2000款的線框圖和手機UI控件,並且還會經常進行更新,如果這些圖片尚不能滿足需求,還可以上傳自己的圖片。
優點:操作簡單,無設備限制,屏幕流功能,資源庫非常豐富,同時支持高低保真。
缺點:有時候看起來不夠直觀,性價比不是很高。
適用人群:適合習慣使用多平台的產品經理及設計師。
8.Justinmind

價格:免費試用30天 個人版 2472RMB/人/年
學習曲線:中高
JustinMind是一款來自西班牙的原型制作工具,主要致力於高保真原型。它提供的功能有繪圖工具,拖放位置,大小,格式和導出/導入的小部件。你還可以自定義小組件,創建自定義組件庫,並進行分類。此外,該產品原型工具還提供豐富的動畫支持及強大的交互效果(支持手勢交互),官網有豐富的組件及模板資源,用戶可以根據需要下載使用。
優點:支持高保真,支持動畫效果,便捷的自定義樣式,支持原型共享,支持手勢交互。
缺點:學習成本較高,程序啟動較慢。
適用人群:追求高保真原型的產品經理及設計師。
9.墨刀
墨刀是一款適用於產品經理和設計師的原型工具。相對於axure等傳統設計軟件,它最大的特點是輕、快,不需要下載,打開瀏覽器就能使用,沒有復雜的中繼器、函數概念,上手非常快,可以滿足大部分場景的原型和交互設計。
以墨刀4.0版本為例,新增加了用戶可以自定義和批量管理的組件庫、素材庫,並且完善了企業級的協作功能。這對於產品經理來說是個利好消息,可以創建團隊的設計系統庫,不管是版本之間,還是多個團隊之間都可以保持步調一一致
本文分別從性價比,優缺點,學習曲線等方面簡單介紹了九款工具, 貴的東西不一定合適自己,不同的產品有不同的主打方向,適合自己的,才是最好的。我們需要根據我們的產品去選擇設計工具,而不是盲目追求市場熱門或是迷信價格,像墨刀這樣的國產原型設計工具,當之無愧的性價比之王,同時,操作難度也相對很低,非常適合我們這樣的新手“產品經理”去使用。
無論如何希望能對各位產品經理有幫助!