Prototyping Tools Comparison

原文鏈接:http://www.nicolegong.com/?p=448


Prototyping Tools Comparison

選用合適的工具對於快速製作原型,和開發人員溝通具有強大的推動力。最近試用了一些製作prototype的工具,有些經Quora知乎上的的同仁推薦而試用。僅就試用過的軟件談談心得體會,優缺各異,交流分享。部分軟件售價不菲,本文就略過價格比較了,原因你懂的。

Axure:


功能:功能全面而強大,對於有軟件使用經驗的同學來說比較容易。深入製作具有動態交互的原型需要一個學習過程。由於其功能的強大,文件複雜之後速度比較慢。

  • 默認提供了線框圖,流程圖的部件庫。
  • 具有強大的擴展能力,可以加載外部控件庫,同時也可以自己創建控件庫。
    網上有衆多控件資源,以輔助快速原型。提供兩個比較好的資源庫:
    Axure的官網,提供了多種控件庫供選擇:http://www.axure.com/widgetlibraries,素材包括iphone,iPad,facebook等。
    Axureland,提供Axure資源分享交流:http://axureland.com/
  • 流程圖部件庫有設計流程圖時會經常用到的形狀,可以幫助快速建立流程圖,像建立wireframe一樣容易,用戶可以在流程之間加入連接線並設定連接的格式。筆者比較習慣用Visio畫workflow,僅供有興趣的同學參考。
  • 通過添加用例來製作交互跳轉;

文件共享交流:可以導出html的原型和Doc的規格說明書。無須開發人員安裝軟件,可通過瀏覽器打開原型深入討論,溝通比較方面。

Axure是本人使用至今製作原型比較多的軟件,仍在持續深入探索製作交互特效。不過對於wireframe的展示,剛入手的同學就可以開始了。

缺點:功能複雜,文件大之後速度較慢。不能邊做邊預覽效果,只能導出後查看交互效果預覽;。

筆者會在另一篇博文裏詳細介紹使用該軟件的一些技巧。

GUI Design Studio:


功能:由Caretta Software公司開發,功能涵蓋製作原型的基本功能,上手容易。

  • 右側Tab Project進行文件管理,Tab Elements和Icon提供了界面上所需的基本控件。Tab Annotation可添加註釋,Tab Storyboard可以添加導航相關的控件,如Navigation Overlay 和Window placeholder。
  • 不具備外加載控件的部擴展性。
  • 交互可以通過Make Connection連線進行關聯,這個功能比較符合心智模型。
  • 設計過程可以通過Run prototype(F9)進行交互效果預覽。

文件共享交流:能導出HTML, PDF來溝通交流。

缺點:軟件界面風格接近office 2003,個人不是很喜歡。交互過程通過連線關聯,設計模型雖符合心智模型,但當交互過程多之後,自由的排布比較凌亂,沒有具體的尺寸定位,難以條理的管理。多個頁面打開後以Tab管理,tab上沒有關閉按鈕。試用一段時間後又重用Axure重畫了一遍原型,不作推薦。

Balsamiq Mockup:


功能:美國加利福利亞的Balsamiq工作室推出的原型圖繪製軟件。界面直掛,功能簡單,容易上手。

  • 單區域、原型圖分類區、原型圖選擇區和原型圖繪製區。Quick Add可快速找到相應原型控件加入工作區域。
  • 通過拖拉的形式引用軟件主界面大致分爲菜自帶的各種原型控件。不同的原型控件支持不同的屬性。屬性設置基本上包括顏色(背景色)、文字大小、文字屬性(加粗、斜體、下劃線)、層次結構、是否可用、當前數值等方面的設置。選中控件屬性編輯面板即以上下文菜單的形式出現,簡明清楚。
  • 手繪風格可以在原型階段避開視覺部分的干擾,專注於交互本身。
  • 只能輸出靜態wireframe;

文件共享交流:只能輸出PNG的圖片格式,無法直接演示交互效果。無法直接輸出規格文檔。

缺點:不直接支持中文,需勾選View→Use System Fonts菜單。不支持外部擴展模板,也不能進行貼圖。

FlairBuilder:


功能:可導入Balsamiq文件。和Axure在原型製作流程上有相似之處。上手容易。可以新建iphone project。有在線Library可以安裝控件到本地。

文件共享交流:能導出屏幕截圖。

缺點:比較多,基本沒有找到該軟件的亮點。就衝Tab上沒有關閉按鈕,該軟件不作推薦。

OmniGraffle:

僅試用於Mac OS X, iPhone, and iPad,有衆多網友推薦。例如:最好的原型和流程圖繪製工具:OmniGraffle,工作機不給力,以後換Mac再試用。

ForeUI:

在寫作本文的時候意外發現的目前來看不錯的原型工具:

  • Hand Drawing,wireframe, windows XP, Mac OS, Windows 7五種不同的視覺風格;
  • Slideshow, Run simulation的同步預覽方式;
  • 可導出PDF, DHTML進行文件導出;
  • 在編輯狀態下即可切換動態菜單進行編輯,例如樹形菜單;(Axure只能在導出後進行動態效果切換)
  • 可下載安裝resources;

缺點:面板參數過多,軟件複雜,不利於新用戶上手。

 

總的來說,Axure是PC上比較推薦的原型製作工具,支持輸出html,可初步查看交互效果;其次Balsamiq,支持快速線框圖製作,交互性上欠缺。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章