wireframes

12
WWWWWWWWW What’s a wireframe? And should you be wanting one?

Upload: tomxcoady

Post on 28-Jan-2015

797 views

Category:

Business


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Wireframes

WWWWWWWWWWhat’s a wireframe?

And should you be wanting one?

Page 2: Wireframes

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

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

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
Page 6: Wireframes

Source: http://www.guuui.com/issues/01_03_02.ph

p

Page 7: Wireframes
Page 8: Wireframes

•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
Page 10: Wireframes
Page 11: Wireframes
Page 12: Wireframes

QuickTime™ and aH.264 decompressor

are needed to see this picture.