windows phone 8 wave guide montreal code camp intro to microsoft's modern ui in windows phone
Post on 18-Oct-2014
900 views
DESCRIPTION
Windows Phone is truly a unique experience in the smartphone space with a very distinct look and feel. As an app developer/designer, you may think you understand the experiential paradigm that Microsoft’s Modern UI provides, but do you really? We will look at what Microsoft’s Modern UI is, what it is not and how to implement the best app experiences possible on Windows Phone.TRANSCRIPT
Frédéric Harper @ Microsoft Canada
@fharper
outofcomfortzone.net
Introduction to Microsoft’s Modern UI in Windows Phone
2012-11-29
04/07/2023Microsoft confidential2
Windows Phone Design
3
The Windows Phone Design Style
• The Windows Phone team have taken a lot of trouble
over the look and feel of the phone
• They have created a design style, inspired by
metropolitan signage, to express this
• Programs on the phone should reflect this style
Windows Design Principles
Principle: Pride in craftsmanship
Take care of the details
Make it safe and reliableUncompromising Sensitivity to Weight, Balance and Scale
Align to the grid
Principle: Be fast and fluid
Life is mobile
Delight with motion
Design for touch
Intuitive interaction
Be responsive and ready
Immersive and compelling
Principle: Do more with less
Be great at something
Focused and direct
Content before chrome
Inspire confidence
Principle: Authentically Digital
Don’t Try to be What It’s NOT
Cloud connected
Dynamic and alive
Beautiful use of typography
Bold vibrant colours
Motion
Principle: Win as one
Fit into the UI model
Reduce redundancy
Work together to complete scenarios
Tools and templates are designed to scale
11
Windows Phone 8 SDK and the Windows Phone Design Style• To make life easier for us the Windows Phone design style is “baked in” to the
developer tools
• The default appearance, behaviour and fonts of the user elements all match the style
• If you want to find out more about the Windows Phone Design Style you can read the
“User Experience Design Guidelines for Windows Phone”
http://msdn.microsoft.com/en-us/library/
hh202915.aspx
Designing an App
04/07/202312
04/07/2023Microsoft confidential13
Design on Paper Before You Touch the Tools!
12:38
Tex
t
Tex
t
Tex
t
Tex
t
CONTOSO COOKBOOK
regions
12:38
Text
CONTOSO COOKBOOK
indian recCONTOSO COOKBOOK
recipes ind
pivot
Tex
t
Tex
t
Tex
t
Tex
t
12:38Contoso Cookbook
Shows recipes grouped by regional style. User can view recipes, also add pictures and notes
04/07/2023Microsoft confidential14
Design App Navigation Early!
12:38CONTOSO COOKBOOK
regions
12:38
Regional recipes
12:38
Recipe Detail
12:38
About
12:38
Notes & Photos
Back BackBack
Back
15
Project Templates and Components
•Windows Phone SDK provides
a set of project templates
• Each of them maps onto a
particular style of application
Questions
16
Frédéric Harper
@fharper
http://webnotwar.ca
http://outofcomfortzone.net
The information herein is for informational purposes only an 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.
© 2012 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.
MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.