justin kropp: process, tools & the future of our practice [feb 2014]

48
Process, Tools, and the Future of Our Practice Justin Kropp - Code & Creativity - February 25, 2014

Post on 22-Oct-2014

165 views

Category:

Design


0 download

DESCRIPTION

Tools are an essential part of our discipline. They afford us the opportunity to execute our work in the ways that we intended. However, the landscape of what is available to carry out our work has changed rapidly over the last decade—from the applications we use to strategize and design, to the frameworks and methodologies we use to build and deploy. These tools have not only influenced our processes, but also the way we approach our discipline. In this presentation, I'll explore the evolution of the design practice and the tools we use to craft our work.

TRANSCRIPT

Page 1: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Process, Tools, and theFuture of Our Practice

Justin Kropp - Code & Creativity - February 25, 2014

Page 2: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Numbers and Questions

PA R T O N E

Page 3: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

919350Million Million

Source: http://on.wsj.com/1bfcjkM

PCs Smartphones

Page 4: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

3713.6Million Thousand

Source: http://on.wsj.com/1bfcjkM

Smartphones per day Births per day

Page 5: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

14Drop in laptop and desktop shipments.

Source: http://on.wsj.com/NbaYQO

%-

Page 6: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

17Notebooks forecast to have touch in 2013.

Source: http://bit.ly/1d0BkeC

%

Page 7: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

1,250M

1,000M

750M

500M

250M

0

Global Sales Smartphones & Tablets

Source: http://bit.ly/Okddmf

‘95 ‘97 ‘99 ‘01 ‘03 ‘05 ‘07 ‘09 ‘11 ‘13

Page 8: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

My toolbox must evolve.

Page 9: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

What will these tools look like?

Page 10: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

How will my process change?

Page 11: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

What will it look like in 5 or 10 years?

Page 12: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

How will the public engagewith what I build?

Page 13: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Do I want to continue to do this?

Page 14: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

A Linear Process

PA R T T W O

Page 15: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Sketch Design Print

Page 16: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 17: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 18: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

I think we all crave a certain level of

predictability in our process.

Page 19: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Sketch Design Print

Page 20: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 21: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

The Early Static Web

PA R T T H R E E

Page 22: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Plan Design Code Launch

Freak out.

Page 23: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 24: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 25: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 26: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

A site is never truly finished.

Page 27: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

An Adaptive Process

PA R T F O U R

Page 28: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Nothing is so painful to the human

mind as a great and sudden change.

Mary Shelley

Page 29: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

The web is stretchy.

Page 30: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

We’re not designing pages, we’re

designing systems of components.

Stephen Hay

Page 31: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 32: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Atoms Molecules Organisms Templates Pages

Page 33: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Design or manufacturing?

Page 34: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 35: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 36: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 37: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 38: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 39: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Don’t get drunk on processor fall in love with tools.

Andy Clarke

Page 40: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Strategy Design Code Ship

Stakeholder

Interviews Wireframes

Information

Architecture

User Testing

A/B Testing

Responsive

Strategy

Mobile

Strategy

Content

StrategyIterate

Iterate

Iterate

Iterate

Refactor

WTF?

Page 41: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

We shape our tools and thereafterour tools shape us.

Marshall McLuhan

Page 42: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

The Future of Our Work

PA R T F I V E

Page 43: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Early Tools

Pencil

Paper

Photoshop

Illustrator

Indesign

Page 44: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Current Tools

Pencil

Paper

Photoshop

Illustrator

Fireworks

Sketch

Omnigraffle

Sublime Text

Transmit

Git

Subversion

Kissmetrics

Optimizely

Evernote

Google Spreadsheet

Ghostlab

Edge Inspect

Charles Proxy

Typecast

Gridset

iA Writer

Cloud Up

Skype

Balsamiq

Dropbox

Gasmask

VMWare Fusion

Page 45: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Future Tools

Page 46: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 47: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Page 48: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]

Thanks

@justinkropp

[email protected]