Web prototyping software: Difference between revisions
Jump to navigation
Jump to search
m (using an external editor) |
|||
| Line 15: | Line 15: | ||
; Commercial drawing | ; Commercial drawing | ||
* Photoshop | * Illustrator + Photoshop | ||
* OmmniGraffe + OmmiGraffle extensions (Mac) | |||
For some programs one then can download special stencils, e.g. | |||
* [http://www.jankoatwarpspeed.com/post/2009/12/24/sketching-wireframing-kit.aspx Free Sketching & Wireframing Kit] (Adobe Illustrator and the other in SVG vector format) | |||
; Interactive Multimedia | ; Interactive Multimedia | ||
| Line 25: | Line 29: | ||
* Flex (use Flash Builder just for the GUI outline) | * Flex (use Flash Builder just for the GUI outline) | ||
; | ; Wireframe mockup | ||
Wireframe mockups can illustrate of the layout of fundamental elements of the web page. There exist several kinds of tools, e.g. | |||
* Specific [[web wireframe]] tools (see this article for a longer list) | |||
* General purpose diagramming tools | |||
* General purpose GUI wireframe tools | |||
* [ | |||
* | |||
* | |||
== Links == | == Links == | ||
| Line 43: | Line 42: | ||
* [http://c2.com/cgi/wiki?GuiPrototypingTools Gui Prototyping Tools] (good list in the ''original'' wiki, wow), up-to-date when retrieved 18:12, 26 November 2010 (CET). | * [http://c2.com/cgi/wiki?GuiPrototypingTools Gui Prototyping Tools] (good list in the ''original'' wiki, wow), up-to-date when retrieved 18:12, 26 November 2010 (CET). | ||
=== Some software === | |||
See also: | |||
* [[web wireframe]] | |||
* [[concept map]] | |||
* [http://www.justinmind.com/ Justinmind] interactive wireframes using its extensive gallery of components and interactions. - | |||
* DefineIt from [http://en.wikipedia.org/wiki/Borland Borland] | |||
* [http://www.carettasoftware.com/ GUI Design Studio] | |||
* [http://www.conceptdraw.com/en/products/webwave/main.php ConceptDraw PRO WebWave Plug-in] | |||
=== Comparisons and reviews === | === Comparisons and reviews === | ||
Revision as of 15:18, 13 January 2011
<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
- Illustrator + Photoshop
- OmmniGraffe + OmmiGraffle extensions (Mac)
For some programs one then can download special stencils, e.g.
- Free Sketching & Wireframing Kit (Adobe Illustrator and the other in SVG vector format)
- Interactive Multimedia
- Fireworks
- Flash
- Catalyst
- GUI Builders / CASE tools
- Flex (use Flash Builder just for the GUI outline)
- Wireframe mockup
Wireframe mockups can illustrate of the layout of fundamental elements of the web page. There exist several kinds of tools, e.g.
- Specific web wireframe tools (see this article for a longer list)
- General purpose diagramming tools
- General purpose GUI wireframe tools
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).
Some software
See also:
- Justinmind interactive wireframes using its extensive gallery of components and interactions. -
- DefineIt from Borland
- GUI Design Studio
- ConceptDraw PRO WebWave Plug-in
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
- Wireframe Mockups is a collection of articles of interest. Quote (11/2010): “Wireframes, Mockups and Prototypes are an integral part of any requirement gathering and software development. This site aims to provide some intelligent discussion points on the above topics.”
- 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.