89
Designing for Awareness in the Attention Economy Big (D)esign Conference 2011 Brian Sullivan & Taylor Cowan

Design for Awareness

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Design for Awareness

Designing for Awareness in the Attention Economy

Big (D)esign Conference 2011Brian Sullivan & Taylor Cowan

Page 2: Design for Awareness
Page 3: Design for Awareness
Page 4: Design for Awareness

Time Shift:

The flood of content disrupts our daily life! It is like a maniacal paperboy throwing new editions at your doorstep every 15 seconds.

Page 5: Design for Awareness

What exactly is attention? How is it defined?

Page 6: Design for Awareness

Attention is the taking possession by the mind, in clear and vivid form, of one out of what seem several simultaneously possible objects or trains of thought. Focalization, concentration, of consciousness are of its essence.

-William James

Classic Definition of Awareness

Page 7: Design for Awareness

Attention ImpliesFocus

DistractionImplies

Disorder

Page 8: Design for Awareness
Page 9: Design for Awareness

The wealth of information means a dearth of something else: a scarcity of whatever it is that information consumes, (which is) the attention of its recipients.

A wealth of information creates a poverty of attention and a need to allocate that attention efficiently among the overabundance of information sources that might consume it.

-Herbert Simon (1971)

Attention Economy (1971)

Page 10: Design for Awareness

Information

Scarcity

AttentionScarcityvs

Page 11: Design for Awareness

Attention is focused mental engagement on a particular item of information. Items come into our awareness, we attend to a particular item, and then we decide whether to act.

-Tom Davenport(2001)

Attention Currency (2001)

Page 12: Design for Awareness

AttentionInterestDesireAction

Attention Can Equal Money

Page 13: Design for Awareness

Your Attention Modes

Page 14: Design for Awareness

Passive Attention [pas-iv] [uh-ten-shuhn]

Passive attention is involuntary use of attention. Some scholars have called it “being in auto-pilot.” People usually snap out of passive attention because of an external factor (sudden loud noise).

Page 15: Design for Awareness

Passive Mode:

You perform a mundane task (like driving to work for 500th time), so it does not require your full attention.

-The laundry is piled up.- I need to go to the store.- I need money from the ATM.

When you almost hit a car, your attention moves to ACTIVE mode!!!

Page 16: Design for Awareness

Active Attention [ak-tiv] [uh-ten-shuhn] Active attention is the voluntary

focusing of attention under difficulties, attention by disregarding distraction, attention to which there are rival claimants, — in short, choosing to mentally focus on something.

Page 17: Design for Awareness

Active Mode:

You perform a task that requires your full attention.

- A surgeon focuses on a patient- An athlete focuses on a free-throw- Ice climbing on a slippery slope

You attention is very focused in active mode.

Page 18: Design for Awareness

Types of Active Attention

Page 19: Design for Awareness

Active Attention Types:1. Normal2. Concentration3. Selective4. Alternating5. Divided

Page 20: Design for Awareness

Active Attention Types:1. Normal2. Concentration3. Selective4. Alternating5. Divided

Normal attention is when you focus on a single task.

Page 21: Design for Awareness
Page 22: Design for Awareness

Normal Attention:

You consciously focus on a single task:

- Nurse listens to the heart monitor- Player blocks a basketball shot- Clown juggles 7 balls

People perform best when they focus on a single task.

Page 23: Design for Awareness
Page 24: Design for Awareness

Active Attention Types:1. Normal2. Concentration3. Selective4. Alternating5. Divided

Concentration is sustained focus on activity, where you purposely avoid distractions, stretch

your current skills, or do something you consider to be very important.

Page 25: Design for Awareness

Concentration:

Concentration is a sustained focus, usually dealing with distractions, doing something important, or doing something beyond your normal limits.

- Listening to someone at a noisy party- Reading a book- Doing a skateboard stunt

Tuning out conversations at a party to

talk with someone important.

Page 26: Design for Awareness

Concentration:

Concentration is a sustained focus, usually dealing with distractions, doing something important, or doing something beyond your normal limits.

- Listening to someone at a noisy party- Reading a book- Doing a skateboard stunt

Reading a book for a school or work project, so you focus on specific

information.

Page 27: Design for Awareness

A gymnast adding a new twist to the vault during a competition (in the

finals).

Page 28: Design for Awareness

Active Attention Types:1. Normal2. Concentration3. Selective4. Alternating5. Divided

Selective attention is unconsciously blocking out other stimulus, while you are performing some

task.

Page 29: Design for Awareness
Page 30: Design for Awareness
Page 31: Design for Awareness

Selective Attention:

Selective attention is just how our brain processes information in our visual field. People miss large chunks of data in their visual field.

- Banner Blindness- Not understanding a page changed- Not seeing the gorilla

You selectively “ignore” a lot of things. In the Selective Attention tests on You Tube, you might miss:

- A Gorilla- A moon-walking bear- A storm trooper- Child-dressed up as a Ninja Turtle

Page 32: Design for Awareness

Active Attention Types:1. Normal2. Concentration3. Selective4. Alternating5. Divided

Alternating attention is focus in on one task and you “tune in” to another one from time to time.

Page 33: Design for Awareness

Concentration:

Concentration is a sustained focus, usually dealing with distractions, doing something important, or doing something beyond your normal limits.

- Listening to someone at a noisy party- Reading a book- Doing a skateboard stunt

You are reading a book for pleasure, while

an episode of “Family Guy” plays on TV.

Page 34: Design for Awareness

“That’s pretty freakin’ sweet. It’s one of the Star Wars episodes. Have

I seen it?”

Page 35: Design for Awareness

Concentration:

Concentration is a sustained focus, usually dealing with distractions, doing something important, or doing something beyond your normal limits.

- Listening to someone at a noisy party- Reading a book- Doing a skateboard stunt

“I’ve seen that episode back to the book.”

(for now)

Page 36: Design for Awareness

“That’s pretty freakin’ sweet, Brian! I love this part. Sure, my reading

can wait.”

Page 37: Design for Awareness

Active Attention Types:1. Normal2. Concentration3. Selective4. Alternating5. Divided

Divided attention is when you divide your level attention between many things. You do not really

focus on any one, as you split your attention. Some folks call it “multi-tasking.”

Page 38: Design for Awareness
Page 39: Design for Awareness
Page 40: Design for Awareness
Page 41: Design for Awareness

Myths About Multi-taskingYou do not multi-task.You do rapid task

switching.Better to complete one

task.Task efficiency

decreases with each additional task.

Digital natives think they are great multi-taskers:- Do homework- Update Facebook- Search Internet

Page 42: Design for Awareness
Page 43: Design for Awareness

Design Strategies for Awareness

Page 44: Design for Awareness

Awareness Strategies:

1. User-Driven 2. System-Driven

Page 45: Design for Awareness

User-Driven Approach

Page 46: Design for Awareness

Awareness Strategies:

1. User Driven Approach- Task-Driven Training- Verbal Protocols- Advanced Training- User Checklists

2. System-Driven Approach

Page 47: Design for Awareness

How Training = AwarenessRehearsalMemorizationRecoveryFocus on primary

task(s)Ignore distractions

Page 48: Design for Awareness

Verbal Protocols (NASA)“Wait”“Activate”“Deactivate”“Explain”

Page 49: Design for Awareness

Verbal Protocols (6 Thinking Hats)White = NeutralBlue = OrganizeGreen = CreativeYellow = PositiveBlack = CriticalRed = Emotional

Page 50: Design for Awareness

Advanced Training Saves Lives

Page 51: Design for Awareness

Simple Checklists are EffectiveChecklist Manifesto (2007)WHO adopts it in 2008:

- 8 remote Tanzania hospitals- Post surgery issues drop 36%- Deaths reduced by 47%

Only checklist was adopted:- No new equipment bought- No extra money spent- Results were in 6 months

Page 52: Design for Awareness

Awareness Strategies:

1.User-Driven Approach

2.System-Driven Approach- Interruption Strategy- Notification Strategy- Make it Multi-modal- Interaction Design

Page 53: Design for Awareness

Interruption versus NotificationInterruption strategy

”How we actively interrupt people to make them aware of critical or sensitive information?”

Notification strategy “How we passively show relevant information that people might want to know?”

Interruptions = Active AwarenessNotifications = Passive Awareness

Page 54: Design for Awareness

Put in center of screenMake it BIG (obvious)Design a binary choiceUse multi-modal design

(recommend using sound)

Interruption Strategy = Obvious

NOTE

Did you know……..Multi-modal design is not equal.According to Welch (1986), the modality of sound was better for active interruptions than heat, smell, vibration, color, or light.

Page 55: Design for Awareness

Interruption Design ProtocolsLife or deathSignificant impactUsually, in center of a designRequires immediate attention

Page 56: Design for Awareness
Page 57: Design for Awareness
Page 58: Design for Awareness

Use Sound, Sometimes

With most interruption strategies, use sound to draw attention (ie the phone), but not

always (survey).

Page 59: Design for Awareness

Put in edges of designInformational,

interactiveCan be a binary

choice(i.e. Take Our Poll)

Notification Strategy = Subtle

Page 60: Design for Awareness

Notification Design ProtocolsShow important informationMake aware of a changeNot a significant impact“Awareness” patterns on fringe of eye path

(usually)

Page 61: Design for Awareness
Page 62: Design for Awareness

Notification of 1 new item.

Page 63: Design for Awareness

Notification of 1 new item.

No pic (usually spammer).

Page 64: Design for Awareness

Notification of 1 new item.

No pic (usually spammer).

This item is new.

Page 65: Design for Awareness

Notification of 1 new item.

No pic (usually spammer).

This item is new.

Damn, an advertisement!

Page 66: Design for Awareness

Notification of 1 new item.

No pic (usually spammer).

This item is new.

Short URL (by Owl.ly)

Damn, an advertisement!

Page 67: Design for Awareness

Notification of 1 new item.

No pic (usually spammer).

This item is new.

Short URL (by Owl.ly)

Hashtag for like posts

Damn, an advertisement!

Page 68: Design for Awareness

Notification of 1 new item.

No pic (usually spammer).

This item is new.

Short URL (by Owl.ly)

Hashtag for like posts

See conversation thread

Damn, an advertisement!

Page 69: Design for Awareness

Call of Duty—Player Notification

Page 70: Design for Awareness

Your Buddy PiX3L Monkey is Online

Page 71: Design for Awareness

Assume, an Interruption Method

Page 72: Design for Awareness

It Could Look Like This

- Level 53 - 17 Awards- 10 Boosts - 22 Missions- 88 Medals - 42 Weapons- 12 Friends - 76 Enemies

Completed: Zombie Moscow Level

Page 73: Design for Awareness

A notification strategy does not have to exist on the fringe of your design. It can be meaningfully placed into the main viewing area.

Page 74: Design for Awareness

1 missed callvoicemail2 text messages2 unread emailsPartly cloudy46 degreesNo meetings on

Saturday, 29th

Page 75: Design for Awareness

Different parts of the brain process information.

Multi-modal designs use different sensory triggers in the brain.

Make It Multi-Modal

Did you know……..Neuroscientists recommend doctors play classical music in surgery. It relaxes the stress centers of the brain and seems to aid to eye-hand coordination.

Page 76: Design for Awareness

MIT, 2009

Page 77: Design for Awareness

400,000,000,000 bits of data per second

(passive)

MIT, 2009

Page 78: Design for Awareness

400,000,000,000 bits of data per second

(passive)

Aware of 2000 bits(active) MIT, 2009

Page 79: Design for Awareness

2,000 bits/second(awareness)

60 bits/second(process)

Page 80: Design for Awareness

Recite Ingredients of a Big Mac

Page 81: Design for Awareness

You Know Them By Heart

Two all beef patties, special sauce, lettuce, cheese, pickles, and onions on a sesame seed

bun.

Page 82: Design for Awareness

Multi-modal Encoding in Memory

You know these ingredients because of multi-modal encoding (see, smell, taste, feel, eat,

sing the words).

Page 83: Design for Awareness

Common Multi-Modal PatternsVibration of a game controllerTemperature activated labelsRing tones on a cell phoneChange color on selectionPhone lights up for a call

Page 84: Design for Awareness

Lastly, Interaction Design

Page 85: Design for Awareness

Interactions Are Personal

Allows for exploration

Entices InterestLeads to focus

Page 86: Design for Awareness

Example: Pivot of Large Data SetsHotels by price, nearness, star ratingMy tweets, tweets mentions, DMs, retweetsMovies – at box office, on DVD, upcoming

Price Nearby Star Rating

Page 87: Design for Awareness

RecentPopularFrequentEventsLocation (or Nearby)ShareWhat Others LikeRecommendations

Interactions with Context

Page 88: Design for Awareness

Last Example: Fandango

Swipe, tap, or pinchYou can see:

- In Theaters Now- Within 15 miles- Opening This Week- Reviews- Coming Soon

Interactions+ Context-----------------Awareness

Page 89: Design for Awareness

Our Contact Information

Twitter = @BrianKSullivanTwitter = @tcowan