Your SlideShare is downloading. ×
0
Website Wireframes
Definition:  A website wireframe also known as screen blueprint, is a visual guide that represents the framework of a webs...
Wireframe typically contain:• Navigation• Placeholders for branding elements• General layout locations of key elements lik...
Wireframes focus on:• The kinds of information displayed• The range of functions available• The relative priorities of the...
Simple Wireframes
Complicated Wireframes
Uses of wireframes:• Designers:  Provides the base which helps the designers  to initiate the designing process by providi...
Uses of wireframes:• Clients:  It helps them making clear idea about which  features need to be highlighted from their  bu...
Uses of wireframes:• Projects team:  Use wireframes to ensure that requirements  and objectives are met through the design...
Uses of wireframes:• Developers:  Use wireframes to identify the functional and  technical requirements of a site beside t...
Thank you
Wireframes  presentation
Upcoming SlideShare
Loading in...5
×

Wireframes presentation

750

Published on

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

  • Be the first to like this

No Downloads
Views
Total Views
750
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
23
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Wireframes presentation"

  1. 1. Website Wireframes
  2. 2. Definition: A website wireframe also known as screen blueprint, is a visual guide that represents the framework of a website also allows designers and developers to present proposed functions, graphic elements, structure, and content of a website with simple line drawings.
  3. 3. Wireframe typically contain:• Navigation• Placeholders for branding elements• General layout locations of key elements like header, footer, content columns, navigation• Placeholder images and content• Site map that shows where different pages might live on the site• Additional pages to show how interior pages might change• Simple workflow for interactive elements
  4. 4. Wireframes focus on:• The kinds of information displayed• The range of functions available• The relative priorities of the information and functions• The rules for displaying certain kinds of information• The effect of different scenarios on the
  5. 5. Simple Wireframes
  6. 6. Complicated Wireframes
  7. 7. Uses of wireframes:• Designers: Provides the base which helps the designers to initiate the designing process by providing the components for each page
  8. 8. Uses of wireframes:• Clients: It helps them making clear idea about which features need to be highlighted from their business point of view.
  9. 9. Uses of wireframes:• Projects team: Use wireframes to ensure that requirements and objectives are met through the design, also use wireframes as a base to build their SRS according to it.
  10. 10. Uses of wireframes:• Developers: Use wireframes to identify the functional and technical requirements of a site beside the SRS and the HTMLs templates.
  11. 11. Thank you
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×