The Mobile Frontier

The Mobile FrontierWebVisions 2011
Rachel Hinman
Senior Research Scientist
Nokia Research Lab
Palo Alto, California USA
Twitter: @Hinman
Title

Mobile = Wild West

Do you remember a time…
Do you remember a time when the web was new?
Q:
A

“We need a web presence!”
!
A

6
Solution: Brochure - online
Brochureware

“we need a web presence”
“We need online commerce!”
!
A

8
Online commerce
What about shipping?

Make it like the world
“Let’s make our site like…”
!
A
A

10
Southwest airlines

Hypothesis vs. Agenda
The Rearview Mirror

Even in situations in which a spirit of exploration and freedom exist, where faculty are free to experiment to work beyond physical and social constraints, our cognitive habits often get in the way. Marshall McLuhan called it “the rear-view mirror effect,” noting that “We see the world through a rear-view mirror. We march backwards into the future.”
Even in situations in which a spirit of exploration and freedom exist, where faculty are free to experiment to work beyond physical and social constraints, our cognitive habits often get in the way. Marshall McLuhan called it“the rear-view mirror effect,” noting that“We see the world through a rear-view mirror. We march backwards into the future.”

A
The definition of insanity is doing the same thing over and over and expecting different results.

18
Mobile presents an opportunity to invent new ways…
Opinion!
Mobile presents an opportunity to invent new ways for users to interact with information.

A mobile phone is not a computer
19

umm…. duh!
A
Um… duh!

22
iPhone
Mobile phones aren’t really phones anymore

23
iPhone

Mobile Devices are the Gateway Drug for Ubicomp

Following toddlers into the future

Mobile = Wild West

Where to Look?

Great Mobile user experiences
Emergent Mobile UX Topics
1
Contextual Computing
2
A Brave NUI World
3
Shapeshifting

Pictures of mobile contexts
What exactly do you mean by mobile “context” ?
Q:
A

Pictures of mobile contexts
A

More pictures of mobile contexts

Social context

Context is complex
Context is complex!
!
A

Context is about understanding human relationships to the people,places and things in the world.
A
Context is about understanding the relationships

37
Context Framework
Context Framework
steal this slide!

38
Context Framework
Context Framework
steal this slide!

39
Relationships Chording
Orchestration and Inflection

40
Peanut butter

41
Google: Facebook
Spatial

42
Temporal
Temporal

Spatial - peanut butter
Social
43

Google: Facebook
Semantic
44

45
Peanut butter in Denver
Peanut butter in Melbourne right now?

The web is good at people and things.
The web is good at semantic relationships.
(and okay at social relationships)
A
Context is about understanding the relationships

Context Framework
Mobile is good at places…
steal this slide!
47

Context Framework
Mobile is good at spatial and temporal relationships.
steal this slide!
48

49
Google maps - PC vs. Mobile

Temporal and spatial relationships are underserved
There are currently not many technologiesthat help us understand place, and temporal and spatial relationships.
50

What we learned from the web
Contextual Computing Questions
What is the “URL” for place?
How might we break our 1:1 relationship with devices?
Nature of the relationship between devices?
Instead of burrowing into the world behind the LCD screen, how can devices help us connect us to the world around us?

59
Wireframe
A Brave NUI World

60
Differences in the mobile environment
Seated in a relatively predictable environment
Large screen enables multi-tasking
Keyboard and a mouse for input

61
Wireframe
We’re reaching the edges of what GUI can do

62
Wireframe

65
Wireframe

66
Wireframe
steal this slide!

67
Wireframe
It’s not longer “what you see it what you get…”

68
Wireframe
…now it’s “what you do is what you get”

69
Wireframe
Different platforms express characteristics differently

Paper Prototype example
GUI = Computer as tool, NUI = Computer as Media
70

71
Wireframe
GUI = Metaphorics, containment and place

72
Wireframe
NUI = Fluid, Unmediated, and Organic

GUIs = Heavy Chrome, Icons & Buttons
73

NUIs = Let the Content be the Star
74
It’s like a game of cards

SCROLL
GUI = “Desktop” and “Pages” as Anchors
75

NUIs Can Feel Anchor-less
76

[
]
+
=
77

=
78

Animation & TransitionsA new design elements that can:
steal this slide!
Reinforce cognition.
Help users form a mental model of how information will “unfold”.
Provide cues for interaction.
Help make your experience feel more intuitive for users.

Say Goodbye to Done
80
Wireframe

This should look familiar…
81
Wireframe

82
Wireframe
This should look familiar…
The web has evolved around a task-efficiency model.
Mobile is different.

83
Mobile is different
Mobile is different….
Mobile is about pivoting people through information quickly.
It’s about exposing possibilities.

What’s the point?
“What can happen?”
“What’s the point?”
TASK
POSSIBILITIES

Tasks are about completion…
85
Tasks are about completion

86
Possibilities are interactions that accrue over time…

… or facilitate exploration…
87

… or facilitate exploration…
88
..or are about SENSING
INTENT!

89
Example -

90
Example -

91
Example -

92
Example -

93
Example -

94
Example -

Brave NUI World Questions
What’s beyond tasks?
What’s after “computer as media”?
How can we create interfaces that sense intent without going to the creepy “Hal” place?
Can information objects be defined less by how they are and more by how they move?

Shape Shifting

We can annotate expectations in the web world
97

How do you make interfaces that speak their power
A
99

108

A
109

A
110

In reality… people’s lives are messy

Through Lines

Good luck

Shapeshifting Questions
What’s after the desktop and “web pages”?
Are metaphors dead? If not, can we get beyond our “lizard brain” need for physicality?
How might we enable convergence with existing technology? Is retiring old technology the price of entry?

Great Mobile user experiences
Emergent Mobile UX Topics
1
2
A Brave NUI World
3
Shapeshifting

Shift your perspective and point of view
“The rapid development of cell phones is killing early cell phones much faster than it's killing any of the early, older legacy technologies.
I think that is a real principle... something you have to understand if you're going to be in this line of work. It's very romantic. It's very fast moving.
You are building dead lumps of plastic.When people come out and they show you an iPhone, or an Android... they are showing you larval versions of something much more sophisticated.
The world you are building right now is the ground floor for something much larger -- and the soil beneath that ground floor is violently unstable.”
-- Mobile Monday Amsterdam – November 2008
Rapid Evolution
122

Thank you!
Email:
rachel.hinman@nokia.com
Thanks, and next up…

The Mobile Frontier
A Guide for Designing Mobile Experiences
Expected Publication: late 2011

http://www.rachelhinman.com	559
http://www.rosenfeldmedia.com	55
http://rosenfeldmedia.com	36
http://feeds.feedburner.com	26
url_unknown	4
http://paper.li	2
http://www.slideshare.net	1

The Mobile Frontier

by Rachel Hinman on May 27, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

7 Embeds 683

Statistics

The Mobile Frontier — Presentation Transcript