1. Microsoft Ignite NZ
25-28 October 2016
SKYCITY, Auckland

2. Universal Windows Platform apps on Xbox One OMG!
Damian Karzon

3. What is UWP What’s different about Xbox? How do I do that?
Microsoft Ignite 2016
11/11/2018 3:04 PM
What is UWP What’s different about Xbox? How do I do that?
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4. What’s a Universal Windows Platform (UWP) app
11/11/2018 3:04 PM
What’s a Universal Windows Platform (UWP) app
One API set, One Package, One Store
Adaptive controls and input
Extension SDKs for device family features
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

5. UWP design principles Keep it simple Make it personal Think universal
11/11/2018 3:04 PM
UWP design principles
Keep it simple
Effortless UI
Make it personal
People are people
Think universal
All of the world
Create delight
Enjoyable UX
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

6. dev.windows.com/design
11/11/2018 3:04 PM
dev.windows.com/design
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

7. 10-foot design principles (~3 metres)
11/11/2018 3:04 PM
10-foot design principles (~3 metres)
Simple
Double simple
Coherent
Easy to use
Captivating
Immersive, cinematic experiences
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8. Controller/Remote Less is more Focus 11/11/2018 3:04 PM
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

9. TV Safe Colours TV Safe Area 11/11/2018 3:04 PM
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

10. Getting setup with Xbox One dev
11/11/2018 3:04 PM
Getting setup with Xbox One dev
Requirements
Xbox One Anniversary Update
Dev mode activation app
Visual Studio 2015 Update 3
Developer Center Account
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

11. Demo Environment File -> New Project -> Deploy to Xbox One
Microsoft Ignite 2016
11/11/2018 3:04 PM
Demo
Environment
File -> New Project -> Deploy to Xbox One
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

12. defaults for UWP “it just works”
11/11/2018 3:04 PM
defaults for UWP “it just works”
“acceptable method”
UWP desktop example
UWP Defaults – Works on Xbox / TV
Scale Factor applied by default
TV safe box applied by default
“Mouse Emulation” with Gamepad
Automatic TV Safe Area
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

13. optimised for 10’ premium experience UWP desktop example
11/11/2018 3:04 PM
optimised for 10’
premium experience
UWP desktop example
“UWP XBOX” – Optimized for Xbox (TV)
Optimize for Gamepad (“X-Y Focus”)
Focus Rectangle for TV
Account for TV Safe area
Use TV Safe colors
Less dense control layout and bigger controls
Integrate SMTC (or use our media controls)
Use adaptive layout to account for snapped apps
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

14. Controller and Remote Interaction Basics
Microsoft Build 2016
11/11/2018 3:04 PM
Controller and Remote Interaction Basics
Requires Pointer
XY Focus
Recommended for most UI surfaces
Use for drawing canvases, web content, etc.
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

15. Configuring XY Focus vs. Requires Pointer
Microsoft Build 2016
11/11/2018 3:04 PM
Configuring XY Focus vs. Requires Pointer
Application.RequiresPointer=
"Auto" : XY Focus or pointer depending on device (default)
"WhenRequested" : XY Focus, except on controls where specifically requested
For specific controls or pages where pointer makes sense:
Control.RequiresPointer="WhenFocused"> or
Control.RequiresPointer="WhenEngaged">
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

16. Tuning XY Focus //focusable control
Microsoft Build 2016
11/11/2018 3:04 PM
Tuning XY Focus
//focusable control
IsTabStop=true & Visibility=Visible
//Customise direction focus
control1.XYFocusLeft = control2;
control1.XYFocusRight = control2;
control1.XYFocusUp = control2;
control1.XYFocusDown = control2;
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

17. Demo Optimise UWP app for Xbox Microsoft Ignite 2016
11/11/2018 3:04 PM
Demo
Optimise UWP app for Xbox
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

18. 11/11/2018 3:04 PM
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

19. 11/11/2018 3:04 PM
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

20. Universal Windows Store
11/11/2018 3:04 PM
Universal Windows Store
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

21. Session recap UWP Xbox design principles
Microsoft Build 2016
11/11/2018 3:04 PM
Session recap
UWP Xbox design principles
Controller/Remote Input (Focus)
Interaction modes Inputs and Behaviors
Tuning XY Focus Focus Engagement
Focus Visualization
Presenting on the TV
UI sizing TV-safe area
Colors Sound
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

22. Questions? /dkarzon /dkarzon Microsoft Ignite 2016 11/11/2018 3:04 PM
© 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

23. 11/11/2018 3:04 PM
© 2014 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.