wireframes
DESCRIPTION
TRANSCRIPT
![Page 1: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/1.jpg)
WWWWWWWWWWhat’s a wireframe?
And should you be wanting one?
![Page 2: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/2.jpg)
Definition•Basic visual guide to suggest the
layout and placement of fundamental design elements in the interface design.
•Because of this they must be completed before any artwork is developed.
•Provides a visual reference upon which to structure each page.
![Page 3: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/3.jpg)
More definition•They also allow for the development
of variations of a layout to maintain design consistency throughout your site.
•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.
![Page 4: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/4.jpg)
And more
•communication tool to clients and stakeholders
•base on which to consider changes
•define the positioning of global and secondary levels of navigation
![Page 5: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/5.jpg)
![Page 6: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/6.jpg)
Source: http://www.guuui.com/issues/01_03_02.ph
p
![Page 7: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/7.jpg)
![Page 8: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/8.jpg)
•Generate testable prototypes
•Reduce wasted time and effort of reworking Visio wireframes or comps into an HTML product.
•Work in the medium you're designing for
HTML prototyping
![Page 9: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/9.jpg)
![Page 10: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/10.jpg)
![Page 11: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/11.jpg)
![Page 12: Wireframes](https://reader037.vdocuments.mx/reader037/viewer/2022110303/54c81b764a795923408b456c/html5/thumbnails/12.jpg)
QuickTime™ and aH.264 decompressor
are needed to see this picture.