Using a Joostrap template, Philip will be explaining & demoing how you wire frame a website right in your browser and why it will save you load's of time.
There are no fancy plugins here! This is wire framing for your client, built directly in your browser & saving you untold hours messing around in other software.
It is so hard sometimes, trying to get across to a client with a few drawings how the functionality of something could work. Wire framing directly in the browser gives your client a working wireframe/prototype where they can interact with links, pages & concepts. Not only that, but after client approval, you just have to style your working wireframe/prototype or switch to the template that is using the same module positions... It's a win win situation!
4. WHATSO WHAT’S THIS SESSION ABOUT?
Wireframing via
the Browser
1. Why We Wireframe
2. Why To Prototype
3. How To Prototype
4. Process & Implementation
5. The Modern Process
5. DISCLAIMERI DID IT MY WAY…
Wireframing via
the Browser
May not work for you all or
some of your clients…
But hey, it works for me
…and that’s what matters!
6. THE DIFFERENCEI AM CONFUSED
Wireframing via
the Browser
Wireframing
vs
HTML Prototyping
13. THE DIFFERENCEPROTOTYPES
Wireframing via
the Browser
… Prototypes are interactive
… Prototypes force you to
discover & solve problems
early on in the project
… Prototypes are more
representative of the
final product
… Forces you to deal with reality!