Windows Phone 8 Tiles, Lock Screen, and Notifications Thomas Fennel Senior Program Manager Lead 2-206

I’m Thomas

Agenda Notifications Overview Architecture User Experience Build 2012 6/12/2018 Agenda Notifications Overview Architecture User Experience Tiles and Toasts Demo Lock Demo © 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Notifications Overview

Notifications Overview UX Scheduled Tiles Alarms/Reminders Push & Local Flip Cycle Iconic Toasts Toast Inputs Types Templates

Notifications Overview Continued… Inputs Types Templates UX Local Lock Screen Background Detailed Status Quick Status

Notifications in the real world

Top 50 apps are 3.7 times more likely to have Live Tiles…

Notifications Architecture

Scheduled Notifications Inputs Scheduled Notifications Scheduled ShellTileSchedule Update all tile properties Use UpdateInterval for hourly/daily/weekly/monthly Recurrence to define one time or recurring. MaxUpdateCount for number of times to run Takes anything derived from ShellTileData

Push Notifications Push Inputs Build 2013 6/12/2018 © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.

Local Notifications Notification Platform Inputs Local Notifications Local Local means your app code is running App is in the foreground/interactive App is CBE (location/navigation scenarios) App scheduled task is running 14 day limit relaxed if updating Live Tiles! Foreground CBE Background/ Audio Agents TaskHost HeadlessHost Notification Platform

Notification Types Toasts Tiles Lock Screen Interruptive notifications targeted at interaction Tiles Delightful and engaging notifications targeted at enticement Lock Screen Glanceable status Personal and beautiful Tiles Lock Screen

Tiles & Toasts Demo

Tiles & Toasts Recap

Flip Tile Template (TemplateFlip, FlipTileData) Templates Flip Tile Template (TemplateFlip, FlipTileData) Flip small: 159x159 medium: 336x336 wide: 691x336

Cycle Tile Template (TemplateCycle, CycleTileData) Templates Cycle Tile Template (TemplateCycle, CycleTileData) Cycle small: 159x159 medium: 336x336 wide: 691x336 wide center crops to medium

Iconic Tile Template (TemplateIconic, IconicTileData) Templates Iconic Tile Template (TemplateIconic, IconicTileData) Iconic small: 110x110 medium: 202x202 white with transparency only crop tight on horizontal

Toast Template (wp:Toast, ShellToast) Templates Toast Template (wp:Toast, ShellToast) Toast (wp:Text1) (wp:Text2) App List Icon - comes from package wp:Text1 | Title - Bold wp:Text2 | Content - SemiLight wp:Param | NavigationUri - deep link w/context

Lock Screen Demo

Lock Screen Recap

Lock screen notifications Templates Lock screen notifications Detailed Status Quick Status Lock screen settings or deep link from within the app Detailed Status is the content from the primary tile (if available) Quick Status shows designated icon with count from primary tile (when > 0) Works even if no Tile is pinned to Start! Declare in manifest Extensions element

Lock screen background Templates Lock screen background Background User can choose background image provider in “lock screen” settings and launch your app from there! ?WallpaperSettings=1 Application can programmatically ask to be background provider, get and set with WinRT API Provide a WXGA default image in XAP root Declare in manifest Extensions element

Wrap up Think about the inputs your app will use Think about the types you should take advantage of Design your templates to be beautiful and engaging Make users love your app and love their Windows Phone!

Wednesday Thursday Friday 09:00 Keynote PH 2-222 WP Networking Peter Torr North 134 09:30 10:00 10:30 PH 2-211 Using Native in your apps Tim Laverty South 102 PH 2-216 WP Dev Best Practices Stefan Wick 11:00 11:30 PH 2-201 Intro to WP Dev Sam George PH 2-202 WP Design for Dev Corrina Black North 135 PH 2-206 WP Tiles, Lock, Notifications Thomas Fennel 12:00 PH 2-205 WP: MVVM in Practice Matthias Shapiro 12:30 13:00 13:30 14:00 PH 2-204 WP App Foundation PH 2-215 Build for Both Win 8 and WP8 Matt Hidinger PH 2-212 WP Cross App Comms Sean McKenna South 222 PH 2-220 WP Map Apps Mike O’Malley 14:30 15:00 15:30 PH 2-210 WP Camera app Berthier Lemieux PH 2-213 Maximize Revenue Bernardo Zamora PH 2-219 Story of Nokia Music from WP to Win 8 Matthew Cooper 16:00 16:30 17:00 PH 2-207 WP Game Basics Joao Raza South 304 PH 2-208 WP UI in XAML Shawn Oster WP Middleware JC Cimetiere North 132 PH 2-221 WP Low Memory Andrew Whitechapel PH 2-218 WP Contest Panel Panel North 123 17:30

Developer resources NEWS & UPDATES MSDN DOCS TRAINING CONTENT Design http://aka.ms/wp8devdesign Develop http://aka.ms/wp8devdoc Test http://aka.ms/wp8testing Publish http://aka.ms/wp8publishing Samples http://aka.ms/wp8samples NEWS & UPDATES Portal http://dev.windowsphone.com Blog http://wpdev.ms/developerblog Channel 9 http://wpdev.ms/insidewp Twitter http:/twitter.com/wpdev TRAINING CONTENT Absolute Beginners http://wpdev.ms/beginvids Jump Start http://aka.ms/wp8js Design Boot Camp http://aka.ms/wp8designbootcamp Training Kit http://aka.ms/wp8hol

Please fill out an evaluation form – it’s the only way we know how we’re doing!

6/12/2018 4:55 AM Required Slide *delete this box when your slide is finalized Your MS Tag will be inserted here during the final scrub. Evaluate this session Scan this QR code to evaluate this session and be automatically entered in a drawing to win a prize! © 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, 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.