Presentation is loading. Please wait.

Presentation is loading. Please wait.

Building engaging experiences

Similar presentations


Presentation on theme: "Building engaging experiences"— Presentation transcript:

1 Building engaging experiences

2 UWP is the unified platform for all Windows devices

3 Same universal app, tailored for devices
Microsoft Build 2016 4/16/2018 4:52 AM Same universal app, tailored for devices © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

4 How do I achieve all this with one UWP app?!
Microsoft Build 2016 4/16/2018 4:52 AM How do I achieve all this with one UWP app?! Platform Universal Controls + Styling Fluid Layout Panels Effective Pixels + Scaling Developer | Designer Utilize the same adaptive layout techniques from Web Custom triggers, separate XAML, separate code as needed Define Key Screen “Breakpoints” Tooling Visual Studio + Blend Simulate at Design time © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

5 <New in XAML /> Auto CommandBar overflow
Multiple gamepad support Allow disabled controls to take focus GPU Blur, shadow, lighting effects Narrator keyboard improvements Xbox sounds and focus SVG font and icon support GPU accelerated animations Updated pivot focus visuals Simplified control theming Drag and drop onto ListView, GridView Native animated GIF support Xbox gamepad support Styled high visibility focus indicators Connected transitions Updated context menus Background overlay support with flyouts <New in XAML /> Improved accessibility for Date and Time pickers Common control perf improvements Soft keyboard without emoji New MediaPlayerElement Improved control of SIP Binding to functions Type-ahead on combo boxes Play background audio from a video Bottom to top ListView sorting Native Bool>Visibility converter Virtual mouse on Xbox Ink toolbar XAML edit and continue Multimodal ink canvas Multimodal ink ruler Narrator developer mode CommandBar label placement options Nested flyout support TreeView control

6 Demo New in XAML

7 UWP on Xbox: the 10’ experience
Microsoft Build 2016 4/16/2018 4:52 AM UWP on Xbox: the 10’ experience Gamepad and Remote Interaction modes Inputs and Behaviors Tuning XY Focus Focus Engagement Focus Visualization Presenting on the TV UI sizing TV-safe area Colors Sound <YOUR APP HERE> © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

8 Demo UWP on Xbox One

9 Windows Ink Easy Hard

10 Demo Windows Ink

11 Engaging user experiences
The Universal Windows Platform enables you to build the most engaging experiences across devices For better UI engagement we have continued to invest in XAML. We have made it easier to engage users through specific hardware capabilities with the Pen and Xbox One. And we’ve made it easier for you to directly engage with your users through improvements to the Store. What’s New in XAML? Extending your UWP apps to Xbox One Engaging your users with Windows Ink

12

13 Enriching your UWP apps

14 UWP is the unified platform for all Windows devices

15 Simultaneous Pen and Touch
Emulators for sensors Chat Sync Manager EDP Gaze Input Media Controls HLS Sample based encryption Store for Business Subtitles Unpaired Bluetooth Devices Ruler Paid App Upgrades Game controller input DIAL Cortana actions & triggers Cloud files Dev Analytics - Payout data APIs DLC Wi-fi deploy Cortana cross devices Unreal Engine 4 DX12 support for PC and Xbox VP9 Video Component UI HoloLens Emulator App Video Trailers Gesture Input Connected devices Maps offline download Video Ad breaks DirectInk for Win32 Contextual Sensing APIs Virtual Shield Spatial Audio 2,700+ new improvements Human Simulation Calendar APIs Windows Application Driver UWP on Xbox Store subscriptions Opus Audio Open Translators to Things Closed captioning APIs Input driven Animations & Effects Ink toolbar App Extensions Simultaneous Pen and Touch Badges on taskbar Low Light camera capture Game controller input Remote Sensors on IoT Background Audio Casting Windows Device Portal Bundles and add-ons Single process background execution Motion Sensing Mouse mode for game controllers DirectX 12 Mixed Reality Capture Dev Center APIs OpenType SVG color fonts Windows Hello Action center in the cloud

16 We chose some of our favorites…
Composition App Extensions Handling Web Links Store

17 Windows Composition Framework layer Visual layer Graphics layer
Controls, layout, markup, accessibility, data binding Windows.UI.XAML Visual layer Visuals, Animations & Expressions, Effects, Input Routing & Manipulations Windows.UI.Composition Graphics layer Text rasterization, shapes & vector rasterization, ink rendering DirectX Family

18 Expression animations
Windows Composition Blur effects Lighting effects Expression animations 60 fps GPU Accelerated

19 Demo Windows Composition

20 Manage and Bring in Content
App Extensions Edit Filter Filter Manage and Bring in Content

21 Host Package.appxmanifest
<uap3:Extension Category="windows.appExtensionHost"> <uap3:AppExtensionHost> <uap3:Name>PhotoExt</uap3:Name> </uap3:AppExtensionHost> </uap3:Extension>

22 Extension Package.appxmanifest
<uap3:Extension Category="windows.appExtension"> <uap3:AppExtension Name="PhotoExt" Id="base" PublicFolder="Public" DisplayName="Invert" Description="Invert Image"> </uap3:AppExtension> </uap3:Extension>

23 AppExtensions API Summary
using Windows.ApplicationModel.AppExtensions; Open Extension Catalog var catalog = AppExtensionCatalog.Open("PhotoExt"); Find Extensions IReadOnlyList<AppExtension> extensions = await catalog.FindAllAsync(); Get Notified catalog.PackageInstalled += Catalog_PackageInstalled; Load Content StorageFolder folder = await ext.GetPublicFolderAsync();

24 Demo App Extensions

25 Handling Web Links App Uri Handlers
4/16/2018 4:52 AM Handling Web Links App Uri Handlers Take users seamlessly to the content in your rich native experience Increased app launches No redirects Graceful fallback foo Contoso © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

26 Demo Handle Web Links

27 Windows Store

28

29

30

31 Dev Center Insider Just like Windows Insiders, we want your feedback to make things better

32 A/B Testing Target various market segments to help you make more informed decision

33 Package Flight Phase your role out for your applications and target various market segments

34 Feedback Integration into the Feedback Hub

35 Demo Store SDK Demo

36 Enriching your UWP apps
Windows 10 Anniversary Update brings new improvements to the platform We have add and evolved features to enable you to enrich your app across many areas – from rich animations to extending your app through extensions and enhanced user app engagement Composition App Extensions Handling Web Links Store

37


Download ppt "Building engaging experiences"

Similar presentations


Ads by Google