Web Design Toolbox

Preview:

DESCRIPTION

Jacob Surber, our Sr. Product Manager of HTML Design, offers a look at a variety emerging tools and evolving workflow challenges facing web (and responsive) designers today.

Citation preview

ResponsiveToolbox

Jacob SurberSr. Product Manager HTML Design @jacobsurber

Web design

Web Designers

Print

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

PIOTR WALCZYSZYN - http://outof.me

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