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

3. I’m
Thomas

4. 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.

5. Notifications Overview

6. Notifications OverviewUX
Scheduled
Tiles
Alarms/Reminders
Push & Local
Flip
Cycle
Iconic
Toasts
Toast
Inputs
Types
Templates

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

8. Notifications in the real world

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

10. Notifications Architecture

11. 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

12. 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.

13. 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

14. 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

15. Tiles & Toasts Demo

16. Tiles & Toasts Recap

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

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

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

20. 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

21. Lock Screen Demo

22. Lock Screen Recap

23. 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

24. 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

25. 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!

26. 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

27. Developer resources NEWS & UPDATES MSDN DOCS TRAINING CONTENT Design
Develop
Test
Publish
Samples
NEWS & UPDATES
Portal
Blog
Channel 9
Twitter
TRAINING CONTENT
Absolute Beginners
Jump Start
Design Boot Camp
Training Kit

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

29. 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.