preloader
心得

Justinmind Prototyper使用心得

近期使用了 Justinmind Prototyper 軟體建造一個 App 的雛形。我用它製作一個預計撰寫 App 之 UI 雛形,能夠讓 App 專案/產品的參與者了解 App 預計呈現什麼樣子,這個雛形能夠呈現事件驅動的效果,例如點按一個手機螢幕上的選單,選單必須展開裡面的內容,若點一次展開的選單,選單就必須回復成未展開的樣貌,Justinmind Prototyper 軟體可以輕鬆製作簡單的事件驅動 UI 效果。這套軟體不論以月租或買下整套軟體的費用,以個人來說會覺得貴,不過製作雛形讓專案/產品的參與者提早瞭解 App 操作的情形,我認為值得這個費用。當然用它製作高精細互動程度的 App UI 雛形,也會花費非常多的時間,端看你是否要在一個螢幕畫面完成所有操作的效果,或是分成好幾個螢幕畫面製作一部份的操作效果。後者比較容易,因為不用花心思調整因點按或手勢觸發而變動螢幕上所有元件尺寸和位置。

它還有可以製作 App 螢幕使用過程中轉換的流程圖,也有簡單的 UML-like 元件,符合有規模和有制度的中大型公司需要做軟體專案開發所具備的文件需求,它可以產生含 App UI 螢幕轉換的關聯階層圖以及製作流程和情境圖。

目前使用下來,我覺得用它來以事件驅動 UI 元件的移動效果,操作稍嫌麻煩,因為必須輸入移動的 x 軸和 y 軸 pixel 值, 沒有辦法使用拖曳 UI 元件的方式,取一個大概位置所見即所得,只能反覆設定x軸和y軸移動值後,確認設定螢幕的效果是否是我們想要的。