Process, Tools, and the

Future of Our Practice
Justin Kropp - Code & Creativity - February 25, 2014
Numbers and Questions
PA R T O N E
919350Million Million
Source: http://on.wsj.com/1bfcjkM
PCs Smartphones
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
%-
17Notebooks forecast to have touch in 2013.
Source: http://bit.ly/1d0BkeC
%
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 engage

with what I build?
Do I want to continue to do this?
A Linear Process
PA R T T W O
Sketch Design Print
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
I think we all crave a certain level of
predictability in our process.
Sketch Design Print
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
The Early Static Web
PA R T T H R E E
Plan Design Code Launch
Freak out.
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
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
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Atoms Molecules Organisms Templates Pages
Design or manufacturing?
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Don’t get drunk on process

or 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
Strategy
Iterate
Iterate
Iterate
Iterate
Refactor
WTF?
We shape our tools and thereafter

our 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
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014]
Thanks
@justinkropp
justinkropp@gmail.com

More Related Content

PDF
Advertising and Media Association SA Talks Mobile with the MMA
PPTX
Vincent Brissot, Head of Digital Automation & Channel Operations, HP
PDF
Kimberly Blessing: The Web at 25 [Dec 2014]
PDF
Steph Troeth: Everyday Storytelling [Feb 2014]
PDF
David Morton: The Changing Role of Local Journalism [Dec 2014]
PDF
Kate Kiefer Lee: Voice & Tone [Dec 2013]
PDF
Jessica Ivins: Designing for Gendered Audiences [February 2015]
PDF
Jill Pala: Coding for All [Apr 2014]
Advertising and Media Association SA Talks Mobile with the MMA
Vincent Brissot, Head of Digital Automation & Channel Operations, HP
Kimberly Blessing: The Web at 25 [Dec 2014]
Steph Troeth: Everyday Storytelling [Feb 2014]
David Morton: The Changing Role of Local Journalism [Dec 2014]
Kate Kiefer Lee: Voice & Tone [Dec 2013]
Jessica Ivins: Designing for Gendered Audiences [February 2015]
Jill Pala: Coding for All [Apr 2014]

Viewers also liked (9)

PDF
Stories of Discovery: A responsive journey
PDF
Hot Links
PDF
LibraryBox and Kickstarter
PPTX
Code creativity
PPTX
The Object Orientation of Teams
PPTX
Code and Creativity: Mozilla in Chattanooga
PPTX
JV Timeline
PDF
OTT-Dienste und Kommunikationsverhalten in Deutschland
DOC
Resume 1
Stories of Discovery: A responsive journey
Hot Links
LibraryBox and Kickstarter
Code creativity
The Object Orientation of Teams
Code and Creativity: Mozilla in Chattanooga
JV Timeline
OTT-Dienste und Kommunikationsverhalten in Deutschland
Resume 1
Ad

Similar to Justin Kropp: Process, Tools & the Future of Our Practice [Feb 2014] (20)

PDF
How Tools Have Shaped the Role of the Designer
PDF
Sacrificing the golden calf of "coding"
PDF
Paper to-prototype
PDF
Sacrificing the golden calf of "coding"
PDF
Binary crosswords
PDF
05 DIGI CREATIVE people&process
PDF
"Startups, comment gérer une équipe de développeurs" par Laurent Cerveau
PDF
Pause fest 2015
PDF
Foursevens on Digital Learning
PDF
Matthew Connors (Cybercom Group): The Practice of XR Advancing XR Through a T...
PDF
#1NLab17 - Designing for the Future
PDF
The Browser is Dead, Long Live the Web!
PDF
The Browser is Dead, Long Live the Web! (Jonathan Stark)
PDF
BB Session: Prototyping your workflow
PPTX
Creating products for people: how user experience is creating products that a...
PDF
Classroom to careers in Web Development
PPTX
Designing the Unknown - IA Konferenz Berlin 2013
PDF
Designers are from Venus - Presentationas Given to CD2
PDF
Making an Impact: UX Team of One
PDF
10 lessons from a digital landscape. The business of apps.
How Tools Have Shaped the Role of the Designer
Sacrificing the golden calf of "coding"
Paper to-prototype
Sacrificing the golden calf of "coding"
Binary crosswords
05 DIGI CREATIVE people&process
"Startups, comment gérer une équipe de développeurs" par Laurent Cerveau
Pause fest 2015
Foursevens on Digital Learning
Matthew Connors (Cybercom Group): The Practice of XR Advancing XR Through a T...
#1NLab17 - Designing for the Future
The Browser is Dead, Long Live the Web!
The Browser is Dead, Long Live the Web! (Jonathan Stark)
BB Session: Prototyping your workflow
Creating products for people: how user experience is creating products that a...
Classroom to careers in Web Development
Designing the Unknown - IA Konferenz Berlin 2013
Designers are from Venus - Presentationas Given to CD2
Making an Impact: UX Team of One
10 lessons from a digital landscape. The business of apps.
Ad

Recently uploaded (20)

PPT
Introduction to Research Methods - Lecture.ppt
PPTX
Drawing as Communication for interior design
PPTX
ACL English Introductionadsfsfadf 20200612.pptx
PPT
Wheezing1.ppt powerpoint presentation for
PDF
jyg7ur7rtb7ur57vr65r7t7b7i6t7r65rb57t76bt
PDF
How Animation is Used by Sports Teams and Leagues
PPTX
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
PDF
Designing Through Complexity - Four Perspectives.pdf
PDF
Timeless Interiors by PEE VEE INTERIORS
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PDF
Instagram Marketing in 2025 Reels, Stories, and Strategy (14) (2).pdf
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PDF
2025CategoryRanking of technology university
PPTX
22CDH01-V3-UNIT III-UX-UI for Immersive Design
PPTX
8086.pptx microprocessor and microcontroller
PDF
Humans do not die they live happily without
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
PDF
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
Introduction to Research Methods - Lecture.ppt
Drawing as Communication for interior design
ACL English Introductionadsfsfadf 20200612.pptx
Wheezing1.ppt powerpoint presentation for
jyg7ur7rtb7ur57vr65r7t7b7i6t7r65rb57t76bt
How Animation is Used by Sports Teams and Leagues
UNIT III - GRAPHICS AND AUDIO FOR MOBILE
Designing Through Complexity - Four Perspectives.pdf
Timeless Interiors by PEE VEE INTERIORS
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
Instagram Marketing in 2025 Reels, Stories, and Strategy (14) (2).pdf
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
2025CategoryRanking of technology university
22CDH01-V3-UNIT III-UX-UI for Immersive Design
8086.pptx microprocessor and microcontroller
Humans do not die they live happily without
1 Introduction to Networking (06).pdfbsbsbsb
URBAN FINANCEnhynhynnnytnynnnynynyynynynyn
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd

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