Wireframes  presentation
Upcoming SlideShare
Loading in...5
×
 

Wireframes presentation

on

  • 1,068 views

 

Statistics

Views

Total Views
1,068
Views on SlideShare
998
Embed Views
70

Actions

Likes
0
Downloads
22
Comments
0

1 Embed 70

http://speakerrate.com 70

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Wireframes  presentation Wireframes presentation Presentation Transcript

  • Website Wireframes
  • 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.
  • 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
  • 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
  • Simple Wireframes
  • Complicated Wireframes
  • Uses of wireframes:• Designers: Provides the base which helps the designers to initiate the designing process by providing the components for each page
  • Uses of wireframes:• Clients: It helps them making clear idea about which features need to be highlighted from their business point of view.
  • 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.
  • Uses of wireframes:• Developers: Use wireframes to identify the functional and technical requirements of a site beside the SRS and the HTMLs templates.
  • Thank you