Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
-
date post
22-Oct-2014 -
Category
Design
-
view
165 -
download
0
description
Transcript of Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
![Page 1: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/1.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/2.jpg)
Numbers and Questions
PA R T O N E
![Page 4: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/4.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/5.jpg)
14Drop in laptop and desktop shipments.
Source: http://on.wsj.com/NbaYQO
%-
![Page 7: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/7.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/8.jpg)
My toolbox must evolve.
![Page 9: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/9.jpg)
What will these tools look like?
![Page 10: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/10.jpg)
How will my process change?
![Page 11: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/11.jpg)
What will it look like in 5 or 10 years?
![Page 12: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/12.jpg)
How will the public engagewith what I build?
![Page 13: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/13.jpg)
Do I want to continue to do this?
![Page 14: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/14.jpg)
A Linear Process
PA R T T W O
![Page 15: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/15.jpg)
Sketch Design Print
![Page 16: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/16.jpg)
![Page 17: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/17.jpg)
![Page 18: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/18.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/19.jpg)
Sketch Design Print
![Page 20: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/20.jpg)
![Page 21: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/21.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/22.jpg)
Plan Design Code Launch
Freak out.
![Page 23: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/23.jpg)
![Page 24: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/24.jpg)
![Page 25: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/25.jpg)
![Page 26: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/26.jpg)
A site is never truly finished.
![Page 27: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/27.jpg)
An Adaptive Process
PA R T F O U R
![Page 28: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/28.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/29.jpg)
The web is stretchy.
![Page 30: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/30.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/31.jpg)
![Page 32: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/32.jpg)
Atoms Molecules Organisms Templates Pages
![Page 33: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/33.jpg)
Design or manufacturing?
![Page 34: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/34.jpg)
![Page 35: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/35.jpg)
![Page 36: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/36.jpg)
![Page 37: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/37.jpg)
![Page 38: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/38.jpg)
![Page 39: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/39.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/40.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/41.jpg)
We shape our tools and thereafterour tools shape us.
Marshall McLuhan
![Page 42: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/42.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/43.jpg)
Early Tools
Pencil
Paper
Photoshop
Illustrator
Indesign
![Page 44: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/44.jpg)
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]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/45.jpg)
Future Tools
![Page 46: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/46.jpg)
![Page 47: Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]](https://reader033.fdocuments.us/reader033/viewer/2022052617/54474e9bb1af9f0f098b4618/html5/thumbnails/47.jpg)