Surface User Experience Surface UX.

100
Beneath the Surface Daniel Makoski Interaction Design Manager Microsoft Surface

Transcript of Surface User Experience Surface UX.

Page 1: Surface User Experience Surface UX.

Beneath the Surface

Daniel MakoskiInteraction Design ManagerMicrosoft Surface

Page 2: Surface User Experience Surface UX.
Page 3: Surface User Experience Surface UX.
Page 4: Surface User Experience Surface UX.
Page 5: Surface User Experience Surface UX.
Page 6: Surface User Experience Surface UX.
Page 7: Surface User Experience Surface UX.

Surface

video

Page 8: Surface User Experience Surface UX.
Page 9: Surface User Experience Surface UX.
Page 10: Surface User Experience Surface UX.
Page 11: Surface User Experience Surface UX.
Page 12: Surface User Experience Surface UX.

Surface User Experience

Page 13: Surface User Experience Surface UX.

Surface UX

Page 14: Surface User Experience Surface UX.

SUX

Page 15: Surface User Experience Surface UX.

Big A#$ Table

videocredit: sarcasticgamer.com

Page 16: Surface User Experience Surface UX.
Page 17: Surface User Experience Surface UX.
Page 18: Surface User Experience Surface UX.
Page 19: Surface User Experience Surface UX.

Four Things

Defining ExperienceMicrosoft Natural HistoryNatural User Experience VisionDesigning Surface

Page 20: Surface User Experience Surface UX.

experience

Page 21: Surface User Experience Surface UX.

credit: sapient.com

Page 22: Surface User Experience Surface UX.

credit: sapient.com

Page 23: Surface User Experience Surface UX.

credit: gain1.aiga.org

Page 24: Surface User Experience Surface UX.

“There is no such thing as Experience

Design.”

Liz Sanders

credit: maketools.com

Page 25: Surface User Experience Surface UX.

credit: maketools.com

Page 26: Surface User Experience Surface UX.

“Experience is a subjective event, felt only by the person who has the experience.

Experience is ephemeral, i.e., lasting only for the moment. Experiences that have already been lived and felt I will call memories. Experiences not yet lived or felt, but imagined, I will call dreams.

Experiencing is the point where memory and imagination meet.”

credit: maketools.com

Page 27: Surface User Experience Surface UX.

“Experience is a subjective event, felt only by the person who has the experience.

Experience is ephemeral, i.e., lasting only for the moment. Experiences that have already been lived and felt I will call memories. Experiences not yet lived or felt, but imagined, I will call dreams.

Experiencing is the point where memory and imagination meet.”

credit: maketools.com

Page 28: Surface User Experience Surface UX.

“Experience is a subjective event, felt only by the person who has the experience.

Experience is ephemeral, i.e., lasting only for the moment. Experiences that have already been lived and felt I will call memories. Experiences not yet lived or felt, but imagined, I will call dreams.

Experiencing is the point where memory and imagination meet.”

credit: maketools.com

Page 29: Surface User Experience Surface UX.

credit: maketools.com

Page 30: Surface User Experience Surface UX.

natural history

Page 31: Surface User Experience Surface UX.

credit: billbuxton.com

Page 32: Surface User Experience Surface UX.
Page 33: Surface User Experience Surface UX.
Page 34: Surface User Experience Surface UX.
Page 35: Surface User Experience Surface UX.
Page 36: Surface User Experience Surface UX.
Page 37: Surface User Experience Surface UX.
Page 38: Surface User Experience Surface UX.
Page 39: Surface User Experience Surface UX.
Page 40: Surface User Experience Surface UX.
Page 41: Surface User Experience Surface UX.
Page 42: Surface User Experience Surface UX.

credit: nextgendesigncomp.com

Page 43: Surface User Experience Surface UX.

Start Something

videocredit: startsomethingpc.com

Page 44: Surface User Experience Surface UX.
Page 45: Surface User Experience Surface UX.

Office Labs

video

Page 46: Surface User Experience Surface UX.
Page 47: Surface User Experience Surface UX.

vision

Page 48: Surface User Experience Surface UX.
Page 49: Surface User Experience Surface UX.
Page 50: Surface User Experience Surface UX.
Page 51: Surface User Experience Surface UX.
Page 52: Surface User Experience Surface UX.

The vision of Natural User Experience (NUE) is to deliver intuitive, seamless experiences that unfold through natural human input.

Page 53: Surface User Experience Surface UX.
Page 54: Surface User Experience Surface UX.

credit: Arnold Reinhold

Page 55: Surface User Experience Surface UX.
Page 56: Surface User Experience Surface UX.
Page 57: Surface User Experience Surface UX.
Page 58: Surface User Experience Surface UX.
Page 61: Surface User Experience Surface UX.

Inflection Attributes

MetaphorRelationshipControlFlexibilityBehavior

Page 62: Surface User Experience Surface UX.

Metaphor

Page 63: Surface User Experience Surface UX.

Metaphor

CLITextualGUI Graphical

Page 64: Surface User Experience Surface UX.

Metaphor

CLITextualGUI GraphicalNUI Physical

Page 65: Surface User Experience Surface UX.

Relationship

Page 66: Surface User Experience Surface UX.

Relationship

CLIAbstractGUI Indirect

Page 67: Surface User Experience Surface UX.

Relationship

CLIAbstractGUI IndirectNUI Direct

Page 68: Surface User Experience Surface UX.

Control

Page 69: Surface User Experience Surface UX.

Control

CLIDirectedGUI Exploratory

Page 70: Surface User Experience Surface UX.

Control

CLIDirectedGUI ExploratoryNUI Contextual

Page 71: Surface User Experience Surface UX.

Flexibility

Page 72: Surface User Experience Surface UX.

Flexibility

CLIHighGUI High-Medium

Page 73: Surface User Experience Surface UX.

Flexibility

CLIHighGUI High-MediumNUI Low

Page 74: Surface User Experience Surface UX.

Behavior

Page 75: Surface User Experience Surface UX.

Behavior

CLIStaticGUI Dynamic

Page 76: Surface User Experience Surface UX.

Behavior

CLIStaticGUI DynamicNUI Realistic

Page 77: Surface User Experience Surface UX.

NUI Attributes

PhysicalDirectContextualFocusedRealistic

Page 78: Surface User Experience Surface UX.

Surface

Page 79: Surface User Experience Surface UX.

Natural & Intuitive

Page 80: Surface User Experience Surface UX.

Unique & Magical

Page 81: Surface User Experience Surface UX.

Social & Together

Page 82: Surface User Experience Surface UX.

Aware & Responsive

Page 83: Surface User Experience Surface UX.

Premium & Authentic

Page 84: Surface User Experience Surface UX.

Designing Surface

Concepts & PrototypingContent is the InterfaceThe Right Team

Page 85: Surface User Experience Surface UX.
Page 86: Surface User Experience Surface UX.
Page 87: Surface User Experience Surface UX.

Designing Surface

Concepts & PrototypingContent is the InterfaceThe Right Team

Page 88: Surface User Experience Surface UX.
Page 89: Surface User Experience Surface UX.
Page 90: Surface User Experience Surface UX.

Access Points

video

Page 91: Surface User Experience Surface UX.
Page 92: Surface User Experience Surface UX.

Designing Surface

Concepts & PrototypingContent is the InterfaceThe Right Team

Page 93: Surface User Experience Surface UX.
Page 94: Surface User Experience Surface UX.
Page 95: Surface User Experience Surface UX.
Page 96: Surface User Experience Surface UX.

thanks!

Page 97: Surface User Experience Surface UX.

questions?

Page 99: Surface User Experience Surface UX.

© 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after

the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

Page 100: Surface User Experience Surface UX.