ux london workshop - artefact cards, spatial ranges & flow engines

60
ARTEFACT CARDS, SPACIAL RANGES & FLOW ENGINES JOHN V WILLSHIRE @WILLSH

Upload: john-v-willshire

Post on 28-Jul-2015

917 views

Category:

Design


2 download

TRANSCRIPT

Page 1: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

ARTEFACT CARDS, SPACIAL RANGES & FLOW ENGINESJOHN V WILLSHIRE

@WILLSH

Page 2: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

“WORK OF”

Page 3: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 4: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

30+ COUNTRIES

20,000+ PACKS

MADE IN THE UK

Page 5: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 6: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

I HATE THIS GUY**WELL, MORE WHAT HE REPRESENTS

Page 7: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 8: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

IT’S EASIER TO SOLVE THE PROBLEM IN FRONT OF YOU…

…IF THE PROBLEM IS IN FRONT OF YOU

Page 9: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 10: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 11: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

SPATIAL RANGESKELLER, 2004

Page 12: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

1. PRECISION

HELPING CREATE MOMENTS OF INTENSE FOCUS

Page 13: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 14: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 15: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 16: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

2. LAYOUT

USING PERIPHERAL VISION AND THE SEEMINGLY UNCONNECTED

Page 17: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

KLEON, 2013

Page 18: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

API CARDS

Page 19: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

3. ATMOSPHERE

CONSTANT VISIBLE REMINDERS OF PROGRESS MADE

Page 20: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

GDS - LIVING INSIDE THE INTERNET?

Page 21: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 22: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

SPATIAL RANGESKELLER, 2004

PRECISION LAYOUT ATMOSPHERE

Page 23: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

FLOW ENGINES

Page 24: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 25: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 26: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 27: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 28: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines
Page 29: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

BY CHANGING THE SPACE WE WORK IN…

….CAN WE CHANGE THE RATE WE WORK AT?

Page 30: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

FLOW ENGINE A WAY TO TURN CREATIVE ENERGY INTO PRODUCTIVE FORWARD MOTION

Page 31: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

“YOU KNOW THAT WHAT YOU NEED TO DO IS POSSIBLE TO DO, EVEN THOUGH DIFFICULT, AND SENSE OF TIME DISAPPEARS. YOU FORGET YOURSELF. YOU FEEL PART OF SOMETHING LARGER.”

- MIHALY CSIKSZENTMIHALYI

Page 32: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

HIGH CONSEQUENCES

RICH ENVIRONMENT

EMBODIMENTKOTLER, 2014

Page 33: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

STARTING

EXPLORING

MAKING

Page 34: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

STARTING

Page 35: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

WHAT HAVE I GOT TO DO?

WHAT HAPPENS IF I DON’T?

Page 36: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

YOU’RE AIMING FOR THIS CHANNEL

SOURCE: GAMASUTRA

Page 37: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

DIFFICULTY METHOD TIME

Page 38: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

EXPLORING

Page 39: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

NOVELTY

Page 40: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

COMPLEXITY

Page 41: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

UNPREDICTABILITY

Page 42: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

PERIPHERAL VISION

Page 43: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

MAKING

Page 44: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

HOW DO YOU MAKE

TEN FINGERS, TWO EYES AND A BRAIN PAY ATTENTION?

Page 45: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

CONSTRUCTIONISM

PAPERT, 1987

Page 46: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

HIGH CONSEQUENCES

EMBODIMENT

RICH ENVIRONMENT

JUST THREE SIMPLE TRIGGERS?

Page 47: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

STARTING

EXPLORING

MAKING

THE KEY IS REINFORCEMENT

Page 48: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

BEFORE WE MAKE ONE…

…QUESTIONS?

Page 49: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

STARTING

EXPLORING

MAKING

OCTONAUTS, LET’S DO THIS

Page 50: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

PICK A PROJECT

WRITE THE PROJECT NAME

DRAW A SCENARIO

DEFINE THE PURPOSE

Page 51: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

START 1.1

WHAT ARE WE GOING TO DO?

(DIFFICULTY, METHOD, TIME?)

EXPLAIN TO YOUR NEIGHBOUR

Page 52: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

START 1.2

HOW ARE WE GOING TO DO IT?

(PRETENDING? CONSTRAINTS?)

SET EXPECTATIONS FOR ATMOSPHERE

Page 53: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

START 1.3

MAKE THE QUESTION PERSIST

(INDIVIDUAL VS GROUP?)

PLAY BACK THE CHALLENGE IN PHYSICAL FORM

Page 54: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

EXPLORE 2.1

PREPARE THE ENVIRONMENT

(NOVELTY, COMPLEXITY, UNPREDICTABILITY)

MAKE A SHOPPING LIST

Page 55: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

EXPLORE 2.2

PHYSICALISE EVERYTHING

(MODELS, INFORMATION, PICTURES, SPACE)

DEFINE PRECISION/LAYOUT/ATMOSPHERE

Page 56: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

EXPLORE 2.3

ORIENTATE AROUND THE QUESTION

(CONTINUALLY REVISIT THE TASK)

DRAW A JOURNEY THROUGH WORKSHOP

Page 57: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

MAKE 3.1

SET EXPECTATIONS

(WHAT ARE WE REFINING TO, WHEN)

SHOW AND TELL

Page 58: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

MAKE 3.2

BRING BACK THE CHALLENGE

(RESTATE THE QUESTION IN THE ANSWER)

A SOLUTION THAT HAS A PROBLEM TO POINT TO

Page 59: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

MAKE 3.3

SUPPORTING EVIDENCE

(USE THE BEST OF THE MATERIALS SPACE)

PRESENT WHAT YOU’VE BEEN GENERATING

Page 60: UX London Workshop - Artefact Cards, Spatial Ranges & Flow Engines

STARTING

EXPLORING

MAKING

SHOW & TELL?