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

Adapting to the Unknown

Oct 18, 2014

Download

Documents

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.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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