Download - Digital Prototypes: Work Smarter, Not Harder
Transcript
Work Smarter, Not Harder.
Using digital prototypes to create responsive wireframes.
Who are we?
A brief history
The Guttenberg Version
Wireframes:
The Wireframe
3 in 3
Illustrator Axure Omnigraffle
Responsive Prototype
3 in 1
html
Early collaboration
Prototype Tools
Foundation Bootstrap Proty
What You Need To Know
Responsive Principles
Grid System
Content is king
Sketch A Plan
Technical Components
GitHub*
Text Wrangler Dreamweaver Sublime Text 2
Coda Textmate
Prototype Pros
Instant feedback
...for the most part.
Prototypes are dynamic.
…like these two.
Prototype Cons
This looks convincingly real!
Changes to timeline
Integrate as a deliverable
Paparazzi Awesome Screenshot
In sum...
• 3 in 1 • HTML/CSS (more universal) • instant feedback • more effective wireframes
