SlideShare a Scribd company logo
The Function of Context
for Information Architecture
               Andrew Hinton
IAI Pre-Conference Workshop IA Summit 2009




                                             1
Context is nothing new in design ...




                                       2
But it’s a big deal for IA




             “Page” vs “Context”




                                   3
What I mean by ‘web’ today ...




  What you do
                                  Hyperlinked
      in a              vs
                                 Environments
   “browser”




                                                4
Maps that create territories
       Representation          Instantiation




                                               5
Shaping context with connection


              Architectural Function: “Utilitas”




        Links shape, and organize, hyperlinked spaces.

                                                         6
Prescribed Storage & Retrieval




            www.stjohnscollege.edu



                                       http://iac.dtic.mil/images/site_map.jpg




     For storage & retrieval, context is mostly about
           categorization & relevant proximity.
                                                                                 7
Emergent Expression, Creation & Function




      Now, context involves almost everything.




       www.designers-revolution.com




                                                 8
It’s all information -- just language ...



                Information that explains ...


             ... the information that contains ...

             ... the information that is contained
                       Just so we’re clear ...




                                                     9
The power of syntax

              Eats Shoots and Leaves




             Eats, Shoots and Leaves




                                       10
Radically different spaces




                        vs




                  Obvious difference.



                                        11
Small difference with radical implications




                     d vs @


                   Not so obvious.


                                             12
“Possibility Spaces”




     Will Wright




                       13
Beyond Findability?


              Findability

                            Content




                   Designing Context



                                       14
Some models for context




                          15
Personal-Behavioral Context

                                                                                THINKING
                                                                           cognitive assumptions,
                                                                          education, learning ability
                                                              Cognitive



             DOING                 Physical
    physical activity & ability,
   habits, preferences, sensory




                                                  Emotional

                                                                        FEELING
                                                                psychological state, anxiety,
                                                                 confidence, stress, desire




                                              “Persona”

                                                                                                        16
Personal-Situational Context
                                                             Task
                            Task               Need




              Task
                                   Situation

                                                                    Task



                                                      Need
                     Need

       Task                   Task                                  Task



                                                             Task




                                         “Scenario”

                                                                           17
The Situation/Behavior Complex
                                                                      Task
                               Task                Need




                                                         Cognitive
             Task
                                      Situation
                    Physical
                                                                             Task



                                                               Need
                    Need
                                             Emotional
      Task                       Task                                        Task



                                                                      Task


                                            Time



                                                                                    18
Systems
                 To accomplish Tasks, we need Tools




          Task




                  For complex tasks, we need systems.

                                                        19
Fuzzy Human Stuff Made Into Data




    Our ambiguities rendered
     into binary attributes.

                                   20
Machines in the image of our needs & desires




                                               21
A symbiosis




                 Person                           System
                 Organic,                         Artificial,
                  Analog                           Binary


              We create systems, imperfectly, in our own image.

                                                                  22
Systems In Context
                                   Situation


                                    Need



                       Cognitive     Task


                                   System
 Person                                        System
 Organic,                                      Artificial,
 Analog     Physical
                                                Binary




                       Emotional




                                                            23
Architectural Systems




                        24
Maison À Bordeaux: Rem Koolhaas




                                      quot;You see here two systems colliding... the systems of the kind of
                                      platonic conception of cleaning with the platonic conception of
                                      architecture ... it's two ideologies confronting each other.quot;
http://www.koolhaashouselife.com/
http://www.oma.eu/index.php?option=com_projects&view=portal&Itemid=10&id=19
http://www.we-make-money-not-art.com/archives/2008/11/koolhaas-houselife-is-a-film.php

                                                                                                          25
Christopher Alexander’s Patterns




               “A Timeless Way of Building” p 253




                                                    26
Wyly Theatre




   http://rex-ny.com/work/wyly-theatre/animation

                                                   27
No user is an island ...




                           28
Social context




                 29
Social is everywhere (and always was)

                  Artifact             The Web has social DNA

                                                 Artifact




     Artifact

                             http://


                         Artifact




                                    Asynchronous “conversation”

                                                                  30
Groups of complex individuals




                                31
Common Goals & Patterns of Behavior



         Need

                           Need




                Need




                                      32
Boundaries shape context




        What are the goals of the context?

                                             33
Even in “play” spaces




   Highly limited identity expression “out of character”
                                                           34
A system for every side of ourselves
                        Task

                 Need

                           Photographer-me                                         Task

                                                                                Need
                                                        Task   Situation
    Task
                                         Situation   Need
 Need
            Working-me.                                   Private-
           Situation
                                                        thoughts-me                    Task

                                                                                Need
                                                                    Situation




        Dating-me
                                      Situation

                 Task

            Need
                                  Task
                                                               Craft-selling-me
                               Need

                                      Party & Music-me
                                                                                              35
Client-side devices shape context too.
                                                Web / Twitteriffic:
                                                - Single column
                                                - Serial feed
                                                - Narrow aperture
                                                - Peripheral attention




  iconfactory.com
                                                              Tweetdeck:
                                                              - Multi-column
                                                              - Parallel feed                               tweetdeck.com
                                                              - Very wide aperture
                                                              - Central attention
                               SMS:
                               - Single-message
                               - No “feed”
                               - Tiny aperture
                               - Interruptive / alert


                                                             Users of these applications & devices treat the Twitter
         www.webmaster247.co.uk/                             “space” very differently.
                                                             They act as if they are in completely different places.

                                                             You can’t control the whole experience.

                                                                                                                            36
You cannot engineer your users.

You can only accommodate them.




                                  37
The Flickr Context System




                             Home Pages
                            act as context
                               maps for
                              influencing
                               attention,
                                setting
                               priorities.




                                             38
The Object Viewing Context



                                       Many
                                     embedded
More                                  contexts
Tasks                                within the
                                      primary
                                      context.


                                 Other contexts
                                   this object
                                   belongs to



                                Task
                             (Rule-based
                               Access)


 Conversation


                                                  39
The “Organize” Task Context


                   Task




Inventory Object
   (“Content”)




                              40
Identity Context

 Self-description &
   links to other
    facets -- sub-
 contexts of your
 presence/identity.




                         Reputation
   At Flickr, your
 identity is, in part,
   a construct of
     your social
    connections.




                                      41
Connecting to & Embedding in Other Contexts




    yahoo.com




                                              42
Some context challenges




                          43
YouTube / “Context Collapse”
                        The problem is not lack of context. It
                        is context collapse: an infinite
                        number of contexts collapsing
                        upon one another into that single
                        moment of recording.

                        The images, actions, and words
                        captured by the lens at any moment
                        can be transported to anywhere on
                        the planet and preserved (the
                        performer must assume) for
                        all time.

                        The little glass lens becomes the
                        gateway to a black hole sucking
                        all of time and space – virtually
                        all possible contexts – in upon
                        itself.

                        Michael Wesch, July 2008
                        mediatedcultures.net



                                                                 44
OLPC
       “This was, almost in every way, a traditional
       top down product development, that involved
       the rural children in India, Africa and China
       only in the late stages. Near-finished
       prototypes were tested out late in
       development, brought to village kids as a “gift.”

       It would have been far better to
       begin in the villages, spend time
       there and build from the bottom up.

       Negroponte might have discovered there was
       little need for this kind of machine.

       Cell phones are far more popular as the means
       to connect to the net in much of the Third
       World and cell-phone type devices rather than
       cute little laptops might have made much more
       sense.

       Tons of research show this to be true.”

       Bruce Nussbaum - Business Week Sept 2007


                                                           45
Google Finance / News




                        Correlation?
                        Causation?




                                       46
MyBlogLog
                            “As you visit MyBlogLog-enabled sites, your
                            photo shows up on the widget - a virtual
                            calling card. Clicking on your photo leads to
                            your profile and all the stuff you share.”




            Far below the fold ...


                                                                            47
Open ID


          The Problem of Unified Reputation

          “For example, I may not want my Suicide Girls account
          linked to my Wikitravel account. If I participate in fringe-
          politics or drug-rights forums, I may not want that identity
          associated with my quot;businessquot; persona. As more and
          more sites become OpenID-enabled, the value of unifying
          your reputation across them is greater, but also the
          danger.”

          Evan Promdromou
          http://evan.prodromou.name/OpenID_Privacy_Concerns




                                                                         48
Facebook Beacon




                  “Beacon”




                             49
Vanguard




           50
Discuss ...




              51

More Related Content

What's hot

Rem koolhass
Rem  koolhassRem  koolhass
Rem koolhass
Joshin Singh
 
Asakusa Cullture & Tourism Information Center
Asakusa Cullture & Tourism Information CenterAsakusa Cullture & Tourism Information Center
Asakusa Cullture & Tourism Information Center
Andy Heng
 
Deconstructivism
DeconstructivismDeconstructivism
Deconstructivism
Omar El-Shahawi
 
Micheal Graves-Post modernism in architecture
Micheal Graves-Post modernism in architectureMicheal Graves-Post modernism in architecture
Micheal Graves-Post modernism in architecture
HASHIFANUSRATHMA
 
Philip johnson
Philip johnsonPhilip johnson
Philip johnson
Prerona Kaushik
 
ACTIC case study
ACTIC case studyACTIC case study
ACTIC case study
Ken Wong
 
Peckham Library Case Study
Peckham Library Case StudyPeckham Library Case Study
Peckham Library Case Study
Fatima Akbar
 
Analisis Starling
Analisis StarlingAnalisis Starling
Analisis Starlingmogrima
 
Modern Architecture - Lecture 1
Modern Architecture - Lecture 1Modern Architecture - Lecture 1
Modern Architecture - Lecture 1
Sewar Khasawneh
 
Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...
Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...
Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...
Dipesh Pradhan
 
LE corbusier- chair designs
LE  corbusier- chair designsLE  corbusier- chair designs
LE corbusier- chair designsBushra Saba
 
Organic architecture
Organic architectureOrganic architecture
Organic architecture
Khalid Salhe
 
Zaha Hadid
Zaha HadidZaha Hadid
Zaha Hadid
Kewal Lama
 
Zaha hadid
Zaha hadidZaha hadid
Zaha hadid
Girdhar Singal
 
Frank gehry
Frank gehry Frank gehry
Frank gehry
Sajida Shah
 
Centre of pompidou
Centre of pompidouCentre of pompidou
Centre of pompidou
bruktigistu
 
Frank Lloyd Wright
Frank Lloyd WrightFrank Lloyd Wright
Frank Lloyd Wright
Soumya Bhatia
 
Renzo piano POMPIDOU CENTRE PARIS
Renzo piano POMPIDOU CENTRE PARIS Renzo piano POMPIDOU CENTRE PARIS
Renzo piano POMPIDOU CENTRE PARIS
Tanzil Faraz
 
LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY
LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY
LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY
Soumya Sharma
 
Harvard graduate center
Harvard graduate centerHarvard graduate center
Harvard graduate center
Meghana77
 

What's hot (20)

Rem koolhass
Rem  koolhassRem  koolhass
Rem koolhass
 
Asakusa Cullture & Tourism Information Center
Asakusa Cullture & Tourism Information CenterAsakusa Cullture & Tourism Information Center
Asakusa Cullture & Tourism Information Center
 
Deconstructivism
DeconstructivismDeconstructivism
Deconstructivism
 
Micheal Graves-Post modernism in architecture
Micheal Graves-Post modernism in architectureMicheal Graves-Post modernism in architecture
Micheal Graves-Post modernism in architecture
 
Philip johnson
Philip johnsonPhilip johnson
Philip johnson
 
ACTIC case study
ACTIC case studyACTIC case study
ACTIC case study
 
Peckham Library Case Study
Peckham Library Case StudyPeckham Library Case Study
Peckham Library Case Study
 
Analisis Starling
Analisis StarlingAnalisis Starling
Analisis Starling
 
Modern Architecture - Lecture 1
Modern Architecture - Lecture 1Modern Architecture - Lecture 1
Modern Architecture - Lecture 1
 
Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...
Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...
Expressionism Modernism Sustainable Architecture Rookery Walt Disney Concert ...
 
LE corbusier- chair designs
LE  corbusier- chair designsLE  corbusier- chair designs
LE corbusier- chair designs
 
Organic architecture
Organic architectureOrganic architecture
Organic architecture
 
Zaha Hadid
Zaha HadidZaha Hadid
Zaha Hadid
 
Zaha hadid
Zaha hadidZaha hadid
Zaha hadid
 
Frank gehry
Frank gehry Frank gehry
Frank gehry
 
Centre of pompidou
Centre of pompidouCentre of pompidou
Centre of pompidou
 
Frank Lloyd Wright
Frank Lloyd WrightFrank Lloyd Wright
Frank Lloyd Wright
 
Renzo piano POMPIDOU CENTRE PARIS
Renzo piano POMPIDOU CENTRE PARIS Renzo piano POMPIDOU CENTRE PARIS
Renzo piano POMPIDOU CENTRE PARIS
 
LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY
LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY
LUDWIG MIES VAN DER ROHE - WORK AND PHILOSOPHY
 
Harvard graduate center
Harvard graduate centerHarvard graduate center
Harvard graduate center
 

Viewers also liked

THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...
THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...
THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...Ather Nawaz
 
Designing Smart Home Technology for Fall Prevention in Older People
 Designing Smart Home Technology for Fall Prevention in Older People Designing Smart Home Technology for Fall Prevention in Older People
Designing Smart Home Technology for Fall Prevention in Older People
Ather Nawaz
 
Cultural differences in the structure of categories among users of wedding pi...
Cultural differences in the structure of categories among users of wedding pi...Cultural differences in the structure of categories among users of wedding pi...
Cultural differences in the structure of categories among users of wedding pi...Ather Nawaz
 
Research Seminar
Research SeminarResearch Seminar
Research Seminar
Ather Nawaz
 
Context oriented architecture - Put the boundary in the right place
Context oriented architecture - Put the boundary in the right placeContext oriented architecture - Put the boundary in the right place
Context oriented architecture - Put the boundary in the right place
Leonardo Proietti
 
CONTEXTUAL ARCHITECTURE: An Indian Perspective
CONTEXTUAL ARCHITECTURE: An Indian PerspectiveCONTEXTUAL ARCHITECTURE: An Indian Perspective
CONTEXTUAL ARCHITECTURE: An Indian Perspective
Sarbjit Bahga
 
DCC2014 - Conversation and Critique within the Architectural Design Process: ...
DCC2014 - Conversation and Critique within the Architectural Design Process: ...DCC2014 - Conversation and Critique within the Architectural Design Process: ...
DCC2014 - Conversation and Critique within the Architectural Design Process: ...
Pieter Pauwels
 
Review of network diagram
Review of network diagramReview of network diagram
Review of network diagram
Syed Ubaid Ali Jafri
 
HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)
HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)
HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)
ArchiEducPH
 
Architectural styles power point
Architectural styles power pointArchitectural styles power point
Architectural styles power point
tculley
 
Network Architecture Review Checklist
Network Architecture Review ChecklistNetwork Architecture Review Checklist
Network Architecture Review Checklist
Eberly Wilson
 
ARCHITECTURAL STUDY: Site Context & Planning
ARCHITECTURAL STUDY: Site Context  & PlanningARCHITECTURAL STUDY: Site Context  & Planning
ARCHITECTURAL STUDY: Site Context & Planning
IDRIS fikir
 
ARCHITECTURAL STYLE-THEORY OF ARCH -II
ARCHITECTURAL STYLE-THEORY OF ARCH -IIARCHITECTURAL STYLE-THEORY OF ARCH -II
ARCHITECTURAL STYLE-THEORY OF ARCH -II
Kethees Waran
 
how to make architecture graduation project
how to make architecture graduation project how to make architecture graduation project
how to make architecture graduation project
Eman Ateek
 
Architectural styles and patterns
Architectural styles and patternsArchitectural styles and patterns
Architectural styles and patternsHimanshu
 
Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...
Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...
Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...
Galala University
 
ARCHITECTURAL STYLES
ARCHITECTURAL STYLESARCHITECTURAL STYLES
ARCHITECTURAL STYLES
Architecture Faculty
 
Architectural Design 1 Lectures by Dr. Yasser Mahgoub - Process
Architectural Design 1 Lectures by Dr. Yasser Mahgoub - ProcessArchitectural Design 1 Lectures by Dr. Yasser Mahgoub - Process
Architectural Design 1 Lectures by Dr. Yasser Mahgoub - Process
Galala University
 

Viewers also liked (20)

THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...
THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...
THE ROLE OF CULTURE IN THE STRUCTURE OF CATEGORIES OF APPLICATION BETWEEN DEN...
 
Designing Smart Home Technology for Fall Prevention in Older People
 Designing Smart Home Technology for Fall Prevention in Older People Designing Smart Home Technology for Fall Prevention in Older People
Designing Smart Home Technology for Fall Prevention in Older People
 
Cultural differences in the structure of categories among users of wedding pi...
Cultural differences in the structure of categories among users of wedding pi...Cultural differences in the structure of categories among users of wedding pi...
Cultural differences in the structure of categories among users of wedding pi...
 
Research Seminar
Research SeminarResearch Seminar
Research Seminar
 
Context oriented architecture - Put the boundary in the right place
Context oriented architecture - Put the boundary in the right placeContext oriented architecture - Put the boundary in the right place
Context oriented architecture - Put the boundary in the right place
 
CONTEXTUAL ARCHITECTURE: An Indian Perspective
CONTEXTUAL ARCHITECTURE: An Indian PerspectiveCONTEXTUAL ARCHITECTURE: An Indian Perspective
CONTEXTUAL ARCHITECTURE: An Indian Perspective
 
DCC2014 - Conversation and Critique within the Architectural Design Process: ...
DCC2014 - Conversation and Critique within the Architectural Design Process: ...DCC2014 - Conversation and Critique within the Architectural Design Process: ...
DCC2014 - Conversation and Critique within the Architectural Design Process: ...
 
Review of network diagram
Review of network diagramReview of network diagram
Review of network diagram
 
Architectural styles
Architectural styles Architectural styles
Architectural styles
 
HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)
HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)
HISTORY: Philippines, and Architecture, into the 21st Century Context (PART 2)
 
Architectural styles power point
Architectural styles power pointArchitectural styles power point
Architectural styles power point
 
Network Architecture Review Checklist
Network Architecture Review ChecklistNetwork Architecture Review Checklist
Network Architecture Review Checklist
 
ARCHITECTURAL STUDY: Site Context & Planning
ARCHITECTURAL STUDY: Site Context  & PlanningARCHITECTURAL STUDY: Site Context  & Planning
ARCHITECTURAL STUDY: Site Context & Planning
 
ARCHITECTURAL STYLE-THEORY OF ARCH -II
ARCHITECTURAL STYLE-THEORY OF ARCH -IIARCHITECTURAL STYLE-THEORY OF ARCH -II
ARCHITECTURAL STYLE-THEORY OF ARCH -II
 
how to make architecture graduation project
how to make architecture graduation project how to make architecture graduation project
how to make architecture graduation project
 
Architectural styles and patterns
Architectural styles and patternsArchitectural styles and patterns
Architectural styles and patterns
 
Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...
Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...
Architectural Design Concepts Approaches - كونسيبت التصميم المعمارى و الفكرة ...
 
ARCHITECTURAL STYLES
ARCHITECTURAL STYLESARCHITECTURAL STYLES
ARCHITECTURAL STYLES
 
Architectural Design 1 Lectures by Dr. Yasser Mahgoub - Process
Architectural Design 1 Lectures by Dr. Yasser Mahgoub - ProcessArchitectural Design 1 Lectures by Dr. Yasser Mahgoub - Process
Architectural Design 1 Lectures by Dr. Yasser Mahgoub - Process
 
Concept sheet - Thesis
Concept sheet - ThesisConcept sheet - Thesis
Concept sheet - Thesis
 

More from Andrew Hinton

Your UX Career Path
Your UX Career PathYour UX Career Path
Your UX Career Path
Andrew Hinton
 
What We Talk About When We Talk About Navigation (IA Conf 2019)
What We Talk About When We Talk About Navigation (IA Conf 2019)What We Talk About When We Talk About Navigation (IA Conf 2019)
What We Talk About When We Talk About Navigation (IA Conf 2019)
Andrew Hinton
 
The World is the Screen - Convey UX 2014
The World is the Screen - Convey UX 2014The World is the Screen - Convey UX 2014
The World is the Screen - Convey UX 2014
Andrew Hinton
 
Architecture for Aliens IA Summit 2017
Architecture for Aliens IA Summit 2017Architecture for Aliens IA Summit 2017
Architecture for Aliens IA Summit 2017
Andrew Hinton
 
Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017
Andrew Hinton
 
Understanding Context for UX Strategy UXSTRAT 2015
Understanding Context for UX Strategy UXSTRAT 2015 Understanding Context for UX Strategy UXSTRAT 2015
Understanding Context for UX Strategy UXSTRAT 2015
Andrew Hinton
 
Practical Conceptual Modeling at UX Detroit Feb 2015
Practical Conceptual Modeling at UX Detroit Feb 2015Practical Conceptual Modeling at UX Detroit Feb 2015
Practical Conceptual Modeling at UX Detroit Feb 2015
Andrew Hinton
 
Language is Infrastructure for InteractConf London 2014
Language is Infrastructure for InteractConf London 2014Language is Infrastructure for InteractConf London 2014
Language is Infrastructure for InteractConf London 2014
Andrew Hinton
 
A Model for Information Environments - Reframe IA Workshop 2013
A Model for Information Environments - Reframe IA Workshop 2013A Model for Information Environments - Reframe IA Workshop 2013
A Model for Information Environments - Reframe IA Workshop 2013
Andrew Hinton
 
The World Is The Screen
The World Is The ScreenThe World Is The Screen
The World Is The Screen
Andrew Hinton
 
Context Design (beta2) World IA Day 2013
Context Design (beta2) World IA Day 2013Context Design (beta2) World IA Day 2013
Context Design (beta2) World IA Day 2013
Andrew Hinton
 
Context Design (beta) CHI Atlanta Nov 2012
Context Design (beta) CHI Atlanta Nov 2012Context Design (beta) CHI Atlanta Nov 2012
Context Design (beta) CHI Atlanta Nov 2012
Andrew Hinton
 
Happiness machines
Happiness machinesHappiness machines
Happiness machines
Andrew Hinton
 
Users Don't Have Goals
Users Don't Have GoalsUsers Don't Have Goals
Users Don't Have Goals
Andrew Hinton
 
Communities of Practice Intro
Communities of Practice IntroCommunities of Practice Intro
Communities of Practice Intro
Andrew Hinton
 
Context for WebVisions 2011
Context for WebVisions 2011Context for WebVisions 2011
Context for WebVisions 2011
Andrew Hinton
 
UX and Business Analysts - Stop the Madness
UX and Business Analysts - Stop the MadnessUX and Business Analysts - Stop the Madness
UX and Business Analysts - Stop the Madness
Andrew Hinton
 
Architecture and IA
Architecture and IAArchitecture and IA
Architecture and IA
Andrew Hinton
 
Linkosophy2 Ebai
Linkosophy2 EbaiLinkosophy2 Ebai
Linkosophy2 Ebai
Andrew Hinton
 
TheRiseOfLettingGo
TheRiseOfLettingGoTheRiseOfLettingGo
TheRiseOfLettingGo
Andrew Hinton
 

More from Andrew Hinton (20)

Your UX Career Path
Your UX Career PathYour UX Career Path
Your UX Career Path
 
What We Talk About When We Talk About Navigation (IA Conf 2019)
What We Talk About When We Talk About Navigation (IA Conf 2019)What We Talk About When We Talk About Navigation (IA Conf 2019)
What We Talk About When We Talk About Navigation (IA Conf 2019)
 
The World is the Screen - Convey UX 2014
The World is the Screen - Convey UX 2014The World is the Screen - Convey UX 2014
The World is the Screen - Convey UX 2014
 
Architecture for Aliens IA Summit 2017
Architecture for Aliens IA Summit 2017Architecture for Aliens IA Summit 2017
Architecture for Aliens IA Summit 2017
 
Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017Designing a Future We Want to Live In - UX STRAT USA 2017
Designing a Future We Want to Live In - UX STRAT USA 2017
 
Understanding Context for UX Strategy UXSTRAT 2015
Understanding Context for UX Strategy UXSTRAT 2015 Understanding Context for UX Strategy UXSTRAT 2015
Understanding Context for UX Strategy UXSTRAT 2015
 
Practical Conceptual Modeling at UX Detroit Feb 2015
Practical Conceptual Modeling at UX Detroit Feb 2015Practical Conceptual Modeling at UX Detroit Feb 2015
Practical Conceptual Modeling at UX Detroit Feb 2015
 
Language is Infrastructure for InteractConf London 2014
Language is Infrastructure for InteractConf London 2014Language is Infrastructure for InteractConf London 2014
Language is Infrastructure for InteractConf London 2014
 
A Model for Information Environments - Reframe IA Workshop 2013
A Model for Information Environments - Reframe IA Workshop 2013A Model for Information Environments - Reframe IA Workshop 2013
A Model for Information Environments - Reframe IA Workshop 2013
 
The World Is The Screen
The World Is The ScreenThe World Is The Screen
The World Is The Screen
 
Context Design (beta2) World IA Day 2013
Context Design (beta2) World IA Day 2013Context Design (beta2) World IA Day 2013
Context Design (beta2) World IA Day 2013
 
Context Design (beta) CHI Atlanta Nov 2012
Context Design (beta) CHI Atlanta Nov 2012Context Design (beta) CHI Atlanta Nov 2012
Context Design (beta) CHI Atlanta Nov 2012
 
Happiness machines
Happiness machinesHappiness machines
Happiness machines
 
Users Don't Have Goals
Users Don't Have GoalsUsers Don't Have Goals
Users Don't Have Goals
 
Communities of Practice Intro
Communities of Practice IntroCommunities of Practice Intro
Communities of Practice Intro
 
Context for WebVisions 2011
Context for WebVisions 2011Context for WebVisions 2011
Context for WebVisions 2011
 
UX and Business Analysts - Stop the Madness
UX and Business Analysts - Stop the MadnessUX and Business Analysts - Stop the Madness
UX and Business Analysts - Stop the Madness
 
Architecture and IA
Architecture and IAArchitecture and IA
Architecture and IA
 
Linkosophy2 Ebai
Linkosophy2 EbaiLinkosophy2 Ebai
Linkosophy2 Ebai
 
TheRiseOfLettingGo
TheRiseOfLettingGoTheRiseOfLettingGo
TheRiseOfLettingGo
 

Recently uploaded

一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
7sd8fier
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
asuzyq
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
madhavlakhanpal29
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
n0tivyq
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
PrabhjeetSingh219035
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
cy0krjxt
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
h7j5io0
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
ameli25062005
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
7sd8fier
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
Confidence Ago
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
9a93xvy
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
taqyed
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
garcese
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
ameli25062005
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
h7j5io0
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
TeeFusion
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
gpffo76j
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
h7j5io0
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
Alan Dix
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
jyz59f4j
 

Recently uploaded (20)

一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
一比一原版(MMU毕业证书)曼彻斯特城市大学毕业证成绩单如何办理
 
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
一比一原版(Columbia毕业证)哥伦比亚大学毕业证如何办理
 
Common Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid themCommon Designing Mistakes and How to avoid them
Common Designing Mistakes and How to avoid them
 
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
一比一原版(Glasgow毕业证书)格拉斯哥大学毕业证成绩单如何办理
 
vernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdfvernacular architecture in response to climate.pdf
vernacular architecture in response to climate.pdf
 
Design Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinkingDesign Thinking Design thinking Design thinking
Design Thinking Design thinking Design thinking
 
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
一比一原版(BU毕业证书)伯恩茅斯大学毕业证成绩单如何办理
 
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
Коричневый и Кремовый Деликатный Органический Копирайтер Фрилансер Марке...
 
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
一比一原版(NCL毕业证书)纽卡斯尔大学毕业证成绩单如何办理
 
Book Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for DesignersBook Formatting: Quality Control Checks for Designers
Book Formatting: Quality Control Checks for Designers
 
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
一比一原版(RHUL毕业证书)伦敦大学皇家霍洛威学院毕业证如何办理
 
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理一比一原版(毕业证)长崎大学毕业证成绩单如何办理
一比一原版(毕业证)长崎大学毕业证成绩单如何办理
 
Portfolio.pdf
Portfolio.pdfPortfolio.pdf
Portfolio.pdf
 
20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf20 slides of research movie and artists .pdf
20 slides of research movie and artists .pdf
 
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
一比一原版(Bolton毕业证书)博尔顿大学毕业证成绩单如何办理
 
Let's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons ShirtLet's Summon Demons Shirt Let's Summon Demons Shirt
Let's Summon Demons Shirt Let's Summon Demons Shirt
 
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
原版定做(penn毕业证书)美国宾夕法尼亚大学毕业证文凭学历证书原版一模一样
 
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
一比一原版(UCB毕业证书)伯明翰大学学院毕业证成绩单如何办理
 
Can AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI preludeCan AI do good? at 'offtheCanvas' India HCI prelude
Can AI do good? at 'offtheCanvas' India HCI prelude
 
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
一比一原版(LSE毕业证书)伦敦政治经济学院毕业证成绩单如何办理
 

Beyond Findability: Context

  • 1. The Function of Context for Information Architecture Andrew Hinton IAI Pre-Conference Workshop IA Summit 2009 1
  • 2. Context is nothing new in design ... 2
  • 3. But it’s a big deal for IA “Page” vs “Context” 3
  • 4. What I mean by ‘web’ today ... What you do Hyperlinked in a vs Environments “browser” 4
  • 5. Maps that create territories Representation Instantiation 5
  • 6. Shaping context with connection Architectural Function: “Utilitas” Links shape, and organize, hyperlinked spaces. 6
  • 7. Prescribed Storage & Retrieval www.stjohnscollege.edu http://iac.dtic.mil/images/site_map.jpg For storage & retrieval, context is mostly about categorization & relevant proximity. 7
  • 8. Emergent Expression, Creation & Function Now, context involves almost everything. www.designers-revolution.com 8
  • 9. It’s all information -- just language ... Information that explains ... ... the information that contains ... ... the information that is contained Just so we’re clear ... 9
  • 10. The power of syntax Eats Shoots and Leaves Eats, Shoots and Leaves 10
  • 11. Radically different spaces vs Obvious difference. 11
  • 12. Small difference with radical implications d vs @ Not so obvious. 12
  • 13. “Possibility Spaces” Will Wright 13
  • 14. Beyond Findability? Findability Content Designing Context 14
  • 15. Some models for context 15
  • 16. Personal-Behavioral Context THINKING cognitive assumptions, education, learning ability Cognitive DOING Physical physical activity & ability, habits, preferences, sensory Emotional FEELING psychological state, anxiety, confidence, stress, desire “Persona” 16
  • 17. Personal-Situational Context Task Task Need Task Situation Task Need Need Task Task Task Task “Scenario” 17
  • 18. The Situation/Behavior Complex Task Task Need Cognitive Task Situation Physical Task Need Need Emotional Task Task Task Task Time 18
  • 19. Systems To accomplish Tasks, we need Tools Task For complex tasks, we need systems. 19
  • 20. Fuzzy Human Stuff Made Into Data Our ambiguities rendered into binary attributes. 20
  • 21. Machines in the image of our needs & desires 21
  • 22. A symbiosis Person System Organic, Artificial, Analog Binary We create systems, imperfectly, in our own image. 22
  • 23. Systems In Context Situation Need Cognitive Task System Person System Organic, Artificial, Analog Physical Binary Emotional 23
  • 25. Maison À Bordeaux: Rem Koolhaas quot;You see here two systems colliding... the systems of the kind of platonic conception of cleaning with the platonic conception of architecture ... it's two ideologies confronting each other.quot; http://www.koolhaashouselife.com/ http://www.oma.eu/index.php?option=com_projects&view=portal&Itemid=10&id=19 http://www.we-make-money-not-art.com/archives/2008/11/koolhaas-houselife-is-a-film.php 25
  • 26. Christopher Alexander’s Patterns “A Timeless Way of Building” p 253 26
  • 27. Wyly Theatre http://rex-ny.com/work/wyly-theatre/animation 27
  • 28. No user is an island ... 28
  • 30. Social is everywhere (and always was) Artifact The Web has social DNA Artifact Artifact http:// Artifact Asynchronous “conversation” 30
  • 31. Groups of complex individuals 31
  • 32. Common Goals & Patterns of Behavior Need Need Need 32
  • 33. Boundaries shape context What are the goals of the context? 33
  • 34. Even in “play” spaces Highly limited identity expression “out of character” 34
  • 35. A system for every side of ourselves Task Need Photographer-me Task Need Task Situation Task Situation Need Need Working-me. Private- Situation thoughts-me Task Need Situation Dating-me Situation Task Need Task Craft-selling-me Need Party & Music-me 35
  • 36. Client-side devices shape context too. Web / Twitteriffic: - Single column - Serial feed - Narrow aperture - Peripheral attention iconfactory.com Tweetdeck: - Multi-column - Parallel feed tweetdeck.com - Very wide aperture - Central attention SMS: - Single-message - No “feed” - Tiny aperture - Interruptive / alert Users of these applications & devices treat the Twitter www.webmaster247.co.uk/ “space” very differently. They act as if they are in completely different places. You can’t control the whole experience. 36
  • 37. You cannot engineer your users. You can only accommodate them. 37
  • 38. The Flickr Context System Home Pages act as context maps for influencing attention, setting priorities. 38
  • 39. The Object Viewing Context Many embedded More contexts Tasks within the primary context. Other contexts this object belongs to Task (Rule-based Access) Conversation 39
  • 40. The “Organize” Task Context Task Inventory Object (“Content”) 40
  • 41. Identity Context Self-description & links to other facets -- sub- contexts of your presence/identity. Reputation At Flickr, your identity is, in part, a construct of your social connections. 41
  • 42. Connecting to & Embedding in Other Contexts yahoo.com 42
  • 44. YouTube / “Context Collapse” The problem is not lack of context. It is context collapse: an infinite number of contexts collapsing upon one another into that single moment of recording. The images, actions, and words captured by the lens at any moment can be transported to anywhere on the planet and preserved (the performer must assume) for all time. The little glass lens becomes the gateway to a black hole sucking all of time and space – virtually all possible contexts – in upon itself. Michael Wesch, July 2008 mediatedcultures.net 44
  • 45. OLPC “This was, almost in every way, a traditional top down product development, that involved the rural children in India, Africa and China only in the late stages. Near-finished prototypes were tested out late in development, brought to village kids as a “gift.” It would have been far better to begin in the villages, spend time there and build from the bottom up. Negroponte might have discovered there was little need for this kind of machine. Cell phones are far more popular as the means to connect to the net in much of the Third World and cell-phone type devices rather than cute little laptops might have made much more sense. Tons of research show this to be true.” Bruce Nussbaum - Business Week Sept 2007 45
  • 46. Google Finance / News Correlation? Causation? 46
  • 47. MyBlogLog “As you visit MyBlogLog-enabled sites, your photo shows up on the widget - a virtual calling card. Clicking on your photo leads to your profile and all the stuff you share.” Far below the fold ... 47
  • 48. Open ID The Problem of Unified Reputation “For example, I may not want my Suicide Girls account linked to my Wikitravel account. If I participate in fringe- politics or drug-rights forums, I may not want that identity associated with my quot;businessquot; persona. As more and more sites become OpenID-enabled, the value of unifying your reputation across them is greater, but also the danger.” Evan Promdromou http://evan.prodromou.name/OpenID_Privacy_Concerns 48
  • 49. Facebook Beacon “Beacon” 49
  • 50. Vanguard 50