• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Rapid wireframing and prototyping
 

Rapid wireframing and prototyping

on

  • 908 views

An introduction to wireframing and prototyping and the tools used to design more efficient wireframes.

An introduction to wireframing and prototyping and the tools used to design more efficient wireframes.

Statistics

Views

Total Views
908
Views on SlideShare
908
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Upload Details

Uploaded via as Adobe PDF

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

    Rapid wireframing and prototyping Rapid wireframing and prototyping Presentation Transcript

    • Rapid Wireframing & PrototypingAn IntroductionPresented by Mario Hernandez - Designs DriveEmail: DesignsDrive@gmail.comTwitter: @DesignsDrive
    • Agenda● What are Wireframes?
    • Agenda● What are Wireframes?● Benefits of Wireframes
    • Agenda● What are Wireframes?● Benefits of Wireframes● Tools
    • Agenda● What are Wireframes?● Benefits of Wireframes● Tools● Hands-on Demonstration
    • What are Wireframes?Wireframes help build the structure of a websiteby displaying the basic elements such asHeader, Footer, Navigation, Page Columns,Sidebars, etc,.
    • Purpose of Wireframes
    • Purpose of Wireframes
    • Benefits of WireframingUsers:It facilitates the conversation between usersand developers.
    • Benefits of WireframingUsers:It facilitates the conversation between usersand developers.Managers:Allows for better project management andprioritization.
    • Benefits of WireframingUsers:It facilitates the conversation between usersand developers.Managers:Allows for better project management andprioritization.Developers:No longer guessing what users want.
    • ToolsPaper
    • ToolsDrawing Tools● Google Drawings● Balsamiq● Power Point● Keynotopia toolkit● Photoshop● Ilustrator
    • ToolsCSSFrameworks● Bootstrap● Foundation● 960 Grid System● See more
    • Hands-on Demo
    • ResourcesFoundation: http://foundation.zurb.comBootstrap: http://twitter.github.io/bootstrap/index.htmlBalsamiq: http://www.balsamiq.com/
    • Questions?web: http://DesignsDrive.comemail: DesignsDrive@gmail.comtwitter: @DesignsDriveGet the slides at http://slideshare.net/marequi