Daniel K. Schneider: Text replacement - "$" to " {{edutechwiki}}"

2021-04-10T00:18:10Z

Text replacement - "$" to " {{edutechwiki}}"

← Older revision		Revision as of 02:18, 10 April 2021
Line 78:		Line 78:
	[[Category: Web authoring]]		[[Category: Web authoring]]
	[[Category: Design methodologies]]		[[Category: Design methodologies]]
			{{edutechwiki}}

Daniel K. Schneider: 1 revision imported

2021-04-09T22:18:18Z

1 revision imported

← Older revision	Revision as of 00:18, 10 April 2021
(No difference)

Daniel K. Schneider: Text replacement - "" to ""

2016-08-22T17:03:59Z

Text replacement - "<pageby nominor="false" comments="false"/>" to ""

New page

{{interaction-design|Overview article}}
{{stub}}


This piece needs updating ! / [[User:Daniel K. Schneider|Daniel K. Schneider]] ([[User talk:Daniel K. Schneider|talk]]) 21:45, 1 February 2015 (CET)

== Introduction ==

{{quotation|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?}} ([http://blog.karolzielinski.com/prototyping-software-you-dont-need-it Karol Zielinski], July 2009)

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

; Drawing programms
* Pencil and paper
* Open office drawing program (Free)
* Presentation software like [http://www.openoffice.org/ OpenOffice presenter]
* 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)

; Diagramming software
See [[diagramming software]] and to a lesser extent [[concept map]] and [[mind map]] software

; 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) ===

* [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]]

Random list:
* [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 ===

* [http://www.dexodesign.com/2008/11/07/review-16-user-interface-prototyping-tools/ Review: 16 User Interface Prototyping Tools], November 7th, 2008 by Russell Wilson
* [http://en.wikipedia.org/wiki/Graphical_user_interface_builder Graphical user interface builder] (Wikipedia, includes a list of GUI builders)

=== Introductions and further reading ===

* [http://www.wireframemockups.com/ Wireframe Mockups] is a collection of articles of interest. Quote (11/2010): {{quotation|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.}}
* [http://en.wikipedia.org/wiki/User_interface_design User interface design](Wikipedia)
* [http://en.wikipedia.org/wiki/Software_prototyping Software prototyping] (Wikipedia)
* [http://en.wikipedia.org/wiki/Paper_prototypes Paper Prototyping] (Wikipedia)
* [http://en.wikipedia.org/wiki/GUI_Builder GUI Builder] (Wikipedia)
* [http://en.wikipedia.org/wiki/Storyboard storyboards] (Wikipedia)

* [http://blog.karolzielinski.com/prototyping-software-you-dont-need-it Prototyping software – you don’t need it!], July 2009, by Karol Zielinski.

[[Category: Ergonomics and human-computer interaction]]
[[Category: Web authoring]]
[[Category: Design methodologies]]

Web prototyping software - Revision history

Daniel K. Schneider: Text replacement - "$" to " {{edutechwiki}}"

Daniel K. Schneider: 1 revision imported

Daniel K. Schneider: Text replacement - "" to ""