SlideShare a Scribd company logo
ANDREA @RESMINI



    GROUNDHOGS
    in THE SOURCE CODE
    navigation as cross-channel sense-making
       UXCAMP CPH 2013

                          
WE SAY NAVIGATE
    WE REALLY MEAN
       UNDERSTAND
      
     
     
    KEVIN LYNCH, SKETCHES
           
                      MNSU.EDU
    KEVIN LYNCH, SKETCHES
           
                      MNSU.EDU
    KEVIN LYNCH, SKETCHES
           
                      MNSU.EDU
DISTINCTIONS WERE MADE
         AMONG THE DIFFERENT
     PHYSICAL PARTS OF THE CITY
             THESE PARTS WERE
    ORGANIZED IN A PERSONALLY
             MEANINGFUL MESH
                  
     
     
     
     
PEOPLE WERE RECONNECTING
   PERCEIVED FRAGMENTS IN
     MEANINGFUL PATTERNS
             
THE ODYSSEY, 700 BC




         
     
     
     
MONKEY ISLAND, 1990




          
     
     
SORRY. WRONG PIRATES

            
     
THE ODYSSEY, 700 BC




         
MP & THE HOLY GRAIL, 1975




              
MONKEY ISLAND, 1990




          
QUESTS CONNECT MAPS
     WITH PERSONAL SPACE

            
SUCKER PUNCH, 2011




         
     
     
     
QUESTS ARE A MIDDLE
GROUND BETWEEN NARRATIVE
        AND ACTIONABILITY
             
DRACULA, 1897




     
NOT CONSIDERING RIP-OFFS

               
KHOONI DRACULA, 1992




           
AS THAT’S A SLIPPERY SLOPE

                
JAPANESE SPIDERMAN, 1978




               
JAPANESE SPIDERMAN, 1978




               
TURKISH BEDMEN, 1973




           
ITALIAN BATHMAN, 1982




           
WE WANT THE REAL THING

              
BRAM STOKER, 1906




        
                 BRITANNICA.COM
MONOLOGIC



                          POLYLOGIC


           DIALOGIC
                       
DICTATION
        CYLINDERS


     
        SHORTHAND
        SHIPS' LOGS
DIARY
     
        ENTRIES
    NEWSPAPERS CLIPPINGS
      
                  GRUNGERABBIT.COM
    TYPEWRITTEN TEXT
      
        PHASE #1
           DRACULASCASTLE.EU
        PHASE #2
         ASSOMMOIR.WORDPRESS.COM
                DRACULASCASTLE.EU
        PHASE #3
             DRACULA3d
        PHASE #4
 
    1   2    
                3   4
NOW.
    WAIT A SEC THERE.

       
     
WHOOPS. SORRY. I’VE SEEN
    THAT GUY SOMEWHERE THO
                
     
     
NOT A REAL PLACE, RIGHT?

               
     
THE HOBBIT, 2012




      
NOT A REAL PLACE, EITHER

               
“PLACE IS A WAY TO
    UNDERSTAND THE WORLD”

               
                  YI FU TUAN
GROUNDHOG DAY, 1993




          
     
     
     
“HE'S TRAPPED IN SOME
          KIND OF TIME WARP.”
    “A SUPERNATURAL FORCE IS
              SHOWING HIM HIS
                 WEAKNESSES.”
                 
                    ROGER EBERT
SOURCE CODE, 2011




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




     
DATABASE




     
3D NAVIGATION




     
3D NAVIGATION




aph.org




               
3D NAVIGATION




     
BUT WHAT ABOUT OUR OWN
       PERSONAL CYBERSPACE?

                
     
     
     
     
     
     
WE ARE RECONNECTING
    PERCEIVED FRAGMENTS IN
      MEANINGFUL PATTERNS
              
     
     
WE ARE LEARNING HOW TO
     NAVIGATE THE DATABASE

               
     
     
     
     
PLACE IS WHERE WE PAUSE
    SPACE IS WHERE WE MOVE

              
SOME PLACES WE VISIT

           
     
SOME PLACES WE LIVE IN

             
     
NAVIGATION CHOREOGRAPHS
THE BALLET OF CROSS-CHANNEL
            USER EXPERIENCE
              
                           
    DAN WILLIS, INTENT PATHS (http://www.flickr.com/photos/uxcrank/5730905682/in/photostream/)
THROUGH NAVIGATION WE
     BUILD SENSE AND WEAVE
     PLACES INTO A COHESIVE
      NARRATIVE ONCE AGAIN
              
THE LANGUAGE WE USE
        FOR THIS SENSE-MAKING
            PROCESS IS THAT OF
    INFORMATION ARCHITECTURE
                 
THANK YOU

         @resmini
     

More Related Content

PDF
Dossier de conception - Travelyzer
PDF
Product Camp Poland 2017
PPT
Web Governance: Where Strategy Meets Structure
PDF
Describing the elephant: Moving beyond professional silos when defining UX
PPTX
Organizational Parkour: the Negotiation Game for Designers
PDF
Product is Big IA
PDF
10 things every CEO needs to know about UX
PDF
It's Pitch Black. You Are Likely to be Eaten by a Grue
Dossier de conception - Travelyzer
Product Camp Poland 2017
Web Governance: Where Strategy Meets Structure
Describing the elephant: Moving beyond professional silos when defining UX
Organizational Parkour: the Negotiation Game for Designers
Product is Big IA
10 things every CEO needs to know about UX
It's Pitch Black. You Are Likely to be Eaten by a Grue

Viewers also liked (20)

PDF
Five UX myths - UXCE16, Berlin, Germany
PPTX
Silver Linings, When Building a Team Fails
PDF
Rapid User Research - a talk from Agile 2013 by Aviva Rosenstein
PPT
Brain hacks for designing usable applications
PDF
Innovation vs. Best Practice
PDF
Making places
PDF
Ghosts in the Machine
PDF
Design Like DaVinci
PDF
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
PPTX
UXD v. Analytics - WIAD13 Ann Arbor
PDF
Improvised IA: Going Beyond the Whiteboard
ODP
Groundhogs in the Source Code (v3 UXAU)
PDF
Game Design - Lecture 2
PDF
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...
PDF
Interfaces are Made of Words
PDF
The F Word... Fail
PDF
Cross-channel ecosystems strategy
PPTX
How Do We Know When It Is Good? A language of criticism for Information Archi...
PDF
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014
PDF
Redesign/UXD 2015 Winning the Goat Rodeo: Lessons learned from jam sessions
Five UX myths - UXCE16, Berlin, Germany
Silver Linings, When Building a Team Fails
Rapid User Research - a talk from Agile 2013 by Aviva Rosenstein
Brain hacks for designing usable applications
Innovation vs. Best Practice
Making places
Ghosts in the Machine
Design Like DaVinci
"Siri, did I leave the oven on?" UX for the connected home (updated for IA Su...
UXD v. Analytics - WIAD13 Ann Arbor
Improvised IA: Going Beyond the Whiteboard
Groundhogs in the Source Code (v3 UXAU)
Game Design - Lecture 2
Organizational Parkour, the Negotiation Game - Seattle Infocamp 2013 - Joan V...
Interfaces are Made of Words
The F Word... Fail
Cross-channel ecosystems strategy
How Do We Know When It Is Good? A language of criticism for Information Archi...
Thoughts on Customer Feedback - Aviva Rosenstein, WarmGun 2014
Redesign/UXD 2015 Winning the Goat Rodeo: Lessons learned from jam sessions
Ad

Similar to Groundhogs in the Source Code (v2) (20)

PDF
Groundhogs in the Source Code
KEY
Transmedia Storytelling
ZIP
Mexico 01
PDF
STORY TRIBES
PPTX
The language of new media
PPT
Bruce Damer's presentation at the Ecotechnics Institute Technosphere 2005 Con...
PDF
Transmedia storytelling - Carolyn Miller
PDF
11 teori flow_immersion
PPTX
Hamlet on The Holodeck Presentation
PPSX
Story Architecture - Crafting Transmedia Design
KEY
SMPIA Transmedia Talk
PPT
Transmedia storytelling
PDF
On Hypertext Narrative
PDF
Narrative structures for new media
PPT
Cross media between gaming and storytelling
PPTX
Meaningful Play 2010: ARG/transmedia panel
PDF
STORY, MEET CODE.
PPT
Telling tales using digital media
PPTX
Digital Storytelling at Case Western, part 2
PDF
The Uncanny Valley of Interaction Design
Groundhogs in the Source Code
Transmedia Storytelling
Mexico 01
STORY TRIBES
The language of new media
Bruce Damer's presentation at the Ecotechnics Institute Technosphere 2005 Con...
Transmedia storytelling - Carolyn Miller
11 teori flow_immersion
Hamlet on The Holodeck Presentation
Story Architecture - Crafting Transmedia Design
SMPIA Transmedia Talk
Transmedia storytelling
On Hypertext Narrative
Narrative structures for new media
Cross media between gaming and storytelling
Meaningful Play 2010: ARG/transmedia panel
STORY, MEET CODE.
Telling tales using digital media
Digital Storytelling at Case Western, part 2
The Uncanny Valley of Interaction Design
Ad

More from Andrea Resmini (20)

PDF
A taxonomy of the orcanization
PDF
From object to ecosystem
PDF
The End of the World as We Know It
PDF
Rapid cross channel prototyping
PDF
Rapid Cross-channel Prototyping Workshop IAS17
PDF
Cross-channel Ecosystems 101 - Part 5
PDF
Cross-channel Ecosystems 101 - Part 4
PDF
Cross-channel Ecosystems 101 - Part 3
PDF
Cross-channel Ecosystems 101 - Part 2
PDF
Cross-channel Ecosystems 101 - Part 1
PDF
Mapping Cross-channel Ecosystems
PDF
Blended spaces, cross-channel ecosystems, and the myth that is service
PDF
The Ethics and Politics of Information Architecture
PDF
Welcome Week Lecture at JIBS
PDF
Three Reminders
PDF
Workshop - The Sensemaking Fragrance
PDF
This Station Has Started Tweeting
PDF
The Architectures of Information Spaces
PDF
The poetics of information architecture
PDF
Building a Sense of Place across Channels - Part II
A taxonomy of the orcanization
From object to ecosystem
The End of the World as We Know It
Rapid cross channel prototyping
Rapid Cross-channel Prototyping Workshop IAS17
Cross-channel Ecosystems 101 - Part 5
Cross-channel Ecosystems 101 - Part 4
Cross-channel Ecosystems 101 - Part 3
Cross-channel Ecosystems 101 - Part 2
Cross-channel Ecosystems 101 - Part 1
Mapping Cross-channel Ecosystems
Blended spaces, cross-channel ecosystems, and the myth that is service
The Ethics and Politics of Information Architecture
Welcome Week Lecture at JIBS
Three Reminders
Workshop - The Sensemaking Fragrance
This Station Has Started Tweeting
The Architectures of Information Spaces
The poetics of information architecture
Building a Sense of Place across Channels - Part II

Recently uploaded (20)

PPTX
YV PROFILE PROJECTS PROFILE PRES. DESIGN
PDF
Chalkpiece Annual Report from 2019 To 2025
PPTX
6- Architecture design complete (1).pptx
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PDF
YOW2022-BNE-MinimalViableArchitecture.pdf
PPTX
Special finishes, classification and types, explanation
PPTX
Implications Existing phase plan and its feasibility.pptx
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PDF
Quality Control Management for RMG, Level- 4, Certificate
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
PPTX
building Planning Overview for step wise design.pptx
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PPTX
DOC-20250430-WA0014._20250714_235747_0000.pptx
PPTX
Entrepreneur intro, origin, process, method
PPTX
rapid fire quiz in your house is your india.pptx
PPT
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt
YV PROFILE PROJECTS PROFILE PRES. DESIGN
Chalkpiece Annual Report from 2019 To 2025
6- Architecture design complete (1).pptx
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
YOW2022-BNE-MinimalViableArchitecture.pdf
Special finishes, classification and types, explanation
Implications Existing phase plan and its feasibility.pptx
HPE Aruba-master-icon-library_052722.pptx
mahatma gandhi bus terminal in india Case Study.pptx
Quality Control Management for RMG, Level- 4, Certificate
SEVA- Fashion designing-Presentation.pdf
Key Trends in Website Development 2025 | B3AITS - Bow & 3 Arrows IT Solutions
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
building Planning Overview for step wise design.pptx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
DOC-20250430-WA0014._20250714_235747_0000.pptx
Entrepreneur intro, origin, process, method
rapid fire quiz in your house is your india.pptx
WHY_R12 Uaafafafpgradeaffafafafaffff.ppt

Groundhogs in the Source Code (v2)