我想快速爲網站創建新功能。我正在尋找一種方式來:交互式網站原型製作
- 圍繞打造一個現有的,複雜的網站
- 允許交互
- 可笑的速度快,易於嘗試新事物
我想象的東西,允許我說「渲染這個網站,但是在這樣的網址上,標記這個東西,我現在用棍子圖畫在網頁上,如果有人點擊它,把它們移到這裏」。 「
或者可能是」這裏是一個網站的截圖,如果有人點擊這個框,給他們看這個截圖。
你們用什麼來建立網站UI功能的原型?
我想快速爲網站創建新功能。我正在尋找一種方式來:交互式網站原型製作
我想象的東西,允許我說「渲染這個網站,但是在這樣的網址上,標記這個東西,我現在用棍子圖畫在網頁上,如果有人點擊它,把它們移到這裏」。 「
或者可能是」這裏是一個網站的截圖,如果有人點擊這個框,給他們看這個截圖。
你們用什麼來建立網站UI功能的原型?
Balsamiq Mockups。所以。嚇壞。好。
編輯:所以這裏的原型設計有更多信息的線索:https://stackoverflow.com/questions/720191/web-ui-prototyping-tools
我不是Balsamiq工作室的粉絲,但很多人喜歡它。如果Napkee推出,與Balsamiq一起,它將成爲你正在尋找的東西。
另一種方法是Fireworks - 它可以輕鬆導出到HTML,但學習曲線比Balsamiq陡峭。
聖帕特里克。 Napkee看起來很棒!不能等到它啓動。 – thebrokencube 2009-07-10 19:11:00
如果你希望它是interractive和建立在現有的網站上面,你可以嘗試用Firefox使用greasmonkey:https://addons.mozilla.org/fr/firefox/addon/748
我不知道你能多快做出原型這個問題,但你可以確保他們互動。 Greasemonkey允許您使用javascript修改任何網頁。
您可以試試protoshare。
缺點:有點呆滯,需要信用卡信息免費試用。 上行:協同功能,比axure便宜。
嘗試clickframes - 一種用xml編寫文本原型的方法,它呈現給您可以點擊的網站。
令人驚訝的有效 - 在演示中,他們編寫了應用程序規範(appspec),然後生成了一個基於縫的網站。
他們嘗試了balsamiq,但它沒有爲他們工作。
從他們的網站:
「對於設計師
用戶體驗專業人士使用Clickframes快速規範和原型設計的可交互性,以及溝通的設計合作者以及項目利益相關者當。設計已經完善,Clickframes可以促進與實施應用程序的開發人員的溝通。「
您可以嘗試ForeUI,這裏是一個創建sample prototype
我喜歡的http:/www.iplotz.com - 它有很好的UX和設計 http://www.justproto.com也inetersting工具的速度非常快,它有乾淨外觀和它的超級容易用它創建原型
chceck出wireframes.linowski.ca這是對線框
鉛筆是相當優秀且免費的一雜訊的博客!它可以下載作爲一個獨立的應用程序或作爲一個Firefox插件。
使用Mockuptiger,您可以導入Photoshop圖像或網站的截圖,然後將它們與可點擊的鏈接或按鈕鏈接在一起。
MockupTiger是一個基於Web的應用程序,您可以將其託管在您自己的服務器上。它具有構建Web應用程序和儀表板的小部件Wireframes。
注意:僅適用於最新的瀏覽器。您也可以下載並在桌面上使用。
PS:我是這個軟件的開發
退房ProtoShare再次:要快得多距今約2010年,模具和小部件庫比Balsamiq工作室更加靈活。如果你想控制你的原型的外觀,並希望交互性和簡單的協作和審查使用ProtoShare而不是Balsamiq。
我用我的原型來說明WordPress主題/網站與來自colorfully.me的插件 這是我認爲看到一個網站如何看待現實,測試並感受它將如何看待的最快方式。也有時我用它來製作。
雖然我猜這實際上並不能讓你「交流」那麼多。 – thebrokencube 2009-07-10 18:40:41
這真是太神奇了! – IanGilham 2009-07-10 18:45:33