SlideShare ist ein Scribd-Unternehmen logo
1 von 44
Downloaden Sie, um offline zu lesen
CREATIVE CODING IN 	

INTERACTION DESIGN
!
www.timstutts.com
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
UX
• The process wasn't necessarily creative. Could be driven almost
entirely by usability research, pre-existing patterns.	

• Wireframes and user-flows, though important to the application design
process, could compartmentalize the imagination.	

• Frequently fell behind the technology. Rather than make use of new
technologies, UX would wait for them to be distilled into templates.	

• UX rarely tried to make a statement, show something new.
UX FRUSTRATIONS (CIRCA 2009)
IBM ‘SMARTER PLANET’ CAMPAIGN
my role: designer / programmer	

programmed in: Java (Processing), C++ (OpenFrameworks)	

firm: MotionTheory, Los Angeles	

date: early 2010
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
CREATIVE CODING
‘Creative Coding’ (originally coined by the commercial world,
where a ‘creative’ is one who makes) encompasses a spectrum
of Designer/Programmer-type roles that emerge from the
unique needs of projects, where traditional design planning
and execution deliverables can no longer fully realize the ideas
made possible through newer technology, for example, specific
needs for branded generative graphics,‘big data’ visualization,
natural user interface, and physical computing.
SHINYSHINY
Creative Coding in Interaction Design with Tim Stutts
• openFrameworks (C++)	

• Cinder (C++)	

• Processing (Java)	

• Three.js (JavaScript)	

• Unity (C#)	

• Many others!
TOOLS
• Individuals are beneficial in the design planning stages, as they
understand the possibilities / limitations of technology.	

• Valuable in the execution phase, as they are able to move
back in forth between designing and programming without
intermediate hand-offs.	

• Synaptic leaps and bounds through this process allow for new
design discoveries to be made and implemented during
software development.
BENEFITS OF CREATIVE CODING
+ ?
The Commercial world gets it. Can the interaction
design community in the software industry warm up
to creative coding as part of the process?
UX
PushPopDesign specializes in the design and prototyping of
next-generation applications and experiences, along with the
creation of related audio-visual media assets.  Harnessing the
combined potential of creativity and technology.  Boldly
blending experience design with programmatic exploration.
Embracing best practices at times, but freely shattering them
when they are probative to innovation.
OBLONG ‘AIRBORNE BEATS’APPLICATION
my role: designer / programmer	

programmed in: C++ (Cinder, g-Speak)	

wired in: OmniGraffle	

company: Oblong Industries, Los Angeles / Barcelona	

date: 2012
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
HONDA ‘DEFENSIVE DRIVING’ HUD CONCEPTS
my role: designer / programmer	

programmed in: C++ (openFrameworks)	

wired in: OmniGraffle	

company: Honda Research Institute, Sunnyvale CA	

date: 2013
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
•Seek projects where ‘creative coding’ is beneficial.	

•Establish your role and final deliverable expectations early on.	

•Be flexible on choice of planning deliverables.	

•Address usability issues while in the process of making.	

•Know when it’s time to explore, when its time to commit.
LEARNED
WATSON LABS DESIGN AND RESEARCH
my role: concept designer	

company: IBM,AustinTX	

date: 2013 - present
Creative Coding in Interaction Design with Tim Stutts
Creative Coding in Interaction Design with Tim Stutts
WHY MORE INTERACTION DESIGNERS
WILL CODE INTHE FUTURE
• As technology advances,WYSIWYG type tools will become less quick to adapt to
design in conjunction with developing technologies.	

• We are in the middle of massive paradigm shift as to what an application is. The
flat web is becoming a smaller piece of the overall landscape for UX possibilities.	

• In particular spatial, gestural and data visualization paradigms benefit from a
designer’s ability to get their hands dirty and innovate with actual technology, rather
than just using sticky notes and wires.	

• Design education programs are producing more and more students with hybrid
designer/programmer skill-sets to meet the design challenges of tomorrow.
THANKYOU
!
www.timstutts.com

Weitere ähnliche Inhalte

Andere mochten auch

Creative coding in art education -Fads presentation
Creative coding in art education -Fads presentationCreative coding in art education -Fads presentation
Creative coding in art education -Fads presentationTomi Dufva
 
Automatic Task-based Code Generation for High Performance DSEL
Automatic Task-based Code Generation for High Performance DSELAutomatic Task-based Code Generation for High Performance DSEL
Automatic Task-based Code Generation for High Performance DSELJoel Falcou
 
Software Abstractions for Parallel Hardware
Software Abstractions for Parallel HardwareSoftware Abstractions for Parallel Hardware
Software Abstractions for Parallel HardwareJoel Falcou
 
Tools for Meta-Programming
Tools for Meta-ProgrammingTools for Meta-Programming
Tools for Meta-Programmingelliando dias
 
Creative computing Session 3
Creative computing Session 3Creative computing Session 3
Creative computing Session 3kturvey
 
Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++Eelco den Heijer
 
Digital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative CodingDigital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative CodingErik Arvedson
 
Machine Learning: Generative and Discriminative Models
Machine Learning: Generative and Discriminative ModelsMachine Learning: Generative and Discriminative Models
Machine Learning: Generative and Discriminative Modelsbutest
 
Kick off Creative Coding
Kick off Creative CodingKick off Creative Coding
Kick off Creative Codingorange_dot
 
Intro to Creative Coding
Intro to Creative Coding  Intro to Creative Coding
Intro to Creative Coding Youssef Faltas
 
Creative Coding 1 - 1 Introduction
Creative Coding 1 - 1 IntroductionCreative Coding 1 - 1 Introduction
Creative Coding 1 - 1 IntroductionTill Nagel
 
Explorations in Creative Coding
Explorations in Creative CodingExplorations in Creative Coding
Explorations in Creative CodingEelco den Heijer
 
PageCloud Reimagines The Future of Website Creation with Craig Fitzpatrick
PageCloud Reimagines The Future of Website Creation with Craig FitzpatrickPageCloud Reimagines The Future of Website Creation with Craig Fitzpatrick
PageCloud Reimagines The Future of Website Creation with Craig FitzpatrickFITC
 
Web unleashed 2015-tammyeverts
Web unleashed 2015-tammyevertsWeb unleashed 2015-tammyeverts
Web unleashed 2015-tammyevertsFITC
 
From Box to Bots in Minutes
From Box to Bots in MinutesFrom Box to Bots in Minutes
From Box to Bots in MinutesFITC
 
Everydays
EverydaysEverydays
EverydaysFITC
 
Functional Web Development
Functional Web DevelopmentFunctional Web Development
Functional Web DevelopmentFITC
 
Making Mixed Reality Living Spaces
Making Mixed Reality Living SpacesMaking Mixed Reality Living Spaces
Making Mixed Reality Living SpacesFITC
 
Reinvent Your Creative Process with Collaborative Hackathons
Reinvent Your Creative Process with Collaborative HackathonsReinvent Your Creative Process with Collaborative Hackathons
Reinvent Your Creative Process with Collaborative HackathonsFITC
 

Andere mochten auch (20)

Creative coding in art education -Fads presentation
Creative coding in art education -Fads presentationCreative coding in art education -Fads presentation
Creative coding in art education -Fads presentation
 
Automatic Task-based Code Generation for High Performance DSEL
Automatic Task-based Code Generation for High Performance DSELAutomatic Task-based Code Generation for High Performance DSEL
Automatic Task-based Code Generation for High Performance DSEL
 
Software Abstractions for Parallel Hardware
Software Abstractions for Parallel HardwareSoftware Abstractions for Parallel Hardware
Software Abstractions for Parallel Hardware
 
Tools for Meta-Programming
Tools for Meta-ProgrammingTools for Meta-Programming
Tools for Meta-Programming
 
Geometria Projetiva
Geometria ProjetivaGeometria Projetiva
Geometria Projetiva
 
Creative computing Session 3
Creative computing Session 3Creative computing Session 3
Creative computing Session 3
 
Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++Creative Coding Utrecht CCU0++
Creative Coding Utrecht CCU0++
 
Digital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative CodingDigital Inspiration #2 - Creative Coding
Digital Inspiration #2 - Creative Coding
 
Machine Learning: Generative and Discriminative Models
Machine Learning: Generative and Discriminative ModelsMachine Learning: Generative and Discriminative Models
Machine Learning: Generative and Discriminative Models
 
Kick off Creative Coding
Kick off Creative CodingKick off Creative Coding
Kick off Creative Coding
 
Intro to Creative Coding
Intro to Creative Coding  Intro to Creative Coding
Intro to Creative Coding
 
Creative Coding 1 - 1 Introduction
Creative Coding 1 - 1 IntroductionCreative Coding 1 - 1 Introduction
Creative Coding 1 - 1 Introduction
 
Explorations in Creative Coding
Explorations in Creative CodingExplorations in Creative Coding
Explorations in Creative Coding
 
PageCloud Reimagines The Future of Website Creation with Craig Fitzpatrick
PageCloud Reimagines The Future of Website Creation with Craig FitzpatrickPageCloud Reimagines The Future of Website Creation with Craig Fitzpatrick
PageCloud Reimagines The Future of Website Creation with Craig Fitzpatrick
 
Web unleashed 2015-tammyeverts
Web unleashed 2015-tammyevertsWeb unleashed 2015-tammyeverts
Web unleashed 2015-tammyeverts
 
From Box to Bots in Minutes
From Box to Bots in MinutesFrom Box to Bots in Minutes
From Box to Bots in Minutes
 
Everydays
EverydaysEverydays
Everydays
 
Functional Web Development
Functional Web DevelopmentFunctional Web Development
Functional Web Development
 
Making Mixed Reality Living Spaces
Making Mixed Reality Living SpacesMaking Mixed Reality Living Spaces
Making Mixed Reality Living Spaces
 
Reinvent Your Creative Process with Collaborative Hackathons
Reinvent Your Creative Process with Collaborative HackathonsReinvent Your Creative Process with Collaborative Hackathons
Reinvent Your Creative Process with Collaborative Hackathons
 

Ähnlich wie Creative Coding in Interaction Design with Tim Stutts

Designing the Innovation Interface
Designing the Innovation InterfaceDesigning the Innovation Interface
Designing the Innovation Interfacefrog
 
Whatisinteractiondesign
WhatisinteractiondesignWhatisinteractiondesign
WhatisinteractiondesignAnthony Hutton
 
Rob-Meldrum-Portfolio
Rob-Meldrum-PortfolioRob-Meldrum-Portfolio
Rob-Meldrum-PortfolioRob Meldrum
 
Interaction Designer
Interaction DesignerInteraction Designer
Interaction DesignerMark Long
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsTunde Ojediran
 
Future Of Web Design And Development Essay
Future Of Web Design And Development EssayFuture Of Web Design And Development Essay
Future Of Web Design And Development EssayToni Christensen
 
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...DEVCON
 
Design Learnings
Design LearningsDesign Learnings
Design LearningsQuikr
 
ArtCenter Client Work
ArtCenter Client WorkArtCenter Client Work
ArtCenter Client Workdanwickemeyer
 
New collaborative tools require new foundations.
New collaborative tools require new foundations. New collaborative tools require new foundations.
New collaborative tools require new foundations. Lorenzo Davoli
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panaceaMichael Meikson
 
Adopting technology
Adopting technologyAdopting technology
Adopting technologyDuygu ürün
 
Jyo_UI-UX Designer Resume
Jyo_UI-UX Designer ResumeJyo_UI-UX Designer Resume
Jyo_UI-UX Designer Resumejyothsna joy
 
Yury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven DesignYury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven DesignYury Vetrov
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivityjylee_kgit
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and PrototypingKshitiz Anand
 
24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, UglyJoshua Randall
 
Scct2013 topic6-integrative mediaprojectdevelopment
Scct2013 topic6-integrative mediaprojectdevelopmentScct2013 topic6-integrative mediaprojectdevelopment
Scct2013 topic6-integrative mediaprojectdevelopmentAnies Syahieda
 

Ähnlich wie Creative Coding in Interaction Design with Tim Stutts (20)

Designing the Innovation Interface
Designing the Innovation InterfaceDesigning the Innovation Interface
Designing the Innovation Interface
 
Whatisinteractiondesign
WhatisinteractiondesignWhatisinteractiondesign
Whatisinteractiondesign
 
Rob-Meldrum-Portfolio
Rob-Meldrum-PortfolioRob-Meldrum-Portfolio
Rob-Meldrum-Portfolio
 
FLEXperience
FLEXperienceFLEXperience
FLEXperience
 
Interaction Designer
Interaction DesignerInteraction Designer
Interaction Designer
 
Dev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trendsDev fest ile ife 2014-ux, material design and trends
Dev fest ile ife 2014-ux, material design and trends
 
Parents
ParentsParents
Parents
 
Future Of Web Design And Development Essay
Future Of Web Design And Development EssayFuture Of Web Design And Development Essay
Future Of Web Design And Development Essay
 
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
Open Minded? Software Engineer to a UX Engineer. Ask me how. by Micael Diaz d...
 
Design Learnings
Design LearningsDesign Learnings
Design Learnings
 
ArtCenter Client Work
ArtCenter Client WorkArtCenter Client Work
ArtCenter Client Work
 
New collaborative tools require new foundations.
New collaborative tools require new foundations. New collaborative tools require new foundations.
New collaborative tools require new foundations.
 
Prototyping is the panacea
Prototyping is the panaceaPrototyping is the panacea
Prototyping is the panacea
 
Adopting technology
Adopting technologyAdopting technology
Adopting technology
 
Jyo_UI-UX Designer Resume
Jyo_UI-UX Designer ResumeJyo_UI-UX Designer Resume
Jyo_UI-UX Designer Resume
 
Yury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven DesignYury Vetrov — Algorithm-Driven Design
Yury Vetrov — Algorithm-Driven Design
 
[I3 d]04 interactivity
[I3 d]04 interactivity[I3 d]04 interactivity
[I3 d]04 interactivity
 
User Experience and Prototyping
User Experience and PrototypingUser Experience and Prototyping
User Experience and Prototyping
 
24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly24 Hours of UX - Agile + UX: Good, Bad, Ugly
24 Hours of UX - Agile + UX: Good, Bad, Ugly
 
Scct2013 topic6-integrative mediaprojectdevelopment
Scct2013 topic6-integrative mediaprojectdevelopmentScct2013 topic6-integrative mediaprojectdevelopment
Scct2013 topic6-integrative mediaprojectdevelopment
 

Mehr von FITC

Cut it up
Cut it upCut it up
Cut it upFITC
 
Designing for Digital Health
Designing for Digital HealthDesigning for Digital Health
Designing for Digital HealthFITC
 
Profiling JavaScript Performance
Profiling JavaScript PerformanceProfiling JavaScript Performance
Profiling JavaScript PerformanceFITC
 
Surviving Your Tech Stack
Surviving Your Tech StackSurviving Your Tech Stack
Surviving Your Tech StackFITC
 
How to Pitch Your First AR Project
How to Pitch Your First AR ProjectHow to Pitch Your First AR Project
How to Pitch Your First AR ProjectFITC
 
Start by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the AnswerStart by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the AnswerFITC
 
Cocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s StoryCocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s StoryFITC
 
Everyday Innovation
Everyday InnovationEveryday Innovation
Everyday InnovationFITC
 
HyperLight Websites
HyperLight WebsitesHyperLight Websites
HyperLight WebsitesFITC
 
Everything is Terrifying
Everything is TerrifyingEverything is Terrifying
Everything is TerrifyingFITC
 
Post-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future HumanPost-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future HumanFITC
 
The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)FITC
 
East of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR GameEast of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR GameFITC
 
Creating a Proactive Healthcare System
Creating a Proactive Healthcare SystemCreating a Proactive Healthcare System
Creating a Proactive Healthcare SystemFITC
 
World Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product DesignWorld Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product DesignFITC
 
The Power of Now
The Power of NowThe Power of Now
The Power of NowFITC
 
High Performance PWAs
High Performance PWAsHigh Performance PWAs
High Performance PWAsFITC
 
Rise of the JAMstack
Rise of the JAMstackRise of the JAMstack
Rise of the JAMstackFITC
 
From Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self DiscoveryFrom Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self DiscoveryFITC
 
Projects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time ForProjects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time ForFITC
 

Mehr von FITC (20)

Cut it up
Cut it upCut it up
Cut it up
 
Designing for Digital Health
Designing for Digital HealthDesigning for Digital Health
Designing for Digital Health
 
Profiling JavaScript Performance
Profiling JavaScript PerformanceProfiling JavaScript Performance
Profiling JavaScript Performance
 
Surviving Your Tech Stack
Surviving Your Tech StackSurviving Your Tech Stack
Surviving Your Tech Stack
 
How to Pitch Your First AR Project
How to Pitch Your First AR ProjectHow to Pitch Your First AR Project
How to Pitch Your First AR Project
 
Start by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the AnswerStart by Understanding the Problem, Not by Delivering the Answer
Start by Understanding the Problem, Not by Delivering the Answer
 
Cocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s StoryCocaine to Carrots: The Art of Telling Someone Else’s Story
Cocaine to Carrots: The Art of Telling Someone Else’s Story
 
Everyday Innovation
Everyday InnovationEveryday Innovation
Everyday Innovation
 
HyperLight Websites
HyperLight WebsitesHyperLight Websites
HyperLight Websites
 
Everything is Terrifying
Everything is TerrifyingEverything is Terrifying
Everything is Terrifying
 
Post-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future HumanPost-Earth Visions: Designing for Space and the Future Human
Post-Earth Visions: Designing for Space and the Future Human
 
The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)The Rise of the Creative Social Influencer (and How to Become One)
The Rise of the Creative Social Influencer (and How to Become One)
 
East of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR GameEast of the Rockies: Developing an AR Game
East of the Rockies: Developing an AR Game
 
Creating a Proactive Healthcare System
Creating a Proactive Healthcare SystemCreating a Proactive Healthcare System
Creating a Proactive Healthcare System
 
World Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product DesignWorld Transformation: The Secret Agenda of Product Design
World Transformation: The Secret Agenda of Product Design
 
The Power of Now
The Power of NowThe Power of Now
The Power of Now
 
High Performance PWAs
High Performance PWAsHigh Performance PWAs
High Performance PWAs
 
Rise of the JAMstack
Rise of the JAMstackRise of the JAMstack
Rise of the JAMstack
 
From Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self DiscoveryFrom Closed to Open: A Journey of Self Discovery
From Closed to Open: A Journey of Self Discovery
 
Projects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time ForProjects Ain’t Nobody Got Time For
Projects Ain’t Nobody Got Time For
 

Kürzlich hochgeladen

IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IES VE
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Brian Pichman
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarPrecisely
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPathCommunity
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfinfogdgmi
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7DianaGray10
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaborationbruanjhuli
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-pyJamie (Taka) Wang
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopBachir Benyammi
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAshyamraj55
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6DianaGray10
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1DianaGray10
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding TeamAdam Moalla
 

Kürzlich hochgeladen (20)

IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
IESVE Software for Florida Code Compliance Using ASHRAE 90.1-2019
 
Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )Building Your Own AI Instance (TBLC AI )
Building Your Own AI Instance (TBLC AI )
 
AI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity WebinarAI You Can Trust - Ensuring Success with Data Integrity Webinar
AI You Can Trust - Ensuring Success with Data Integrity Webinar
 
UiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation DevelopersUiPath Community: AI for UiPath Automation Developers
UiPath Community: AI for UiPath Automation Developers
 
Videogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdfVideogame localization & technology_ how to enhance the power of translation.pdf
Videogame localization & technology_ how to enhance the power of translation.pdf
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7UiPath Studio Web workshop series - Day 7
UiPath Studio Web workshop series - Day 7
 
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online CollaborationCOMPUTER 10: Lesson 7 - File Storage and Online Collaboration
COMPUTER 10: Lesson 7 - File Storage and Online Collaboration
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
20230202 - Introduction to tis-py
20230202 - Introduction to tis-py20230202 - Introduction to tis-py
20230202 - Introduction to tis-py
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
NIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 WorkshopNIST Cybersecurity Framework (CSF) 2.0 Workshop
NIST Cybersecurity Framework (CSF) 2.0 Workshop
 
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPAAnypoint Code Builder , Google Pub sub connector and MuleSoft RPA
Anypoint Code Builder , Google Pub sub connector and MuleSoft RPA
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6UiPath Studio Web workshop series - Day 6
UiPath Studio Web workshop series - Day 6
 
Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1Secure your environment with UiPath and CyberArk technologies - Session 1
Secure your environment with UiPath and CyberArk technologies - Session 1
 
9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team9 Steps For Building Winning Founding Team
9 Steps For Building Winning Founding Team
 

Creative Coding in Interaction Design with Tim Stutts

  • 1. CREATIVE CODING IN INTERACTION DESIGN ! www.timstutts.com
  • 7. UX
  • 8. • The process wasn't necessarily creative. Could be driven almost entirely by usability research, pre-existing patterns. • Wireframes and user-flows, though important to the application design process, could compartmentalize the imagination. • Frequently fell behind the technology. Rather than make use of new technologies, UX would wait for them to be distilled into templates. • UX rarely tried to make a statement, show something new. UX FRUSTRATIONS (CIRCA 2009)
  • 9. IBM ‘SMARTER PLANET’ CAMPAIGN my role: designer / programmer programmed in: Java (Processing), C++ (OpenFrameworks) firm: MotionTheory, Los Angeles date: early 2010
  • 17. CREATIVE CODING ‘Creative Coding’ (originally coined by the commercial world, where a ‘creative’ is one who makes) encompasses a spectrum of Designer/Programmer-type roles that emerge from the unique needs of projects, where traditional design planning and execution deliverables can no longer fully realize the ideas made possible through newer technology, for example, specific needs for branded generative graphics,‘big data’ visualization, natural user interface, and physical computing.
  • 20. • openFrameworks (C++) • Cinder (C++) • Processing (Java) • Three.js (JavaScript) • Unity (C#) • Many others! TOOLS
  • 21. • Individuals are beneficial in the design planning stages, as they understand the possibilities / limitations of technology. • Valuable in the execution phase, as they are able to move back in forth between designing and programming without intermediate hand-offs. • Synaptic leaps and bounds through this process allow for new design discoveries to be made and implemented during software development. BENEFITS OF CREATIVE CODING
  • 22. + ? The Commercial world gets it. Can the interaction design community in the software industry warm up to creative coding as part of the process? UX
  • 23. PushPopDesign specializes in the design and prototyping of next-generation applications and experiences, along with the creation of related audio-visual media assets.  Harnessing the combined potential of creativity and technology.  Boldly blending experience design with programmatic exploration. Embracing best practices at times, but freely shattering them when they are probative to innovation.
  • 24. OBLONG ‘AIRBORNE BEATS’APPLICATION my role: designer / programmer programmed in: C++ (Cinder, g-Speak) wired in: OmniGraffle company: Oblong Industries, Los Angeles / Barcelona date: 2012
  • 36. HONDA ‘DEFENSIVE DRIVING’ HUD CONCEPTS my role: designer / programmer programmed in: C++ (openFrameworks) wired in: OmniGraffle company: Honda Research Institute, Sunnyvale CA date: 2013
  • 39. •Seek projects where ‘creative coding’ is beneficial. •Establish your role and final deliverable expectations early on. •Be flexible on choice of planning deliverables. •Address usability issues while in the process of making. •Know when it’s time to explore, when its time to commit. LEARNED
  • 40. WATSON LABS DESIGN AND RESEARCH my role: concept designer company: IBM,AustinTX date: 2013 - present
  • 43. WHY MORE INTERACTION DESIGNERS WILL CODE INTHE FUTURE • As technology advances,WYSIWYG type tools will become less quick to adapt to design in conjunction with developing technologies. • We are in the middle of massive paradigm shift as to what an application is. The flat web is becoming a smaller piece of the overall landscape for UX possibilities. • In particular spatial, gestural and data visualization paradigms benefit from a designer’s ability to get their hands dirty and innovate with actual technology, rather than just using sticky notes and wires. • Design education programs are producing more and more students with hybrid designer/programmer skill-sets to meet the design challenges of tomorrow.