2009-07-10 61 views
5

我想快速爲網站創建新功能。我正在尋找一種方式來:交互式網站原型製作

  • 圍繞打造一個現有的,複雜的網站
  • 允許交互
  • 可笑的速度快,易於嘗試新事物

我想象的東西,允許我說「渲染這個網站,但是在這樣的網址上,標記這個東西,我現在用棍子圖畫在網頁上,如果有人點擊它,把它們移到這裏」。 「

或者可能是」這裏是一個網站的截圖,如果有人點擊這個框,給他們看這個截圖。

你們用什麼來建立網站UI功能的原型?

回答

1

我不是Balsamiq工作室的粉絲,但很多人喜歡它。如果Napkee推出,與Balsamiq一起,它將成爲你正在尋找的東西。

另一種方法是Fireworks - 它可以輕鬆導出到HTML,但學習曲線比Balsamiq陡峭。

+0

聖帕特里克。 Napkee看起來很棒!不能等到它啓動。 – thebrokencube 2009-07-10 19:11:00

2

如果你希望它是interractive和建立在現有的網站上面,你可以嘗試用Firefox使用greasmonkey:https://addons.mozilla.org/fr/firefox/addon/748

我不知道你能多快做出原型這個問題,但你可以確保他們互動。 Greasemonkey允許您使用javascript修改任何網頁。

0

您可以試試protoshare

缺點:有點呆滯,需要信用卡信息免費試用。 上行:協同功能,比axure便宜。

1

嘗試clickframes - 一種用xml編寫文本原型的方法,它呈現給您可以點擊的網站。

令人驚訝的有效 - 在演示中,他們編寫了應用程序規範(appspec),然後生成了一個基於縫的網站。

他們嘗試了balsamiq,但它沒有爲他們工作。

從他們的網站

「對於設計師

用戶體驗專業人士使用Clickframes快速規範和原型設計的可交互性,以及溝通的設計合作者以及項目利益相關者當。設計已經完善,Clickframes可以促進與實施應用程序的開發人員的溝通。「

1

我喜歡的http:/www.iplotz.com - 它有很好的UX和設計 http://www.justproto.com也inetersting工具的速度非常快,它有乾淨外觀和它的超級容易用它創建原型

chceck出wireframes.linowski.ca這是對線框

0

使用Mockuptiger,您可以導入Photoshop圖像或網站的截圖,然後將它們與可點擊的鏈接或按鈕鏈接在一起。

MockupTiger是一個基於Web的應用程序,您可以將其託管在您自己的服務器上。它具有構建Web應用程序和儀表板的小部件Wireframes

注意:僅適用於最新的瀏覽器。您也可以下載並在桌面上使用。

PS:我是這個軟件的開發

1

退房ProtoShare再次:要快得多距今約2010年,模具和小部件庫比Balsamiq工作室更加靈活。如果你想控制你的原型的外觀,並希望交互性和簡單的協作和審查使用ProtoShare而不是Balsamiq。

0

我用我的原型來說明WordPress主題/網站與來自colorfully.me的插件 這是我認爲看到一個網站如何看待現實,測試並感受它將如何看待的最快方式。也有時我用它來製作。

UI for prototype CSS