Web prototyping software

Draft

<pageby nominor="false" comments="false"/>

Introduction

“Wireframing is one the best method to streamline your development process. But there are many tools and methods to choose from, when creating a wireframe. From to easiest one (hand sketching on paper), to much more complicated (desktop prototyping software, web-based prototyping software, mind-mapping software, etc). Which one is the most powerfull? Maybe any of them is just useless?” (Karol Zielinski, July 2009)

Software

(random collection, none is endorsed by 18:12, 26 November 2010 (CET))

Free drawing

• Pencil and paper
• Flow chart drawing software like DIA (A Visio-like tool)
• Presentation software like OpenOffice presenter

Commercial drawing

• Photoshop

Interactive Multimedia

• Fireworks
• Flash
• Catalyst

GUI Builders / CASE tools

• Flex (use Flash Builder just for the GUI outline)

Commercial interactive mockup

• Justinmind interactive wireframes using its extensive gallery of components and interactions. - Justinmind Prototyper (Wikipedia)
• ConceptDraw PRO WebWave Plug-in
• Balsamiq Mockups, a fairly easy to use and powerful tool it seems. See the documentation
• Justproto
• Mockup Screens.
• LucidChart (Wikipedia)
• ProtoShare (Wikipedia)
• Axure (Wikipedia)
• DefineIt from Borland

Links

Indexes (links of links)

• Gui Prototyping Tools (good list in the original wiki, wow), up-to-date when retrieved 18:12, 26 November 2010 (CET).

Comparisons and reviews

• Review: 16 User Interface Prototyping Tools, November 7th, 2008 by Russell Wilson
• Graphical user interface builder (Wikipedia, includes a list of GUI builders)

Introductions and further reading

• User interface design(Wikipedia)
• Software prototyping (Wikipedia)
• Paper Prototyping (Wikipedia)
• GUI Builder (Wikipedia)
• storyboards (Wikipedia)

• Prototyping software – you don’t need it!, July 2009, by Karol Zielinski.