the mobile frontier

124
Rachel Hinman Senior Research Scientist Nokia Research Lab Palo Alto, California USA Twitter: @Hinman The Mobile Frontier WebVisions 2011

Upload: rachel-hinman

Post on 28-Jan-2015

6.253 views

Category:

Design


4 download

DESCRIPTION

Presentation from WebVisions 2011

TRANSCRIPT

Page 1: The Mobile Frontier

Rachel Hinman

Senior Research Scientist

Nokia Research Lab

Palo Alto, California USA

Twitter: @Hinman

The Mobile FrontierWebVisions 2011

Page 2: The Mobile Frontier

Mobile = Wild West

Page 3: The Mobile Frontier

A

Page 4: The Mobile Frontier

ADo you remember a time when the web was new?

Q:

Page 5: The Mobile Frontier

A“We need a web presence!”

!

Page 6: The Mobile Frontier

6

Brochureware

Page 7: The Mobile Frontier

A“We need online commerce!”

!

Page 8: The Mobile Frontier

8

What about shipping?

Page 9: The Mobile Frontier

AA“Let’s make our site like…”

!

Page 10: The Mobile Frontier

10

Page 11: The Mobile Frontier

The Rearview Mirror

Page 12: The Mobile Frontier

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.”

Page 13: The Mobile Frontier
Page 14: The Mobile Frontier
Page 15: The Mobile Frontier
Page 16: The Mobile Frontier
Page 17: The Mobile Frontier

A

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

Page 18: The Mobile Frontier

18

Mobile presents an opportunity to

invent new ways for users to interact with information.

Opinion!

Page 19: The Mobile Frontier

A mobile phone is not a computer

19

Page 20: The Mobile Frontier

A umm…. duh!

Page 21: The Mobile Frontier
Page 22: The Mobile Frontier

22

Mobile phones aren’t really phones anymore

Page 23: The Mobile Frontier

23

Page 24: The Mobile Frontier
Page 25: The Mobile Frontier

Mobile Devices are the Gateway Drug for Ubicomp

Page 26: The Mobile Frontier

Following toddlers into the future

Page 27: The Mobile Frontier

Mobile = Wild West

Page 28: The Mobile Frontier

Where to Look?

Page 29: The Mobile Frontier

Contextual Computing

1

Emergent Mobile UX Topics

A Brave NUI World2

Shapeshifting3

Page 30: The Mobile Frontier

Contextual Computing

Page 31: The Mobile Frontier

AWhat exactly do you mean by mobile “context” ?

Q:

Page 32: The Mobile Frontier

A

Page 33: The Mobile Frontier
Page 34: The Mobile Frontier
Page 35: The Mobile Frontier

AContext is complex!!

Page 36: The Mobile Frontier

A

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

Page 37: The Mobile Frontier

37

Context Frameworksteal this slide!

Page 38: The Mobile Frontier

38

Context Frameworksteal this slide!

Page 39: The Mobile Frontier

39

Orchestration and Inflection

Page 40: The Mobile Frontier

40

Page 41: The Mobile Frontier

41

Spatial

Page 42: The Mobile Frontier

42

Temporal

Page 43: The Mobile Frontier

43

Social

Page 44: The Mobile Frontier

44

Semantic

Page 45: The Mobile Frontier

45

Peanut butter in Melbourne right now?

Page 46: The Mobile Frontier

A

The web is good at people and things.

The web is good at semantic relationships.(and okay at social

relationships)

Page 47: The Mobile Frontier

47

Mobile is good at places…

steal this slide!

Page 48: The Mobile Frontier

48

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

Page 49: The Mobile Frontier

49

Page 50: The Mobile Frontier

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

Page 51: The Mobile Frontier
Page 52: The Mobile Frontier
Page 53: The Mobile Frontier
Page 54: The Mobile Frontier
Page 55: The Mobile Frontier
Page 56: The Mobile Frontier
Page 57: The Mobile Frontier
Page 58: The Mobile Frontier

Contextual Computing Questions

How might we break our 1:1 relationship with devices?

Instead of burrowing into the world behind the LCD screen, how can devices help us connect us to the world around us?

What is the “URL” for place?

Nature of the relationship between devices?

Page 59: The Mobile Frontier

59

A Brave NUI World

Page 60: The Mobile Frontier

60

Seated in a relatively predictable environment

Large screen enables multi-tasking

Keyboard and a mouse for input

Page 61: The Mobile Frontier

61

We’re reaching the edges of what GUI can do

Page 62: The Mobile Frontier

62

Page 63: The Mobile Frontier
Page 64: The Mobile Frontier
Page 65: The Mobile Frontier

65

Page 66: The Mobile Frontier

66

steal this slide!

Page 67: The Mobile Frontier

67

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

Page 68: The Mobile Frontier

68

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

Page 69: The Mobile Frontier

69

Different platforms express characteristics differently

Page 70: The Mobile Frontier

70

GUI = Computer as tool, NUI = Computer as Media

Page 71: The Mobile Frontier

71

GUI = Metaphorics, containment and place

Page 72: The Mobile Frontier

72

NUI = Fluid, Unmediated, and Organic

Page 73: The Mobile Frontier

73

GUIs = Heavy Chrome, Icons & Buttons

Page 74: The Mobile Frontier

NUIs = Let the Content be the Star

74

Page 75: The Mobile Frontier

75

GUI = “Desktop” and “Pages” as Anchors

SCROLL

Page 76: The Mobile Frontier

76

NUIs Can Feel Anchor-less

Page 77: The Mobile Frontier

77

[+ =]

Page 78: The Mobile Frontier

78

=

Page 79: The Mobile Frontier

Animation & TransitionsA new design elements that can:

steal this slide!

Help users form a mental model of how information will “unfold”.

Help make your experience feel more intuitive for users.

Reinforce cognition.

Provide cues for interaction.

Page 80: The Mobile Frontier

80

Say Goodbye to Done

Page 81: The Mobile Frontier

81

This should look familiar…

Page 82: The Mobile Frontier

82

This should look familiar…

The web has evolved around a

task-efficiency model.

Mobile is different.

Page 83: The Mobile Frontier

83

Mobile is different….

Mobile is about pivoting people through information

quickly.

It’s about exposing possibilities.

Page 84: The Mobile Frontier

“What’s the point?”

“What can happen?”

TASK POSSIBILITIES

Page 85: The Mobile Frontier

85

Tasks are about completion…

Page 86: The Mobile Frontier

86

Tasks are about completion…

Possibilities are interactions that accrue over time…

Page 87: The Mobile Frontier

… or facilitate

exploration… 87

Tasks are about completion…

Possibilities are interactions that accrue over time…

Page 88: The Mobile Frontier

… or facilitate

exploration… 88

Tasks are about completion…

Possibilities are interactions that accrue over time…

..or are about SENSING

INTENT!

Page 89: The Mobile Frontier

89

Page 90: The Mobile Frontier

90

Page 91: The Mobile Frontier

91

Page 92: The Mobile Frontier

92

Page 93: The Mobile Frontier

93

Page 94: The Mobile Frontier

94

Page 95: The Mobile Frontier

Brave NUI World Questions

What’s after “computer as media”?

Can information objects be defined less by how they are and more by how they move?

What’s beyond tasks?

How can we create interfaces that sense intent without going to the creepy “Hal” place?

Page 96: The Mobile Frontier

Shape Shifting

Page 97: The Mobile Frontier

97

Page 98: The Mobile Frontier
Page 99: The Mobile Frontier

A

99

Page 100: The Mobile Frontier

A

100

Page 101: The Mobile Frontier

A

101

Page 102: The Mobile Frontier
Page 103: The Mobile Frontier
Page 104: The Mobile Frontier
Page 105: The Mobile Frontier
Page 106: The Mobile Frontier
Page 107: The Mobile Frontier
Page 108: The Mobile Frontier

108

Page 109: The Mobile Frontier

A

109

Page 110: The Mobile Frontier

A

110

Page 111: The Mobile Frontier
Page 112: The Mobile Frontier
Page 113: The Mobile Frontier
Page 114: The Mobile Frontier
Page 115: The Mobile Frontier

In reality… people’s lives are messy

Page 116: The Mobile Frontier

Through Lines

Page 117: The Mobile Frontier
Page 118: The Mobile Frontier
Page 119: The Mobile Frontier
Page 120: The Mobile Frontier

Shapeshifting Questions

Are metaphors dead? If not, can we get beyond our “lizard brain” need for physicality?

What’s after the desktop and “web pages”?

How might we enable convergence with existing technology? Is retiring old technology the price of entry?

Page 121: The Mobile Frontier

Contextual Computing

1

Emergent Mobile UX Topics

A Brave NUI World2

Shapeshifting3

Page 122: The Mobile Frontier

122

Rapid Evolution

“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

Page 123: The Mobile Frontier

Thank you!

Email:[email protected]

Page 124: The Mobile Frontier

The Mobile FrontierA Guide for Designing Mobile Experiences

Expected Publication: late 2011