所謂“工欲善其事,必先利其器”,雖然小米加步槍能夠也能夠打敗敵人,但假設朱棣有了坦克裝甲部隊,那豈不是更easy平定安南?
關於原型開發工具,各有哥的使用習慣,有人喜歡axure、photoshop,也有人喜歡手繪,robert還見到過高人直接用excel制作的交互原型,不僅可以布局,還具有主要的鏈接和跳轉功能,相當佩服。工具僅僅是實現目標的一個手段,因此選用何種工具全然基於個人的習慣及方便。當然在某些公司為了便於不同的設計師之間進行交流以及重用而規定使用同樣的工具,那就另當別論。
以下僅僅是個人所使用過的而且覺得值得推薦的工具,我盡可能的將其便利性與不足寫出來,當然假設您發現有所不足或有很多其它的補充,也歡迎隨時和我聯系。
Axure(讀音為Ack-Sure)無疑是眼下最受關注的原型開發工具,其能通過組件的方式幫助站點或軟件設計師高速建立帶有凝視的原型(流程圖、線框圖),並憑借自己定義可重用的元件、動態面板以及豐富的script可以建立基本功能或頁面邏輯的動態演示文件。
Axure借鑒了office的界面,可以讓用戶高速上手,而且提供了豐富的組件樣式改動,使得通過其可以創建低保真、高保真甚至接近於實際效果的界面。然而最讓人稱道的是,Axure的豐富的腳本模式,可以通過點擊和選擇可以高速完畢界面元素的交互,如鏈接、state切換、動態變化等效果,使得Axure可以生成十分接近於真實產品的原型。還有一方面,Axure可以導入其它人創建的元件庫,使得Axure可以滿足絕大多數類型產品的設計。
但Axure仍然有一個讓人頭痛的問題:對於中文的支持不太友好。在小部分元件上輸入中午的時候,常常須要像碰運氣似的重復切換輸入法,破壞了咱們設計師的用戶體驗。
瑕不掩瑜,Axure仍然是交互設計師的首選原型工具。
Visio在2000年被微軟收購,並在2002年成為office2003套件中的一個組件,最新版本號是2007。Visio可以獲得推薦的原因是由於Visio的適用性很之廣,從站點界面、數據庫模型,到平面布置圖到工藝流程圖,Visio都提供了對應的元件庫和模板來進行高速創建。
相較Axure而言,Visio更適合於傳統行業的生產或流程設計,或者軟件及互聯網行業中的信息、數據和流程的說明,而不太適用於web界面。由於其的基於web的元件庫還是比較少,而且形式和結構也更相似於word中的圖形工具,因此在原型開發效率上都有所不足。
這個基於Adobe AIR Runtime的工具實在是有讓人眼前一亮的感覺,手繪風格的元件樣式粗獷淋漓,能創建接近於紙上手繪的原型文件。其提供了豐富的手繪風格的web經常使用元件,包含經常使用的html控件、以及一些組合控件,如多媒體控制器、標簽頁、列表、Iphone界面元件等。
Mockups最值得觀賞之處在於其提供的多數組件都可定制外觀,對於中文的支持也不錯(選擇View > Use System Fonts)。
4、Mockflow
Mockflow和以上工具最大的不同在於Mockflow是一項基於Adobe Flex技術開發在線服務,提供了與Balsamiq Mockups基本類似的功能,甚至更豐富的組件,盡管其元件定制化不夠強大,但其提供的元件庫默認樣式卻很適合用來做商業產品原型的搭建。有一個讓我愛不釋手的功能是模板,能夠設置基於不論什么頁面的模板來進行新的頁面設計。
與其它模板工具相比,mockflow有一個很特色的功能,基於web的存儲能夠在隨意電腦上聯機打開,同一時候能夠其它人進行高速的分享,並收集在線反饋意見,很適合虛擬團隊的原型設計交流。
盡管在線服務的基本帳號僅僅能創建一個文件,但單個文件卻沒有限制頁數,因此也基本上足夠使用。
Pencil 是一款基於Firefox的擴展組件,安裝之后就可以在Firefox的工具菜單中打開Pencil的畫圖面板。功能比較簡單,僅能用以日常簡單工作的輔助 說明。提供的默認元件都是基於軟件project,因此更適合用於windows桌面程序的簡易界面搭建,或者是主要的頁面功能說明,並不適用於嚴肅的原型開發,但 好在體積小、又輕便,可以方便將網頁中的元素直接拖到或者拷貝到當前的畫布中,這也是Pencil安裝在Firefox所帶來的便利之中的一個吧。
很多其它工具...
在以上列舉的原型開發工具都是較為經常使用的,也是在國內的交互設計師們比較常討論的,但事實上和Axure功能類似的軟件還有非常多,以下也就一些簡單說明:
這 是一款真的非常強大的原型制作工具,沒有在上面推薦的原因是由於我還沒有實際體驗過,但沖着這project級的界面設計就沒有去嘗試的沖動,可是從官方站點的截圖 和視頻演示來看,這款軟件的操作模式和前面的原型工具大有不同。Axure之類多是基於頁面的原型設計,對於web站點雖然非常有用,可是對於軟件界面的流 程設計卻略顯繁瑣。而GUI Design Studio卻另辟蹊徑,直接以建立元素與元素之間的關聯的方式來自己主動化的創建動作流程,而從視頻演示來看,這種確非常大程度上提升了軟件界面原型搭建的 效率。
Serena 公司免費提供的原型開發工具,功能確實強大,提供了基於項目管理主要流程的產出物文檔模板、原型工具以及開發流程控制,這個軟件的開發理念很好,用這一 款工具來滿足項目開發流程中各個環節的溝通和決策。但軟件的學習和使用成本比較高,要了解當中的所有功能,貌似須要花不少時間。另外軟件的效率和穩定性還 有待提高,試用的過程中多次出錯及停止響應。
由 Elegance科技推出的Lucid Spec是一款非常相似Pencil的原型工具,只是提供了很多其它控件。只是Lucid Spec強調了生成干凈的說明文檔的功能,這可能是針對於多數原型工具的自己主動化生成規范的冗余而言的,只是老實說Lucid Spec提供的原型界面太過簡陋,而且生成的說明文檔也未見優化有如何的提升。視頻介紹
Irise與其它原型工具相比當中一個特色在於提供了樣本數據的功能,這是相似於excel表的一個樣本數據庫,能夠通過界面元素直接獲取樣本數據庫中的數據,這樣所生成的原型甚至能夠使動態數據更新的。
10、Adobe Reader
Adobe reader?沒錯。事實上理論上不論什么能夠創建圖形和文本的工具都能夠用來原型開發,由於原型本身就是對於業務邏輯和功能界面的模擬或仿真,因此有何理由不能使用PDF格式呢?BoxandArrow的這篇文章《PDF Prototype》提醒了我們,全部的原型工具都僅僅是工具,而不是設計本身。
當然原型工具還有非常多,您能夠在這篇文章對照很多其它可用以進行原型開發的工具。