好用的UI草稿、prototype設計工具 - Mockups 3

最近組織請廠商開發一套新系統，但過程中與廠商洽談時，最怕雞同鴨講、溝通出現誤解。所幸廠商有說明他們用的是「Mockups 3」，這套工具軟體對軟體公司應該很常聽到，對於設計UI時，可以很容易地將畫面架構、欄位等繪製出來，用草稿的方式呈現。

其實不只是軟體廠，這對身為客戶的一些公司來說也相當實用，畢竟花了很大一筆錢要客製、建置新系統(非套裝系統)，所有的介面幾乎都是從無到有要被設計出來，如果兩邊團隊各說各話，那想必介面一定生不出來、或是一改再改

---------------------------------
不過，Mockups 3雖然可從官網直接下載/安裝，但這套軟體是要花錢的，僅提供30天免費使用，未購買/註冊，屆時僅能開啟檔案、而無法編輯(就像Adobe Reader一樣，只能看PDF檔，無法編輯)，單一用戶授權為89美元

僅能開啟檔案，其實對我們來說也夠了，因為所有的系統/網頁/UI架構都是由軟體廠負責，廠商有Mockups 3做草稿讓我們看就行，就能在初期的架構設計減少很多雙方誤解的情況。

----------------------------------

下載/安裝方式：

1. 首先，Mockups 3的官網下載軟體https://balsamiq.com/download/，這裡就有說明到，如果30天未註冊，就無法編輯

2. 執行安裝，安裝相當簡單，只有兩個步驟，也不需要做其他設定，安裝完畢就可以直接開啟軟體。

※由於Mockups 3是使用Adobe AIR平台開發的，所以如果沒有安裝過Adobe AIR，就會出現相關條款，只要選取「我同意」即可

3. 開啟後如果未註冊，下方會出現天數倒數、與註冊/購買的提醒

4. 接著就能開始讀取/編輯bmpr檔，不過對於只是非營利組織的我們來說，這軟體其實大材小用，大多都是拿來看看、稍微修改廠商畫好的介面，是否跟討論時的有落差並回饋廠商。

--------------------------------
雖然說這軟體30天免費使用期限到了之後就僅有讀取檔案的功能，雖然已經夠用，但如果還能夠編輯的話當然更好，畢竟會內團隊同仁可以直接在檔案裡頭作註解或修改，也可增進雙方溝通效率。

所以後來也找到了Mockups 3有提供軟體捐贈方案，對於身為非營利組織的我們來說，Balsamiq也是相當友善的軟體公司

延伸閱讀：Mockups 3軟體捐贈方案的申請流程