你如何爲你的軟件UI創建原型？

Question

你如何爲你的軟件UI創建原型？
你有什麼經驗？
請你和我分享一下嗎？
在此先感謝！

Answer 1

筆和紙或白板。希望模型與最終產品的外觀和感覺合理分離。在討論互動以及完成工作所需的點擊次數時，更改紙質模型非常快，而且顯而易見的是所有人都擔心這不代表最終產品即將完成。
幾年前，我參與了一個項目，在這個項目中我們製作了一個非常詳細的GUI模型，甚至還有一些代碼來模擬事件流。讓軟件用戶提供反饋和輸入是非常棒的。對於這個項目來說，這絕對是一場噩夢，因爲我們始終落後於用戶期望我們的地方，畢竟他們已經看到它非常有效，對吧？最糟糕的是，一些不必要的代碼最終被包含在發佈的產品中，並且是後來維護的噩夢（原先沒有太多的想法來構建它，因爲它是一次性的，然後用戶看到了行爲，它成爲系統主要部分邏輯的事實上的實現）。育。

Answer 2

我用Balsamiq工作室 http://www.balsamiq.com/

這真棒。

Answer 3

您可以使用諸如NetBeans IDE，QtCreator IDE或Xcode IDE之類的GUI編輯器來創建GUI模型，而無需爲所有GUI事件實現處理程序。然後可以評估該GUI，並且可能重新設計。一旦GUI看起來應該如此，那麼可以正確處理事件。

Answer 4

我使用Visual Studio創建html頁面。這可以很容易地是Dreamweaver，FrontPage，NotePad ++。對我來說，這有利於CSS和html幾乎完成時間，我完成了模型。通常，在您計劃創建交付物的工具或技術中，使用您的原型更容易，效率更高。

Answer 5

我已經使用工具的組合來完成UI。如果我測試的是靜態外觀和感覺，那麼我使用紙和白板草圖的組合。這些操作很快就可以完成，並且在開始更詳細的設計時很容易被丟棄。就像「Hamish Smith」說的那樣，你需要在你的模型和最終產品之間有一定程度的分離。

當我想測試我的設計的交互性時，我之前使用過紙模型，但我更喜歡使用PowerPoint，它爲用戶提供了一種與應用程序交互的更好方式，而不是讓我向他們展示紙質草圖一個按鈕會將他們帶到哪個頁面以及某些功能如何工作。我只需將其設置爲單擊PowerPoint幻燈片上的按鈕或鏈接即可進入幻燈片，該幻燈片對應於該按鈕在真實應用程序中的位置。

目前我一直在玩微軟的SketchFlow，它是Expression Blend的一部分，它非常令人印象深刻。雖然我還沒有玩過很多，所以我還沒有意識到它可能造成的任何限制。另外，我嘗試了Balsamiq，它看起來也是一個很好的應用程序，但我還沒有充分利用它來發現它的侷限性。我想說明一點，雖然我只用它們進行交互性測試來取代PowerPoint，但我仍然認爲靜態模型最好用紙和白板完成。

Answer 6

我最近在一個項目上使用了一個visio加載項http://www.guuui.com/issues/02_07.php。該項目有60頁左右，這使得畫面變得非常容易。