Adapting to the Unknown

53
Adapting to the Unknown Abraham Velázquez Tello Open Standards Developer Joseph Delhommer Senior Visual Designer Tuesday, March 26, 13
  • date post

    18-Oct-2014
  • Category

    Documents

  • view

    4.790
  • download

    1

description

R/GA Chicago's Abraham Velázquez Tello and Joseph Delhommer discuss how designers and technologists are redefining the creative process through close - and frequent - collaboration.

Transcript of Adapting to the Unknown

Page 1: Adapting to the Unknown

Adapting to the Unknown

Abraham Velázquez Tello Open Standards DeveloperJoseph Delhommer Senior Visual Designer

Tuesday, March 26, 13

Page 2: Adapting to the Unknown

25% of US internet users only access the web through a mobile device.

“”MobiThinking

Tuesday, March 26, 13

Page 3: Adapting to the Unknown

2005 2013

Tuesday, March 26, 13

Page 4: Adapting to the Unknown

The web isn’t this.

Tuesday, March 26, 13

Page 5: Adapting to the Unknown

Tuesday, March 26, 13

Page 6: Adapting to the Unknown

The web is everywhere.

Tuesday, March 26, 13

Page 7: Adapting to the Unknown

Tuesday, March 26, 13

Page 8: Adapting to the Unknown

This is Responsive.

Tuesday, March 26, 13

Page 9: Adapting to the Unknown

Tuesday, March 26, 13

Page 10: Adapting to the Unknown

Redefine the creative process.

Tuesday, March 26, 13

Page 11: Adapting to the Unknown

Designers think like developers.Developers think like designers.

Tuesday, March 26, 13

Page 12: Adapting to the Unknown

Tuesday, March 26, 13

Page 13: Adapting to the Unknown

Tuesday, March 26, 13

Page 14: Adapting to the Unknown

Debate is important. It makes the work better.

Tuesday, March 26, 13

Page 15: Adapting to the Unknown

Let’s evolve the process.Iterative optimization.

Tuesday, March 26, 13

Page 16: Adapting to the Unknown

Responsive Design is the first step.

Tuesday, March 26, 13

Page 17: Adapting to the Unknown

Tuesday, March 26, 13

Page 18: Adapting to the Unknown

Work smart.Create a style guide.

Tuesday, March 26, 13

Page 19: Adapting to the Unknown

The web is squishy.Allow things to ebb & flow.

Tuesday, March 26, 13

Page 20: Adapting to the Unknown

Tuesday, March 26, 13

Page 21: Adapting to the Unknown

Embrace flexible grids.

Tuesday, March 26, 13

Page 22: Adapting to the Unknown

Tuesday, March 26, 13

Page 23: Adapting to the Unknown

The handoff isn’t a one-night stand,it’s a project-long relationship.

Tuesday, March 26, 13

Page 24: Adapting to the Unknown

PSDs are the desired result. Code is the end product.

Tuesday, March 26, 13

Page 25: Adapting to the Unknown

Tuesday, March 26, 13

Page 26: Adapting to the Unknown

Where we started.

Tuesday, March 26, 13

Page 27: Adapting to the Unknown

Tuesday, March 26, 13

Page 28: Adapting to the Unknown

Where we ended up.

Tuesday, March 26, 13

Page 29: Adapting to the Unknown

Tuesday, March 26, 13

Page 30: Adapting to the Unknown

Prototype and test everything.

Tuesday, March 26, 13

Page 31: Adapting to the Unknown

Tuesday, March 26, 13

Page 32: Adapting to the Unknown

Check Yo’ Shit

Tuesday, March 26, 13

Page 33: Adapting to the Unknown

Tuesday, March 26, 13

Page 34: Adapting to the Unknown

Remember:

Stop measuring in pixels.Experiment, analyze and understand.Performance is a feature.

Tuesday, March 26, 13

Page 35: Adapting to the Unknown

Everything should be responsive.Yourself included.

Tuesday, March 26, 13

Page 36: Adapting to the Unknown

Free Knowledge

Tuesday, March 26, 13

Page 37: Adapting to the Unknown

Responsive.ishttp://responsive.is/

Tuesday, March 26, 13

Page 38: Adapting to the Unknown

Be one with your browser.

Tuesday, March 26, 13

Page 39: Adapting to the Unknown

Understand DevToolshttp://discover-devtools.codeschool.com/

Tuesday, March 26, 13

Page 40: Adapting to the Unknown

This Is Responsivehttp://bradfrost.github.com/this-is-responsive/

Tuesday, March 26, 13

Page 41: Adapting to the Unknown

R/GA Responsive Bloghttp://responsive.rga.com/

Tuesday, March 26, 13

Page 42: Adapting to the Unknown

Style Guides

Tuesday, March 26, 13

Page 43: Adapting to the Unknown

Style Tileshttp://styletil.es/

Tuesday, March 26, 13

Page 44: Adapting to the Unknown

Webstileshttp://webstiles.namanyayg.com/webstile/

Tuesday, March 26, 13

Page 45: Adapting to the Unknown

Design Patterns

Tuesday, March 26, 13

Page 46: Adapting to the Unknown

MediaQueri.eshttp://mediaqueri.es/

Tuesday, March 26, 13

Page 47: Adapting to the Unknown

Unmatched Stylehttp://unmatchedstyle.com/

Tuesday, March 26, 13

Page 48: Adapting to the Unknown

Pttrnshttp://pttrns.com/

Tuesday, March 26, 13

Page 49: Adapting to the Unknown

Frameworks

Tuesday, March 26, 13

Page 50: Adapting to the Unknown

Bootstraphttp://twitter.github.com/bootstrap/

Tuesday, March 26, 13

Page 51: Adapting to the Unknown

Foundationhttp://foundation.zurb.com/

Tuesday, March 26, 13

Page 52: Adapting to the Unknown

Abraham Velázquez Tello @lunarojaJoseph Delhommer @alwaysplotting

Thanks!http://www.slideshare.net/RGA/adapting-to-the-unknown

Tuesday, March 26, 13

Page 53: Adapting to the Unknown

Tuesday, March 26, 13