Wireframes presentation

  • 680 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
680
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
22
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Website Wireframes
  • 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. 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. 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. Simple Wireframes
  • 6. Complicated Wireframes
  • 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. Uses of wireframes:• Clients: It helps them making clear idea about which features need to be highlighted from their business point of view.
  • 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. Uses of wireframes:• Developers: Use wireframes to identify the functional and technical requirements of a site beside the SRS and the HTMLs templates.
  • 11. Thank you