web design toolbox
DESCRIPTION
Take a look at a variety emerging tools and evolving workflow challanges facing web (and responsive) designers today.TRANSCRIPT
ResponsiveToolbox
Jacob SurberSr. Product Manager HTML Design @jacobsurber
Web design
Web Designers
Information
Motion
Visual
On a notepad
Innotepad
On a notepad
Top down
Visual approach
Innotepad
Bottom Up
Content First
Content
First
We find ourselves on the edge
Team dynamic & individual responsibilities
Tools
Inspection
Responsive Inspector
Collaboration
Skitch Cloudapp
Dan Mall
Dan Malldanielmall.com/articles/rif-element-collages
Abstraction
Abstraction = Good
Abstraction = Bad ?
The right tool for the right job
Design
Design for the medium
“Content Choreography”@trentwalton
Honesty in design
Emerging Tools
2013
If you are not embarrassed by the first version of your product, you’ve launched too late.
- Reid Hoffman
Change is OK
Change requires more than 5 minutes of effort
Because a tool does not solve your every need,
doesn’t mean it can’t help
#letsbehonest
Design is about communication
Layout
is Design
Let’s talk about
#changeiscoming
Designers Developers
is about communication
•Responsive Intent
•Designing to content
What’s the workflow?
What’s the workflow?
What’s the workflow?
http://blog.terrenceryan.com/reflow-cleaner/
Mobile or Desktop?
#whichway??
screen grab
Where are we going?
Where are we going?
Try
html.adobe.com/edge/reflow
@Reflow
Jacob SurberSr. Product Manager HTML Design @jacobsurber