SlideShare ist ein Scribd-Unternehmen logo
1 von 24
Downloaden Sie, um offline zu lesen
Context:
              How we broke it, and how we might be able to fix it.

                               Andrew Hinton
                                 @inkblurt




=====>>>>>>
Context:
                                            How we broke it, and how we might be able to fix it.

                                                                Andrew Hinton
                                                                  @inkblurt




Thank you for coming. Iʼve been asked to introduce this topic in a span of about 15 minutes, and then leave the rest of our time for
conversation, so Iʼm going to do my best to make that happen. So forgive me if I just jump right in ...
Language

                                                                                                      Context




This is a urinal. Itʼs also probably the most influential work of art in the 20th century.
To be exact, itʼs a urinal that Marcel Duchamp submitted to an art show in 1917.
He didnʼt just submit it, though. He scrawled R. Mutt, 1917 on the side, like an artistʼs signature, called it “Fountain” stuck it on a pedestal, and *then*
submitted it.
It was a splendid act of Dada. But it ended up being more than merely a joke.
>>By labeling it,
>>and putting it in a different context,
Duchamp changed the frame of reference for the object. It was a challenge against everything that had come before: every cultural assumption or taboo. It
eventually affected how people thought about art, high and low culture, everything.

Image: http://en.wikipedia.org/wiki/Image:Duchamp_Fountaine.jpg
Visual Placement


                                             UI Behavior

                                          Past experience of
                                         similar functionality.



                                             CONTEXT




Hereʼs a screenshot from my iphone, using a 3rd party browser.
Notice the little x icons in the top right.
How do we know those two almost identical shapes donʼt do exactly the same thing? ...
Itʼs because of a *lot* of factors, actually. Some are ...
>>The user needs to understand that because of their placement and how theyʼre contained,
>>as well as when and how they became visible -- experiencing their appearance gives some idea of what theyʼre connected to in this
interaction.
>> It also assumes the user has enough background and experience to know *anything* about whatʼs happening here, including experience
with little x-icons.
>> All of these are part of the context of the experience.

One thing this interaction has going for it is that itʼs at least all right there in front of you, if you know how to read the cues. But I bring this
example up only because itʼs small and easy to point out. What about when itʼs a bigger deal, and harder to see?
WTF?




                                                                Where am I?
                                                           What “mode” am I In?
                                                   Does “mode” change what “where” means?



Earlier I searched Google for “information architecture context” to see what would come up ... and discovered that my blog comes up as
number 3 for that search result! Awesome!!!

>> But then I open a different browser and run the same search, and ... Iʼm nowhere to be found...
>> Itʼs a real WTF moment...
>> Until I realize Iʼm logged in on one and not the other ... but thereʼs nothing telling me this is an issue, explicitly.
>> As a designer I ask questions like these ... where am I? what mode is this? and does mode change what “where” means to begin with?
Hereʼs a fun one with ecommerce. After my flight in from Atlanta, I get to my hotel in Portland, and I decide I need some duct tape. So I visit
the Ace Hardware site to find a store that has duct tape nearby.
>>So I go there, and see a map.
>> I see a store and select it, and it shows me the details about the store. Iʼm thinking awesome let me check this nearby store for duct tape.
But when I click it...
>> Iʼm asked to LOG IN or create an account! How annoying. Oh well, luckily I have an Ace Hardware account, so I log in ...
And now when I search for duct tape, I can see that the Portland store is at the top of the page. That must mean Iʼm looking at the inventory
for that store. Perfect.
>> I select the kind of duct tape I want ...
>> And oddly enough I have an awful lot of text here about how I can or canʼt get it ... the only thing that specifies anything about finding it right
now in my local store is this, so I click it ...
WTF?




And I get yet another map ???
>> And this one is in North Carolina???
Oh itʼs because earlier, I signed in and it had my old address from when I lived in North Carolina last year.
There are all sorts of contextual disconnects happening here, even though each individual *page* works pretty well -- it doesnʼt hang together
very well as a system that accommodates life complexity.
Google Buzz




                                         Facebook
                                          Beacom



There have been a number of spectacular disasters with privacy in the last few years. Google Buzz connected people in ways they didnʼt want
to be connected, because Google assumed if you emailed someone a lot they were a close friend.
Facebook assumed youʼd want to share with everyone labeled “friend” information about everything you bought online.
Friend?

                                      In the information dimension, labels are architecture.


Both Facebook and Google made huge mistakes about what the word “Friend” actually means. Language is powerful, and labels are powerful.
And now weʼre living in a world where thereʼs an ever-present dimension of information that shapes our daily experience.
>> >> in the information dimension, labels are architecture. The semantics of that dimension can affect us just as strongly as the physical
architecture of our cities and buildings.
One thing Google and Facebook did wrong ... They each created an overly simplistic model for connecting people, and then tricked
themselves into thinking that model reflected everything important about the complexity of the contexts we live in every day.
>>They give us a few little boxes to label ourselves with,
When in fact, our lives are much more organic, analog and full of facets and shades of identity and relationships.
Location-Awareness                                    Multi-Presence
                                        (Physical Context / Digital Response)              (Digital Context / Cognitive Response)




                                                                                                                Pictures           Personal
                                                                                            Facebook            Wall                Email
                                                                                                                                   Reply to
                                                 Shopping Mall                          Message           Friend                  Individual
                                                                                                         Request                                Reply to All
                                                                                        Invitation       Tags                        Mailing List
                                                                                                                                         (s)
                                                                                                 Group
                                                                                    Pictures



                                                                                   LinkedIn
                                                                                                                       Reply          Direct
                                                                                     Business                                         Message
                                                                    Workplace      Phone / SMS
                                                                                                                           Post
                                                                                                 Sharepoint
                                             Home                               Email
                                                                                                                               Phone/SMS
                                                                                    Workplace




One important difference I want to point out is between what those of us designing and researching mobile digital behavior think of as context,
and what Iʼm focusing on here, though theyʼre both relevant in the examples I mentioned.
>>In the first type, we have the ability for our devices and the physical places we visit to interact and be location-aware. They change their
digital response based on our physical context.
>> In the second type, the one Iʼm focusing on more here, we the person can be anywhere physically ... but cognitively theyʼre inhabiting
multiple “places” often simultaneously, and itʼs our cognition thatʼs supposed to respond and comprehend it all.
The first one is getting a lot of attention in research and in the marketplace, but I think itʼs the second one that is a bigger present problem.
Shopping Mall Personal
                                                                           Pictures
                                                                  Facebook Wall         Email
                                                              Message                                Reply to
                                                                                Friend              Individual
                                                                               Request                            Reply to All
                                                              Invitation       Tags                    Mailing List
                                                                                                           (s)
                                                                       Group
                                                          Pictures



                                                         LinkedIn
                                                                                         Reply          Direct
                                                           Business                                     Message Workplace
                                                         Phone / SMS
                                                                                           Post
                                                                      Sharepoint
                                                      Email           Home
                                                                                                 Phone/SMS
                                                          Workplace




                                                    The Full Context Clusterfrack

It gets even worse when you mix these up into one big contextual soup.
danah boyd




The digital researcher and sociologist danah boyd recently finished her dissertation on this very issue, and her work has been very influential
in the social computing space. She makes the case that this problem is, at core, a context problem.

danah image: strandgreen.com
“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.”
                                       - Michael Wesch




Sociologist Michael Wesch, who has done a great deal of research especially around YouTube, says that this technology has created a
condition he calls “context collapse” where we simply cannot comprehend the sorts of places weʼve created, and how theyʼve all essentially
collapsed into one. It takes everyone by surprise, and we still havenʼt figured out how to work within it.
Embodiment
                                        Our brains evolved in physical space, and use those
                                         categories for comprehending digital experience.




                                                                                guardian.co.uk



                                             We have huge blind spots in our cognition
                                            for this new kind of space we have invented.


At the center of why we struggle so much with contextual cognition online is the fact that we use the same brains that evolved over millennia
by comprehending context as physically bounded, explicitly demarcated space. We have HUGE blind spots in our cognition for this new kind
of space weʼve invented.


image guardian.co.uk
“Existential Space”


                                                                   “In pervasive information
                                                               architecture, context is personal,
                                                                   social, existential context,
                                                              connected tightly to the concepts
                                                                of place and place-making, and
                                                                         spans channels.”
                                                                       - Resmini & Rosati




The new book from Andrea Resmini and Luca Rosati does an excellent job of pushing us as practitioners further down the road for
understanding this kind of space ... they call it Existential Space. I canʼt recommend this book highly enough, by the way.
What do we do?
We have the
methods... but do we
use them properly?
Task
                                                                       Task                Need




                                                                                                  Cognitive
                                                     Task

                                                                              Situation
                                                            Physical
                                                                                                                      Task



                                                                                                        Need
                                                            Need
                                                                                      Emotional
                                              Task                       Task                                         Task



                                                                                                               Task



                                                                                    Time




This is a diagram Iʼve used for a while --
>>it describes how a person has physical, cognitive and emotional aspects that we should keep in mind. (aka a Persona)
>>They also have a life situation that gives rise to needs in their lives, which then spawns tasks theyʼre having to do (aka Scenarios).
>>And they move through this experience over a period of time, during which things can shift and change.
We know how to generate this information. But from what Iʼve seen we ignore most of it.
Task
                                                                       Task                Need




                                                                                                  Cognitive
                                                     Task

                                                                              Situation
                                                            Physical
                                                                                                                      Task



                                                                                                        Need
                                                            Need
                                                                                      Emotional
                                              Task                       Task                                         Task



                                                                                                               Task



                                                                                    Time




In the rush of project work, we focus on the tasks. In fact a lot of our methods encourage us to focus on activities and tasks, extracted from
their life context. The full scenario goes away and we only think about the parts of it that are neat & tidy and that fit the requirements we
inherit. So, no wonder this goes wrong.
Systems In Context
                                                                                     Situation



                                                                                      Need




                                                                   Cognitive           Task


                                                                                     System
                                       Person                                                         System

                                       Organic,                                                       Artificial,
                                       Analog                                                          Binary
                                                  Physical




                                                                   Emotional




                                                             Bridge between = the work of UX




So if we take the models I showed before, and turn them slightly, adding the system, we see how the system lives in just one island within a
vast ecosystem of human context.
>>Much of our job is to bridge the gap between the harsh, artificial logic of the system and the living reality of people trying to get things done.
Let’s Talk




                                                      andrewhinton.com | @inkblurt


So if we take the models I showed before, and turn them slightly, adding the system, we see how the system lives in just one island within a
vast ecosystem of human context.
>>Much of our job is to bridge the gap between the harsh, artificial logic of the system and the living reality of people trying to get things done.

Weitere ähnliche Inhalte

Ähnlich wie Context for WebVisions 2011

social networks and experience design
social networks and experience designsocial networks and experience design
social networks and experience designJames Boardwell
 
The poetics of information architecture
The poetics of information architectureThe poetics of information architecture
The poetics of information architectureAndrea Resmini
 
Schemas for the Real World [Madison RubyConf 2013]
Schemas for the Real World [Madison RubyConf 2013]Schemas for the Real World [Madison RubyConf 2013]
Schemas for the Real World [Madison RubyConf 2013]Carina C. Zona
 
Know thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webKnow thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webnolly00
 
Taming Context in the Internet of Things
Taming Context in the Internet of ThingsTaming Context in the Internet of Things
Taming Context in the Internet of ThingsWebVisions
 
My vs Your: The possessive pronoun smackdown!
My vs Your: The possessive pronoun smackdown!My vs Your: The possessive pronoun smackdown!
My vs Your: The possessive pronoun smackdown!AndrewUX
 
Cybercultue-2013-edited
Cybercultue-2013-editedCybercultue-2013-edited
Cybercultue-2013-editedPhilip Bryan
 
Designing for hyper-connectivity
Designing for hyper-connectivityDesigning for hyper-connectivity
Designing for hyper-connectivityJames Box
 
What Sucks About Foursquare Today
What Sucks About Foursquare TodayWhat Sucks About Foursquare Today
What Sucks About Foursquare TodayJESS3
 
Technology and Community
Technology and CommunityTechnology and Community
Technology and CommunityMichael Coghlan
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a MaterialDan Saffer
 
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 2017Andrew Hinton
 
Sheet1InstructionsFill in all blank fields below and replaceblue .docx
Sheet1InstructionsFill in all blank fields below and replaceblue .docxSheet1InstructionsFill in all blank fields below and replaceblue .docx
Sheet1InstructionsFill in all blank fields below and replaceblue .docxlesleyryder69361
 
Proper Behavior on the Computer
Proper Behavior on the ComputerProper Behavior on the Computer
Proper Behavior on the Computerlizzynicole
 
W.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenetW.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenetscafondram
 
What Is A Common College Application Essay Question
What Is A Common College Application Essay QuestionWhat Is A Common College Application Essay Question
What Is A Common College Application Essay QuestionViviana Principe
 
Web & Social Media Analystics - Workshop Semantica
Web & Social Media Analystics - Workshop SemanticaWeb & Social Media Analystics - Workshop Semantica
Web & Social Media Analystics - Workshop SemanticaRoberto Cirillo
 
Metaverse Marketing: Games and Virtual Worlds in Product Promotion
Metaverse Marketing: Games and Virtual Worlds in Product PromotionMetaverse Marketing: Games and Virtual Worlds in Product Promotion
Metaverse Marketing: Games and Virtual Worlds in Product PromotionSebastian Küpers
 

Ähnlich wie Context for WebVisions 2011 (20)

social networks and experience design
social networks and experience designsocial networks and experience design
social networks and experience design
 
The poetics of information architecture
The poetics of information architectureThe poetics of information architecture
The poetics of information architecture
 
Schemas for the Real World [Madison RubyConf 2013]
Schemas for the Real World [Madison RubyConf 2013]Schemas for the Real World [Madison RubyConf 2013]
Schemas for the Real World [Madison RubyConf 2013]
 
Netiquette
NetiquetteNetiquette
Netiquette
 
Know thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the webKnow thy interaction – How interaction is changing what we create on the web
Know thy interaction – How interaction is changing what we create on the web
 
Taming Context in the Internet of Things
Taming Context in the Internet of ThingsTaming Context in the Internet of Things
Taming Context in the Internet of Things
 
My vs Your: The possessive pronoun smackdown!
My vs Your: The possessive pronoun smackdown!My vs Your: The possessive pronoun smackdown!
My vs Your: The possessive pronoun smackdown!
 
Cybercultue-2013-edited
Cybercultue-2013-editedCybercultue-2013-edited
Cybercultue-2013-edited
 
Designing for hyper-connectivity
Designing for hyper-connectivityDesigning for hyper-connectivity
Designing for hyper-connectivity
 
What Sucks About Foursquare Today
What Sucks About Foursquare TodayWhat Sucks About Foursquare Today
What Sucks About Foursquare Today
 
Technology and Community
Technology and CommunityTechnology and Community
Technology and Community
 
Interaction as a Material
Interaction as a MaterialInteraction as a Material
Interaction as a Material
 
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
 
Sheet1InstructionsFill in all blank fields below and replaceblue .docx
Sheet1InstructionsFill in all blank fields below and replaceblue .docxSheet1InstructionsFill in all blank fields below and replaceblue .docx
Sheet1InstructionsFill in all blank fields below and replaceblue .docx
 
Proper Behavior on the Computer
Proper Behavior on the ComputerProper Behavior on the Computer
Proper Behavior on the Computer
 
W.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenetW.W. Brands 2 Understanding thenet
W.W. Brands 2 Understanding thenet
 
What Is A Common College Application Essay Question
What Is A Common College Application Essay QuestionWhat Is A Common College Application Essay Question
What Is A Common College Application Essay Question
 
Web & Social Media Analystics - Workshop Semantica
Web & Social Media Analystics - Workshop SemanticaWeb & Social Media Analystics - Workshop Semantica
Web & Social Media Analystics - Workshop Semantica
 
Metaverse Marketing: Games and Virtual Worlds in Product Promotion
Metaverse Marketing: Games and Virtual Worlds in Product PromotionMetaverse Marketing: Games and Virtual Worlds in Product Promotion
Metaverse Marketing: Games and Virtual Worlds in Product Promotion
 
Making connections
Making connectionsMaking connections
Making connections
 

Mehr von 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 2014Andrew Hinton
 
Architecture for Aliens IA Summit 2017
Architecture for Aliens IA Summit 2017Architecture for Aliens IA Summit 2017
Architecture for Aliens IA Summit 2017Andrew 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 2015Andrew 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 2013Andrew Hinton
 
The World Is The Screen
The World Is The ScreenThe World Is The Screen
The World Is The ScreenAndrew 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 2013Andrew 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 2012Andrew Hinton
 
Communities of Practice Intro
Communities of Practice IntroCommunities of Practice Intro
Communities of Practice IntroAndrew 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 MadnessAndrew Hinton
 
Beyond Findability: Context
Beyond Findability: ContextBeyond Findability: Context
Beyond Findability: ContextAndrew Hinton
 

Mehr von Andrew Hinton (19)

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
 
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
 
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
 
Communities of Practice Intro
Communities of Practice IntroCommunities of Practice Intro
Communities of Practice Intro
 
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
 
Beyond Findability: Context
Beyond Findability: ContextBeyond Findability: Context
Beyond Findability: Context
 
TheRiseOfLettingGo
TheRiseOfLettingGoTheRiseOfLettingGo
TheRiseOfLettingGo
 
TheContextProblem
TheContextProblemTheContextProblem
TheContextProblem
 
Linkosophy
LinkosophyLinkosophy
Linkosophy
 

Kürzlich hochgeladen

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree ttt fff
 

Kürzlich hochgeladen (20)

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree 毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
毕业文凭制作#回国入职#diploma#degree澳洲弗林德斯大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 

Context for WebVisions 2011

  • 1. Context: How we broke it, and how we might be able to fix it. Andrew Hinton @inkblurt =====>>>>>>
  • 2. Context: How we broke it, and how we might be able to fix it. Andrew Hinton @inkblurt Thank you for coming. Iʼve been asked to introduce this topic in a span of about 15 minutes, and then leave the rest of our time for conversation, so Iʼm going to do my best to make that happen. So forgive me if I just jump right in ...
  • 3. Language Context This is a urinal. Itʼs also probably the most influential work of art in the 20th century. To be exact, itʼs a urinal that Marcel Duchamp submitted to an art show in 1917. He didnʼt just submit it, though. He scrawled R. Mutt, 1917 on the side, like an artistʼs signature, called it “Fountain” stuck it on a pedestal, and *then* submitted it. It was a splendid act of Dada. But it ended up being more than merely a joke. >>By labeling it, >>and putting it in a different context, Duchamp changed the frame of reference for the object. It was a challenge against everything that had come before: every cultural assumption or taboo. It eventually affected how people thought about art, high and low culture, everything. Image: http://en.wikipedia.org/wiki/Image:Duchamp_Fountaine.jpg
  • 4. Visual Placement UI Behavior Past experience of similar functionality. CONTEXT Hereʼs a screenshot from my iphone, using a 3rd party browser. Notice the little x icons in the top right. How do we know those two almost identical shapes donʼt do exactly the same thing? ... Itʼs because of a *lot* of factors, actually. Some are ... >>The user needs to understand that because of their placement and how theyʼre contained, >>as well as when and how they became visible -- experiencing their appearance gives some idea of what theyʼre connected to in this interaction. >> It also assumes the user has enough background and experience to know *anything* about whatʼs happening here, including experience with little x-icons. >> All of these are part of the context of the experience. One thing this interaction has going for it is that itʼs at least all right there in front of you, if you know how to read the cues. But I bring this example up only because itʼs small and easy to point out. What about when itʼs a bigger deal, and harder to see?
  • 5. WTF? Where am I? What “mode” am I In? Does “mode” change what “where” means? Earlier I searched Google for “information architecture context” to see what would come up ... and discovered that my blog comes up as number 3 for that search result! Awesome!!! >> But then I open a different browser and run the same search, and ... Iʼm nowhere to be found... >> Itʼs a real WTF moment... >> Until I realize Iʼm logged in on one and not the other ... but thereʼs nothing telling me this is an issue, explicitly. >> As a designer I ask questions like these ... where am I? what mode is this? and does mode change what “where” means to begin with?
  • 6. Hereʼs a fun one with ecommerce. After my flight in from Atlanta, I get to my hotel in Portland, and I decide I need some duct tape. So I visit the Ace Hardware site to find a store that has duct tape nearby. >>So I go there, and see a map. >> I see a store and select it, and it shows me the details about the store. Iʼm thinking awesome let me check this nearby store for duct tape. But when I click it... >> Iʼm asked to LOG IN or create an account! How annoying. Oh well, luckily I have an Ace Hardware account, so I log in ...
  • 7. And now when I search for duct tape, I can see that the Portland store is at the top of the page. That must mean Iʼm looking at the inventory for that store. Perfect. >> I select the kind of duct tape I want ... >> And oddly enough I have an awful lot of text here about how I can or canʼt get it ... the only thing that specifies anything about finding it right now in my local store is this, so I click it ...
  • 8. WTF? And I get yet another map ??? >> And this one is in North Carolina??? Oh itʼs because earlier, I signed in and it had my old address from when I lived in North Carolina last year. There are all sorts of contextual disconnects happening here, even though each individual *page* works pretty well -- it doesnʼt hang together very well as a system that accommodates life complexity.
  • 9. Google Buzz Facebook Beacom There have been a number of spectacular disasters with privacy in the last few years. Google Buzz connected people in ways they didnʼt want to be connected, because Google assumed if you emailed someone a lot they were a close friend. Facebook assumed youʼd want to share with everyone labeled “friend” information about everything you bought online.
  • 10. Friend? In the information dimension, labels are architecture. Both Facebook and Google made huge mistakes about what the word “Friend” actually means. Language is powerful, and labels are powerful. And now weʼre living in a world where thereʼs an ever-present dimension of information that shapes our daily experience. >> >> in the information dimension, labels are architecture. The semantics of that dimension can affect us just as strongly as the physical architecture of our cities and buildings.
  • 11. One thing Google and Facebook did wrong ... They each created an overly simplistic model for connecting people, and then tricked themselves into thinking that model reflected everything important about the complexity of the contexts we live in every day. >>They give us a few little boxes to label ourselves with,
  • 12. When in fact, our lives are much more organic, analog and full of facets and shades of identity and relationships.
  • 13. Location-Awareness Multi-Presence (Physical Context / Digital Response) (Digital Context / Cognitive Response) Pictures Personal Facebook Wall Email Reply to Shopping Mall Message Friend Individual Request Reply to All Invitation Tags Mailing List (s) Group Pictures LinkedIn Reply Direct Business Message Workplace Phone / SMS Post Sharepoint Home Email Phone/SMS Workplace One important difference I want to point out is between what those of us designing and researching mobile digital behavior think of as context, and what Iʼm focusing on here, though theyʼre both relevant in the examples I mentioned. >>In the first type, we have the ability for our devices and the physical places we visit to interact and be location-aware. They change their digital response based on our physical context. >> In the second type, the one Iʼm focusing on more here, we the person can be anywhere physically ... but cognitively theyʼre inhabiting multiple “places” often simultaneously, and itʼs our cognition thatʼs supposed to respond and comprehend it all. The first one is getting a lot of attention in research and in the marketplace, but I think itʼs the second one that is a bigger present problem.
  • 14. Shopping Mall Personal Pictures Facebook Wall Email Message Reply to Friend Individual Request Reply to All Invitation Tags Mailing List (s) Group Pictures LinkedIn Reply Direct Business Message Workplace Phone / SMS Post Sharepoint Email Home Phone/SMS Workplace The Full Context Clusterfrack It gets even worse when you mix these up into one big contextual soup.
  • 15. danah boyd The digital researcher and sociologist danah boyd recently finished her dissertation on this very issue, and her work has been very influential in the social computing space. She makes the case that this problem is, at core, a context problem. danah image: strandgreen.com
  • 16. “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.” - Michael Wesch Sociologist Michael Wesch, who has done a great deal of research especially around YouTube, says that this technology has created a condition he calls “context collapse” where we simply cannot comprehend the sorts of places weʼve created, and how theyʼve all essentially collapsed into one. It takes everyone by surprise, and we still havenʼt figured out how to work within it.
  • 17. Embodiment Our brains evolved in physical space, and use those categories for comprehending digital experience. guardian.co.uk We have huge blind spots in our cognition for this new kind of space we have invented. At the center of why we struggle so much with contextual cognition online is the fact that we use the same brains that evolved over millennia by comprehending context as physically bounded, explicitly demarcated space. We have HUGE blind spots in our cognition for this new kind of space weʼve invented. image guardian.co.uk
  • 18. “Existential Space” “In pervasive information architecture, context is personal, social, existential context, connected tightly to the concepts of place and place-making, and spans channels.” - Resmini & Rosati The new book from Andrea Resmini and Luca Rosati does an excellent job of pushing us as practitioners further down the road for understanding this kind of space ... they call it Existential Space. I canʼt recommend this book highly enough, by the way.
  • 19. What do we do?
  • 20. We have the methods... but do we use them properly?
  • 21. Task Task Need Cognitive Task Situation Physical Task Need Need Emotional Task Task Task Task Time This is a diagram Iʼve used for a while -- >>it describes how a person has physical, cognitive and emotional aspects that we should keep in mind. (aka a Persona) >>They also have a life situation that gives rise to needs in their lives, which then spawns tasks theyʼre having to do (aka Scenarios). >>And they move through this experience over a period of time, during which things can shift and change. We know how to generate this information. But from what Iʼve seen we ignore most of it.
  • 22. Task Task Need Cognitive Task Situation Physical Task Need Need Emotional Task Task Task Task Time In the rush of project work, we focus on the tasks. In fact a lot of our methods encourage us to focus on activities and tasks, extracted from their life context. The full scenario goes away and we only think about the parts of it that are neat & tidy and that fit the requirements we inherit. So, no wonder this goes wrong.
  • 23. Systems In Context Situation Need Cognitive Task System Person System Organic, Artificial, Analog Binary Physical Emotional Bridge between = the work of UX So if we take the models I showed before, and turn them slightly, adding the system, we see how the system lives in just one island within a vast ecosystem of human context. >>Much of our job is to bridge the gap between the harsh, artificial logic of the system and the living reality of people trying to get things done.
  • 24. Let’s Talk andrewhinton.com | @inkblurt So if we take the models I showed before, and turn them slightly, adding the system, we see how the system lives in just one island within a vast ecosystem of human context. >>Much of our job is to bridge the gap between the harsh, artificial logic of the system and the living reality of people trying to get things done.