Website wireframe

Website wireframe

A website wireframe is a basic visual guide used in web design to suggest the layout of fundamental elements in the interface. Because of this they are often completed before any artwork is developed. When completed correctly they will provide a visual reference upon which to structure each page. Wireframes also allow for the development of variations of a layout to maintain design consistency throughout the site. This is an important part of the initial development stage because it creates user expectations and helps to develop an awareness of and familiarity with the site.

Creating a set of wireframes for any project also acts as a way to communicate with clients and stakeholders such as content creators, engineers, and developers. Over the course of a project the wireframing exercise functions as a stable base on which to consider changes, diverse user paths, and new requirements. The information architect and information designer typically use the wireframes as a meeting of the minds and as solid working documents on which to establish the language, content, and structure of interactions users will have with a given site or project.

The creation of wireframes also helps to define the positioning of global and secondary levels of navigation in a prominent and intuitive position, as well as providing an area for utilities such as helpful information and search facilities. When creating your wireframes it is critical to ensure that branding is central to the identity of a site so as to communicate the personality of the site.

See also

* Information Architecture
* Comprehensive layout
* Graphic organizer
* Web template

External links

* [http://totheweb.com/learning_center/website-wire-frame.html Homepage & SubPage Wireframe Examples]
* [http://www.grokdotcom.com/wireframing.htm Wireframe yourself!]


Wikimedia Foundation. 2010.

Игры ⚽ Поможем написать курсовую

Look at other dictionaries:

  • Wireframe — or wire frame can refer to:* Wire frame model used in 3D modeling; * Wireframe art such as wire jewelry used in plastic arts; * Website wireframe used in web design …   Wikipedia

  • Wireframe — Der Ausdruck Wireframe wird in verschiedenen Bereichen der Informationstechnik verwendet. Begriff Übersetzt bedeutet dieser englische Begriff so viel wie „Drahtgitter“. Der Ausdruck meinte ursprünglich eine sehr einfache Schneiderpuppe, also… …   Deutsch Wikipedia

  • wireframe — 1. noun a) A visual model of an electronic representation of a three dimensional object b) A basic visual guide used to suggest the layout of fundamental elements in a web interface 2. verb a) To generate a wireframe representation b) To prepare… …   Wiktionary

  • Web design — is the process of planning and creating a website. Text, images, digital media and interactive elements are shaped by the web designer to produce the page seen on the web browser.[1] Web designers utilize markup language, most notably HTML for… …   Wikipedia

  • Design — For the 1970s music group, see Design (UK band). All Saints Chapel in the Cathedral Basilica of St. Louis by Louis Comfort Tiffany. The building structure and decorations are both examples of design …   Wikipedia

  • Architecture — For other uses, see Architecture (disambiguation). Brunelleschi, in the building of the dome of Florence Cathedral, not only transformed the cathedral and the city of Florence, but also the role and status of the architect …   Wikipedia

  • Comprehensive layout — In graphic design and advertising, a comprehensive layout or comprehensive, usually shortened to comp, is the page layout of a proposed design as initially presented by the designer to a client, showing the relative positions of text and… …   Wikipedia

  • Design management — is the business side of design. Design managers need to speak the language of the business and the language of design …   Wikipedia

  • Cobalt (CAD program) — Cobalt’s integral ray tracing capabilities afford the designer detailed control of a wide variety of surface properties, including the amount of dimpling in the polished sandstone table. Shown here is a high end espresso tamper with an integral… …   Wikipedia

  • ASUS — Dieser Artikel oder Abschnitt ist nicht hinreichend mit Belegen (Literatur, Webseiten oder Einzelnachweisen) versehen. Die fraglichen Angaben werden daher möglicherweise demnächst gelöscht. Hilf Wikipedia, indem du die Angaben recherchierst und… …   Deutsch Wikipedia

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”