Web wireframe: Difference between revisions
m (→Links) |
m (using an external editor) |
||
| Line 7: | Line 7: | ||
According to Wikipedia, {{quotation|Wireframes can range from simple structural drawings of the site to a high-fidelity simulation of the navigation, which has movements, functional links and complex interactions. For simple drawings, [http://en.wikipedia.org/paper prototyping paper prototyping] is the most common technique, but it's becoming increasingly common to use software for more complex projects. Software used for wireframing includes [http://en.wikipedia.org/Microsoft Visio Microsoft Visio], [http://en.wikipedia.org/Creately Creately], [http://en.wikipedia.org/Balsamiq Balsamiq], [http://en.wikipedia.org/LucidChart LucidChart], [http://en.wikipedia.org/ProtoShare ProtoShare], [http://en.wikipedia.org/Axure Axure], [http://en.wikipedia.org/Justinmind Prototyper Justinmind Prototyper], [http://en.wikipedia.org/Adobe Fireworks Adobe Fireworks], [http://en.wikipedia.org/OmniGraffle OmniGraffle], Mockingbird and others.}} ([http://en.wikipedia.org/wiki/Website_wireframe Website wireframe], retrieved 10:50, 13 January 2011 (CET).) | According to Wikipedia, {{quotation|Wireframes can range from simple structural drawings of the site to a high-fidelity simulation of the navigation, which has movements, functional links and complex interactions. For simple drawings, [http://en.wikipedia.org/paper prototyping paper prototyping] is the most common technique, but it's becoming increasingly common to use software for more complex projects. Software used for wireframing includes [http://en.wikipedia.org/Microsoft Visio Microsoft Visio], [http://en.wikipedia.org/Creately Creately], [http://en.wikipedia.org/Balsamiq Balsamiq], [http://en.wikipedia.org/LucidChart LucidChart], [http://en.wikipedia.org/ProtoShare ProtoShare], [http://en.wikipedia.org/Axure Axure], [http://en.wikipedia.org/Justinmind Prototyper Justinmind Prototyper], [http://en.wikipedia.org/Adobe Fireworks Adobe Fireworks], [http://en.wikipedia.org/OmniGraffle OmniGraffle], Mockingbird and others.}} ([http://en.wikipedia.org/wiki/Website_wireframe Website wireframe], retrieved 10:50, 13 January 2011 (CET).) | ||
=== List of tools === | |||
* [http://www.justinmind.com/ Justinmind] interactive wireframes using its extensive gallery of components and interactions. - [http://en.wikipedia.org/wiki/Justinmind_Prototyper Justinmind Prototyper] (Wikipedia) | |||
* [http://www.conceptdraw.com/en/products/webwave/main.php ConceptDraw PRO WebWave Plug-in] | |||
* [http://balsamiq.com/products/mockups Balsamiq Mockups], a fairly easy to use and powerful tool it seems. ([http://balsamiq.com/support/documentation documentation]) | |||
* [http://www.justproto.com/en/ Justproto] | |||
* [http://mockupscreens.com/ Mockup Screens]. | |||
* [http://en.wikipedia.org/wiki/LucidChart LucidChart] (Wikipedia) | |||
* [http://www.protoshare.com ProtoShare] | |||
* [http://en.wikipedia.org/wiki/Axure_RP Axure] (Wikipedia) | |||
* DefineIt from [http://en.wikipedia.org/wiki/Borland Borland] | |||
* [http://www.carettasoftware.com/ GUI Design Studio] | |||
== Links == | == Links == | ||
Revision as of 14:44, 13 January 2011
“A website wireframe (also "web wire frame", "web wireframe", "web wireframing") is a basic visual guide used in interface design to suggest the structure of a website and relationships between its pages. A webpage wireframe is a similar illustration of the layout of fundamental elements in the interface. Typically, wireframes are completed before any artwork is developed.” Website Wikipedia, retrieved Jan 12 2011)
Tools
According to Wikipedia, “Wireframes can range from simple structural drawings of the site to a high-fidelity simulation of the navigation, which has movements, functional links and complex interactions. For simple drawings, prototyping paper prototyping is the most common technique, but it's becoming increasingly common to use software for more complex projects. Software used for wireframing includes Visio Microsoft Visio, Creately, Balsamiq, LucidChart, ProtoShare, Axure, Prototyper Justinmind Prototyper, Fireworks Adobe Fireworks, OmniGraffle, Mockingbird and others.” (Website wireframe, retrieved 10:50, 13 January 2011 (CET).)
List of tools
- 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. (documentation)
- Justproto
- Mockup Screens.
- LucidChart (Wikipedia)
- ProtoShare
- Axure (Wikipedia)
- DefineIt from Borland
- GUI Design Studio
Links
- Website wireframe (Wikipedia)
- communication design (Wikipedia)