View
165
Download
0
Category
Preview:
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.
Citation preview
Process, Tools, and theFuture of Our Practice
Justin Kropp - Code & Creativity - February 25, 2014
Numbers and Questions
PA R T O N E
3713.6Million Thousand
Source: http://on.wsj.com/1bfcjkM
Smartphones per day Births per day
14Drop in laptop and desktop shipments.
Source: http://on.wsj.com/NbaYQO
%-
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
My toolbox must evolve.
What will these tools look like?
How will my process change?
What will it look like in 5 or 10 years?
How will the public engagewith what I build?
Do I want to continue to do this?
A Linear Process
PA R T T W O
Sketch Design Print
I think we all crave a certain level of
predictability in our process.
Sketch Design Print
The Early Static Web
PA R T T H R E E
Plan Design Code Launch
Freak out.
A site is never truly finished.
An Adaptive Process
PA R T F O U R
Nothing is so painful to the human
mind as a great and sudden change.
Mary Shelley
The web is stretchy.
We’re not designing pages, we’re
designing systems of components.
Stephen Hay
Atoms Molecules Organisms Templates Pages
Design or manufacturing?
Don’t get drunk on processor fall in love with tools.
Andy Clarke
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?
We shape our tools and thereafterour tools shape us.
Marshall McLuhan
The Future of Our Work
PA R T F I V E
Early Tools
Pencil
Paper
Photoshop
Illustrator
Indesign
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
Future Tools
Thanks
@justinkropp
justinkropp@gmail.com
Recommended