據國內三大運營商披露的最新數字，截止 2012 年 1 月份，中國的手機用戶數已達 9.8758 億，即將逼近 10 億大關。CNNIC最新的調查顯示，截至 2012年6月，大陸5.38 億的網民中，有 15.3%的

網民不使用PC（桌上型電腦），也不使用NB（筆記型電腦）上網，只使用手機上網。磚家解釋，這個現象來自互聯網向某些不便使用PC或NB的人群擴散的結果。

智能手機功能越來越強大，同時價格不斷走低，讓手機上網變得廉價、方便，降低了移動智慧終端機的使用門檻，把原本用普通手機的用戶轉化成手機上網用戶。
目前此現象還在發展中，推估單用手機上網的人群規模還將繼續增長。

移動已經是不可阻擋的趨勢，未來人們的獲取信息、娛樂、交流的最主要渠道就是移動終端。交互在移動應用上發揮的作用更大，能夠實現基于傳感器的多種效果。
這里推薦一款專注移動端的交互設計軟件：JustinMind。它是由西班牙JustinMind公司出品的原型制作工具，可以輸出Html頁面。http://www.justinmind.com/

與目前主流的交互設計工具axure，Balsamiq Mockups等相比，Justinmind Prototyper更為專屬于設計移動終端上app應用。

下面先對JustinMind做一個簡單的認識，這是該軟件的主界面，共有5個功能分區：

下面是JustinMind的一些特性：

1.使用JustinMind，你可以在幾分鐘內利用其廣泛的組件和交互繪制高保真原型。它提供了一些基本的形狀，如矩形和文本，還有特定的組件，如菜單，表單或數據列表。

2.關于手勢的交互效果：
JustinMind提供了多種觸屏的交互效果，例如滑動、縮放、旋轉，甚至捕捉設備方向等等。在需要產生效果的部件中選擇對應的手勢即可。

3.可以創建自己的組件庫。
JustinMind為iPhone ，iPad，黑莓，Android提供了多樣的組件。你可以創建自定義組件庫，方法是將排列好的單個組件放在一起，并將它們集體框選拖動到組件庫。
這樣下次你就可以直接使用自己定義好的組件。

4.更為便捷的定義樣式。
相比Axure，JustinMind更好的提供了屬性窗口，并且更好的支持捕獲PS等軟件的圖像屬性。

5.JustinMind可以導出原型的所有信息到Microsoft Word。能夠一鍵生成及其規范的文檔。

6.共享原型進行測試。
JustinMind支持將原型上傳到服務器并提供給他人進行測試，為產品的改進做出了良好的貢獻。最為特別的是，基于usernote的服務允許你將原型放到移動設備上進行測試。

7.更友好的定義交互方式。
在JustinMind中，你可以通過拖拽等方式來實現跳轉、定向等交互效果，無需像Axure一樣每一步都只能通過點擊來完成。并且顯示更為直觀，如進度條。
同時可以通過一些簡單的無代碼邏輯語句實現更為高級的交互效果。

8.全球范圍內的復用、數據共享。
每一個模板都讓這一套組件有不同的視覺風格，變量允許將數據從一個屏幕遷移到另一個，甚至使用它們來檢查是否滿足條件。

9.發布和收集反饋意見。
發布Prototyper作品到usernote后，全球各地的人將通過Web瀏覽器訪問您的原型。他們的反饋結果將會實時的呈現在您的原型頁面。

由于JustinMind在交互方式的實現以及原型的生成方面比較具有特點，所以我做了下面一些演示：

1.事件與交互
事件是JustinMind的一個關鍵功能，Justinmind Prototyper的事件由兩個主要部分組成：一個是事件的觸發（或用戶事件），另一個是一組操作。每一個事件必須在屏幕上定義
一個特定的元素，這將作為事件的觸發源。

這個就是事件窗口，在上文的主界面介紹中有過簡單的介紹。

交互動作按照順序依次排列下來，執行的順序從上到下一目了然。 每個交互動作中有很多的操作，這些操作是從左到右依次執行的。只有這些操作執行完成后，才會到下一個交互動作。

2.關于鏈接的設置

使用鏈接最簡單的操作就是，例如，點擊Button跳轉到Screen3，那么直接將Button拖拽到Screen3上面就可以了。

3.下面列舉了一些常用的事件，可以看出來JustinMind的圖標還是非常形象化的：

On Click: 當用戶單擊鼠標左鍵并松開
On Mouse Up: 當用戶釋放鼠標按鍵
On Mouse Down: 當用戶按下鼠標按鍵
On Double-click: 當用戶雙擊鼠標左鍵
On Right-click: 當用戶單擊鼠標右鍵并松開
On Toggle: 當用戶單擊鼠標左鍵后，自定義的事件將被執行。用戶再次點擊后，事件將被還原
On Mouse Over: 當用戶鼠標位于所定義區域之上
On Mouse Enter: 當用戶鼠標進入所定義區域
On Mouse Leave: 當用戶鼠標離開所定義區域
On Drag Start: 當用戶按住鼠標左鍵并拖動至少5像素時
On Drag: 當用戶按住鼠標左鍵并保持鼠標移動時
On Drag Stop: 當用戶停止移動鼠標并且松開鼠標右鍵
On Key Up: 當鍵盤按鍵被釋放
On Key Down: 當鍵盤按鍵被壓下
On Swipe Up: 當用戶一根手指向上滑動
On Swipe Down: 當用戶一根手指向下滑動
On Swipe Left Up: 當用戶一根手指向左上方滑動
On Swipe Left: 當用戶一根手指向左滑動
On Swipe Left Down: 當用戶一根手指向左下方滑動
On Swipe Right Up: 當用戶一根手指向右上方滑動
On Swipe Right: 當用戶一根手指向右滑動
On Swipe Right Down: 當用戶一根手指向右下方滑動
On Pinch Open:當用戶兩根手指互相張開滑動
On Pinch Close:當用戶兩根手指收縮活動
On Rotate Left: 當用戶兩根手指向左旋轉滑動
On Rotate Right: 當用戶兩根手指向右旋轉滑動
On Tap Hold: 當用戶手指按住屏幕超過2秒
On Orientation Portrait: 當設備由橫屏切換為豎屏
On Orientation Landscape: 當設備由豎屏切為橫屏
On Change: 當元素的值通過用戶的直接操作發生變化時
On Focus In: 當輸入框獲得焦點時
On Focus Out: 當輸入框失去焦點時
On Page Load: 當頁面加載時
On Page Unload: 當用戶離開頁面時舉個簡單但是有用的例子，當你要實現用戶名密碼驗證的交互效果時，在大多數原型工具中，我們需要對輸入框做一些邏輯上的設定，填好其屬性中的數值。而在JustinMind中則更為直觀：
在交互窗口中，選擇條件表達式：

將需要驗證的輸入框拖拽到相應判斷窗口：

將相應的判斷邏輯拖拽到判斷窗口，例如等號，并在右側輸入框輸入需要的值

OK，That's it !在主界面點擊生成，就可以及時預覽效果了

關于模板
你可以為頁面上的不同組件選擇使用不同的模板，從而不改變內容只改變樣式，切換起來非常靈活。

總結

JustinMind相比Axure最讓人喜愛的4個原因有：
1.Easy Drag and Drop
JustinMind里面對于組件的交互效果有著及其方便的操作方式，點擊一個對象，拖動到另一個對象，OK，這兩個對象已經產生了交互的碰撞。

2.Powerful Interactions
JustinMind提供了強大的交互效果，鼠標hover的狀態、點擊后的效果，非常逼真。同時在移動設備上能夠高度仿真的實現各種手勢效果。

3.Quickly Simulate
JustinMind提供了一鍵生成，不用再像Axure那樣多步操作，點擊后直接在瀏覽器窗口打開。

4.Great Extras
網上有各種各樣的組件、模板，可以根據需要選擇相應的進行使用。
歡迎加入到我們的Justinmind中文愛好者小組，一起為國內用戶奉上各種教程、資源和組件庫：http://www.wejustinmind.com/

一淘UX原文：http://ux.etao.com/posts/734