UX in the Wild
UX in the Wild
Your humble subjects
Dissects of projects and rejects
It's not too complex
Hands on objects
What is creative coding?
Creative Coding is art, experimentation,
and exploration through code.
What is creative coding?
Making something without really knowing
what you're making.
What is creative coding?
Hello!
I'm John Brown.
I'm JohnBrown.
I'm John Brown.
I'm Ben Purdy.
XOXO Glitch
XOXO Glitch
XOXO Glitch
XOXO Glitch
XOXO Glitch
XOXO Glitch
XOXO Glitch
XOXO Glitch
XOXO Glitch
XOXO Glitch
Lazy Sunday
Lazy Sunday
Let's corrupt some data
There's more than one way to glitch an avatar
@AvatarGlitch
@Avatarglitch
CascadiaJS
Remember Plinko?
Remember Plinko?
PLIN.CO
plin.co
plin.co
plin.co
plin.co
plin.co
PLin.co
plin.co
UX in the Wild
Your humble subjects
Dissects of projects and rejects
It's not too complex
Hands on objects
Duet
Takeaway 1
Make it fun even when not interacting
TUIO Jam
TUIO Jam
TUIO Jam
TUIO Jam
TUIO Jam
TUIO Jam
Takeaway 2
Bring a buddy
Map dive
Takeaway 3
We’re still just waving our arms
Google I/O 2014 experiment
Google I/O 2014 experiment
Google I/O 2014 experiment
Takeaway 4
User testing is key
plin.co!
Takeaway 4
User testing is key
Instrument Holiday Party 2013
Let's connect people who aren't connected.
Instrument Holiday Party 2013
We've (almost) all got one of these.
Instrument Holiday Party 2013
Let's make a game!
Holiday Find
Holiday Find
Holiday Find
Holiday Find
Holiday Find
Holiday Find
Holiday Find
Fun mix of interactivity and gamification, all in a safe environment.
Holiday Find
How'd it go?
Holiday Find
How'd it go?
Quite badly
Holiday Find Stats
Holiday Find Stats
Holiday Find Stats
Holiday Find Stats
Holiday Find Mistakes
Holiday Find Mistakes
That name...
Holiday Find Mistakes
That name...
Party was too crowded
Holiday Find Mistakes
That name...
Party was too crowded
People were drinking
Holiday Find Mistakes
That name...
Party was too crowded
People were drinking
Only push notifications
Holiday Find Mistakes
That name...
Party was too crowded
People were drinking
Only push notifications
We were secretive about it
Holiday Find Mistakes
That name...
Party was too crowded
People were drinking
Only push notifications
We were secretive about it
Tiny text
Holiday Find Mistakes
That name...
Party was too crowded
People were drinking
Only push notifications
We were secretive about it
Tiny text
Balloons were too small
Holiday Find Mistakes
That name...
Party was too crowded
People were drinking
Only push notifications
We were secretive about it
Tiny text
Balloons were too small
More that I probably blocked out
Takeaway 5
Understand the context
UX in the Wild
Your humble subjects
Dissects of projects and rejects
It's not too complex
Hands on objects
We're not wizards
Processing
Processing
Javascript
Javascript
Easy to share
Javascript
Easy to share
Available (almost) everywhere
Javascript
Easy to share
Available (almost) everywhere
Video, Audio, 3D, Virtual Freakin' Reality!
P5.js
function setup() {
createCanvas(640, 480);
}
function draw() {
if (mouseIsPressed) {
fill(0);
} else {
fill(255);
}
ellipse(mouseX, mouseY, 80, 80);
}
Three.js
var camera, scene, renderer;
camera = new THREE.PerspectiveCamera(
70, width/height, 1, 5000);
camera.position.z = 1500;
scene = new THREE.Scene();
renderer = new THREE.CSS3DRenderer();
renderer.setSize(width, height);
Input (not mouse/keyboard)
Input (not mouse/keyboard)
Input (not mouse/keyboard)
Input (not mouse/keyboard)
Input (not mouse/keyboard)
Microcontrollers
Microcontrollers
Microcontrollers
Microcontrollers
And more!
Here's some advice to get started
Work with a buddy
Or Find a bunch of buddies
Come to a PDX Creative Coder event
Don't start from a blank canvas
UX in the Wild
Your humble subjects
Dissects of projects and rejects
It's not too complex
Hands on objects