groundhogs in the source code (v2)

104
 GROUNDHOGS in THE SOURCE CODE navigation as cross-channel sense-making ANDREA @RESMINI UXCAMP CPH 2013

Upload: andrea-resmini

Post on 27-Jan-2015

110 views

Category:

Design


1 download

DESCRIPTION

Grounhogs in the Source Code version 2, UXCamp Copenhagen 2013. Quite a few new slides in here.

TRANSCRIPT

Page 1: Groundhogs in the Source Code (v2)

   

GROUNDHOGSin THE SOURCE CODEnavigation as cross-channel sense-making

ANDREA @RESMINI

UXCAMP CPH 2013

Page 2: Groundhogs in the Source Code (v2)

   

WE SAY NAVIGATEWE REALLY MEAN

UNDERSTAND

Page 3: Groundhogs in the Source Code (v2)

   

Page 4: Groundhogs in the Source Code (v2)

   

Page 5: Groundhogs in the Source Code (v2)

   MNSU.EDU

KEVIN LYNCH, SKETCHES

Page 6: Groundhogs in the Source Code (v2)

   MNSU.EDU

KEVIN LYNCH, SKETCHES

Page 7: Groundhogs in the Source Code (v2)

   MNSU.EDU

KEVIN LYNCH, SKETCHES

Page 8: Groundhogs in the Source Code (v2)

   

DISTINCTIONS WERE MADE AMONG THE DIFFERENT

PHYSICAL PARTS OF THE CITY

THESE PARTS WERE ORGANIZED IN A PERSONALLY

MEANINGFUL MESH

Page 9: Groundhogs in the Source Code (v2)

   

Page 10: Groundhogs in the Source Code (v2)

   

Page 11: Groundhogs in the Source Code (v2)

   

Page 12: Groundhogs in the Source Code (v2)

   

Page 13: Groundhogs in the Source Code (v2)

   

PEOPLE WERE RECONNECTING PERCEIVED FRAGMENTS IN

MEANINGFUL PATTERNS

Page 14: Groundhogs in the Source Code (v2)

   

THE ODYSSEY, 700 BC

Page 15: Groundhogs in the Source Code (v2)

   

Page 16: Groundhogs in the Source Code (v2)

   

Page 17: Groundhogs in the Source Code (v2)

   

Page 18: Groundhogs in the Source Code (v2)

   

MONKEY ISLAND, 1990

Page 19: Groundhogs in the Source Code (v2)

   

Page 20: Groundhogs in the Source Code (v2)

   

Page 21: Groundhogs in the Source Code (v2)

   

SORRY. WRONG PIRATES

Page 22: Groundhogs in the Source Code (v2)

   

Page 23: Groundhogs in the Source Code (v2)

   

THE ODYSSEY, 700 BC

Page 24: Groundhogs in the Source Code (v2)

   

MP & THE HOLY GRAIL, 1975

Page 25: Groundhogs in the Source Code (v2)

   

MONKEY ISLAND, 1990

Page 26: Groundhogs in the Source Code (v2)

   

QUESTS CONNECT MAPSWITH PERSONAL SPACE

Page 27: Groundhogs in the Source Code (v2)

   

SUCKER PUNCH, 2011

Page 28: Groundhogs in the Source Code (v2)

   

Page 29: Groundhogs in the Source Code (v2)

   

Page 30: Groundhogs in the Source Code (v2)

   

Page 31: Groundhogs in the Source Code (v2)

   

QUESTS ARE A MIDDLE GROUND BETWEEN NARRATIVE

AND ACTIONABILITY

Page 32: Groundhogs in the Source Code (v2)

   

DRACULA, 1897

Page 33: Groundhogs in the Source Code (v2)

   

NOT CONSIDERING RIP-OFFS

Page 34: Groundhogs in the Source Code (v2)

   

KHOONI DRACULA, 1992

Page 35: Groundhogs in the Source Code (v2)

   

AS THAT’S A SLIPPERY SLOPE

Page 36: Groundhogs in the Source Code (v2)

   

JAPANESE SPIDERMAN, 1978

Page 37: Groundhogs in the Source Code (v2)

   

JAPANESE SPIDERMAN, 1978

Page 38: Groundhogs in the Source Code (v2)

   

TURKISH BEDMEN, 1973

Page 39: Groundhogs in the Source Code (v2)

   

ITALIAN BATHMAN, 1982

Page 40: Groundhogs in the Source Code (v2)

   

WE WANT THE REAL THING

Page 41: Groundhogs in the Source Code (v2)

   BRITANNICA.COM

BRAM STOKER, 1906

Page 42: Groundhogs in the Source Code (v2)

   

MONOLOGIC

DIALOGIC

POLYLOGIC

Page 43: Groundhogs in the Source Code (v2)

   

DICTATIONCYLINDERS

Page 44: Groundhogs in the Source Code (v2)

    SHORTHAND

Page 45: Groundhogs in the Source Code (v2)

    SHIPS' LOGS

Page 46: Groundhogs in the Source Code (v2)

   

DIARY ENTRIES

Page 47: Groundhogs in the Source Code (v2)

   NEWSPAPERS CLIPPINGSGRUNGERABBIT.COM

Page 48: Groundhogs in the Source Code (v2)

   TYPEWRITTEN TEXT

Page 49: Groundhogs in the Source Code (v2)

   DRACULASCASTLE.EU

PHASE #1

Page 50: Groundhogs in the Source Code (v2)

   DRACULASCASTLE.EUASSOMMOIR.WORDPRESS.COM

PHASE #2

Page 51: Groundhogs in the Source Code (v2)

   DRACULA3d

PHASE #3

Page 52: Groundhogs in the Source Code (v2)

    PHASE #4

Page 53: Groundhogs in the Source Code (v2)

   1 2 3 4

Page 54: Groundhogs in the Source Code (v2)

   

NOW.WAIT A SEC THERE.

Page 55: Groundhogs in the Source Code (v2)

   

Page 56: Groundhogs in the Source Code (v2)

   

WHOOPS. SORRY. I’VE SEEN THAT GUY SOMEWHERE THO

Page 57: Groundhogs in the Source Code (v2)

   

Page 58: Groundhogs in the Source Code (v2)

   

Page 59: Groundhogs in the Source Code (v2)

   

NOT A REAL PLACE, RIGHT?

Page 60: Groundhogs in the Source Code (v2)

   

Page 61: Groundhogs in the Source Code (v2)

   

THE HOBBIT, 2012

Page 62: Groundhogs in the Source Code (v2)

   

NOT A REAL PLACE, EITHER

Page 63: Groundhogs in the Source Code (v2)

   

“PLACE IS A WAY TO UNDERSTAND THE WORLD”

YI FU TUAN

Page 64: Groundhogs in the Source Code (v2)

   

GROUNDHOG DAY, 1993

Page 65: Groundhogs in the Source Code (v2)

   

Page 66: Groundhogs in the Source Code (v2)

   

Page 67: Groundhogs in the Source Code (v2)

   

Page 68: Groundhogs in the Source Code (v2)

   

“HE'S TRAPPED IN SOME KIND OF TIME WARP.”

“A SUPERNATURAL FORCE IS SHOWING HIM HIS

WEAKNESSES.”ROGER EBERT

Page 69: Groundhogs in the Source Code (v2)

   

SOURCE CODE, 2011

Page 70: Groundhogs in the Source Code (v2)

   

Page 71: Groundhogs in the Source Code (v2)

   

Page 72: Groundhogs in the Source Code (v2)

   

Page 73: Groundhogs in the Source Code (v2)

   

“IT'S A F***ING VIDEOGAME!”

EVERYONE

Page 74: Groundhogs in the Source Code (v2)

   

Page 75: Groundhogs in the Source Code (v2)

   

DATABASE

Page 76: Groundhogs in the Source Code (v2)

   

DATABASE

Page 77: Groundhogs in the Source Code (v2)

   

3D NAVIGATION

Page 78: Groundhogs in the Source Code (v2)

   

osatelegraph.org

3D NAVIGATION

Page 79: Groundhogs in the Source Code (v2)

   

3D NAVIGATION

Page 80: Groundhogs in the Source Code (v2)

   

BUT WHAT ABOUT OUR OWN PERSONAL CYBERSPACE?

Page 81: Groundhogs in the Source Code (v2)

   

Page 82: Groundhogs in the Source Code (v2)

   

Page 83: Groundhogs in the Source Code (v2)

   

Page 84: Groundhogs in the Source Code (v2)

   

Page 85: Groundhogs in the Source Code (v2)

   

Page 86: Groundhogs in the Source Code (v2)

   

Page 87: Groundhogs in the Source Code (v2)

   

WE ARE RECONNECTING PERCEIVED FRAGMENTS IN

MEANINGFUL PATTERNS

Page 88: Groundhogs in the Source Code (v2)

   

Page 89: Groundhogs in the Source Code (v2)

   

Page 90: Groundhogs in the Source Code (v2)

   

WE ARE LEARNING HOW TO NAVIGATE THE DATABASE

Page 91: Groundhogs in the Source Code (v2)

   

Page 92: Groundhogs in the Source Code (v2)

   

Page 93: Groundhogs in the Source Code (v2)

   

Page 94: Groundhogs in the Source Code (v2)

   

Page 95: Groundhogs in the Source Code (v2)

   

PLACE IS WHERE WE PAUSESPACE IS WHERE WE MOVE

Page 96: Groundhogs in the Source Code (v2)

   

SOME PLACES WE VISIT

Page 97: Groundhogs in the Source Code (v2)

   

Page 98: Groundhogs in the Source Code (v2)

   

SOME PLACES WE LIVE IN

Page 99: Groundhogs in the Source Code (v2)

   

Page 100: Groundhogs in the Source Code (v2)

   

NAVIGATION CHOREOGRAPHS THE BALLET OF CROSS-CHANNEL

USER EXPERIENCE

Page 101: Groundhogs in the Source Code (v2)

   DAN WILLIS, INTENT PATHS (http://www.flickr.com/photos/uxcrank/5730905682/in/photostream/)

Page 102: Groundhogs in the Source Code (v2)

   

THROUGH NAVIGATION WE BUILD SENSE AND WEAVE PLACES INTO A COHESIVE NARRATIVE ONCE AGAIN

Page 103: Groundhogs in the Source Code (v2)

   

THE LANGUAGE WE USE FOR THIS SENSE-MAKING

PROCESS IS THAT OF INFORMATION ARCHITECTURE

Page 104: Groundhogs in the Source Code (v2)

   

THANK YOU

@resmini