building a different kind of ui - nokia world 2011

25
Company Confidential building a different kind of ui JOE BELFIORE VP windows phone pm & design WINDOWS PHONE & NOKIA

Upload: nokia

Post on 06-May-2015

423 views

Category:

Technology


0 download

DESCRIPTION

Building a Different Kind of UI by Joe Belfiore, Vice President, Windows Phone PM & Design, as presented at Nokia World 2011.

TRANSCRIPT

Page 1: Building a Different Kind of UI - Nokia World 2011

Company Confidential

building a different kind of ui

JOE BELFIORE

VP

windows phone pm & design

WINDOWS PHONE & NOKIA

Page 2: Building a Different Kind of UI - Nokia World 2011

Company Confidential

building a different kind of ui WINDOWS PHONE & NOKIA

WHAT’S THE MAIN IDEA?

UNDERSTANDING METRO

DEMO

BRINGING IT TO LIFE

Page 3: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Windows Phone celebrates people

People First

Celebrate Me

Right Here, Right Now

by transforming everyday tasks

into delightful experiences

Page 4: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Bringing people closer is our inspiration.

People First

Page 5: Building a Different Kind of UI - Nokia World 2011

Company Confidential

We each have a story.

Celebrate Me

Page 6: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Lights up the world around you.

Right Here, Right Now

Page 7: Building a Different Kind of UI - Nokia World 2011

Company Confidential

building a different kind of ui WINDOWS PHONE & NOKIA

WHAT’S THE MAIN IDEA?

UNDERSTANDING METRO

DEMO

BRINGING IT TO LIFE

Page 8: Building a Different Kind of UI - Nokia World 2011

Company Confidential

metro is our design language

it’s entirely authentic

a different kind of phone

UNDERSTANDING METRO

Page 9: Building a Different Kind of UI - Nokia World 2011

Company Confidential

confident evolution

inspired by our past

UNDERSTANDING METRO

Page 10: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Page 11: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Page 12: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Page 13: Building a Different Kind of UI - Nokia World 2011

Company Confidential

moving forward

inspired by our content

people, places, the world around us

UNDERSTANDING METRO

Page 14: Building a Different Kind of UI - Nokia World 2011

Company Confidential

on a journey

inspired by transportation graphics

an international language of way-finding

UNDERSTANDING METRO

Page 15: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Page 16: Building a Different Kind of UI - Nokia World 2011

Company Confidential

built on principles

people first

clean, light, open, fast

celebrate typography

alive & in motion

content not chrome

authentically digital

UNDERSTANDING METRO

Page 17: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Page 18: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Page 19: Building a Different Kind of UI - Nokia World 2011

Company Confidential

still expresses you UNDERSTANDING METRO

Page 20: Building a Different Kind of UI - Nokia World 2011

Company Confidential

elegant coexistence UNDERSTANDING METRO

Page 21: Building a Different Kind of UI - Nokia World 2011

Company Confidential

highly natural feel

buttery smooth touch

real-world physics

no lag

no stutter

UNDERSTANDING METRO

Page 22: Building a Different Kind of UI - Nokia World 2011

Company Confidential

building a different kind of ui WINDOWS PHONE & NOKIA

WHAT’S THE MAIN IDEA?

UNDERSTANDING METRO

DEMO

BRINGING IT TO LIFE

Page 23: Building a Different Kind of UI - Nokia World 2011

Company Confidential

Windows is about to become familiar in a whole new way.

looking forward

Page 24: Building a Different Kind of UI - Nokia World 2011

Company Confidential

now it’s your turn windows phone UX guide http://msdn.microsoft.com/en-us/library/hh202915(v=vs.92).aspx

design templates for windows phone 7 http://go.microsoft.com/fwlink/?LinkId=196225

microsoft design .toolbox tutorials http://www.microsoft.com/design/toolbox/school/tutorials.aspx

microsoft design .toolbox courses (look for extra credit modules) http://www.microsoft.com/design/toolbox/school/

windows phone geek - UX resources http://www.windowsphonegeek.com/Resources/UX#ux

BRINGING IT TO LIFE

Page 25: Building a Different Kind of UI - Nokia World 2011

Company Confidential

© 2010 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.

thank you