Wireframes

977 views

Published on

Published in: Business, Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
977
On SlideShare
0
From Embeds
0
Number of Embeds
29
Actions
Shares
0
Downloads
15
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

Wireframes

  1. 1. WWWWWWWWW <ul><li>What’s a wireframe? </li></ul><ul><li>And should you be wanting one? </li></ul>
  2. 2. Definition <ul><li>Basic visual guide to suggest the layout and placement of fundamental design elements in the interface design. </li></ul><ul><li>Because of this they must be completed before any artwork is developed. </li></ul><ul><li>Provides a visual reference upon which to structure each page. </li></ul>
  3. 3. More definition <ul><li>They also allow for the development of variations of a layout to maintain design consistency throughout your site. </li></ul><ul><li>This is an important part of the initial development stage because it creates user expectations and helps to develop an awareness and familiarity throughout the site. </li></ul>
  4. 4. And more <ul><li>communication tool to clients and stakeholders </li></ul><ul><li>base on which to consider changes </li></ul><ul><li>define the positioning of global and secondary levels of navigation </li></ul>
  5. 6. Source: http://www.guuui.com/issues/01_03_02.php
  6. 8. <ul><li>Generate testable prototypes </li></ul><ul><li>Reduce wasted time and effort of reworking Visio wireframes or comps into an HTML product. </li></ul><ul><li>Work in the medium you're designing for </li></ul>HTML prototyping

×