Windows Phone 8 Tiles, Lock Screen, and Notifications
description
Transcript of Windows Phone 8 Tiles, Lock Screen, and Notifications
![Page 1: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/1.jpg)
![Page 2: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/2.jpg)
Windows Phone 8Tiles, Lock Screen, and Notifications
Thomas FennelSenior Program Manager Lead2-206
![Page 3: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/3.jpg)
I’mThomas
![Page 4: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/4.jpg)
Notifications OverviewArchitectureUser ExperienceTiles and Toasts DemoLock Demo
Agenda
![Page 5: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/5.jpg)
Notifications Overview
![Page 6: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/6.jpg)
Notifications OverviewScheduled
Tiles
Alarms/Reminders
Push & Local
Tiles
Flip
Cycle
Iconic
Toasts
Toast
Inputs Types Templates
UX
![Page 7: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/7.jpg)
Notifications Overview Continued…Inputs Types Templates UX
Local
Lock Screen
Background
Detailed Status
Quick Status
![Page 8: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/8.jpg)
Notifications in the real world
![Page 9: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/9.jpg)
Top 50 apps are 3.7 times more likely to have Live Tiles…
![Page 10: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/10.jpg)
Notifications Architecture
![Page 11: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/11.jpg)
Scheduled NotificationsShellTileScheduleUpdate all tile propertiesUse UpdateInterval for hourly/daily/weekly/monthlyRecurrence to define one time or recurring.MaxUpdateCount for number of times to runTakes anything derived from ShellTileData
Inputs
Scheduled
![Page 12: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/12.jpg)
Push NotificationsInputs
Push
![Page 13: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/13.jpg)
Local NotificationsLocal means your app code is runningApp is in the foreground/interactiveApp is CBE (location/navigation scenarios)App scheduled task is running
Inputs
Local
Notification Platform
TaskHost
Foreground CBE
HeadlessHost
Background/Audio Agents
14 day limit relaxedif updating Live Tiles!
![Page 14: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/14.jpg)
Notification TypesToastsInterruptive notifications targeted at interactionTilesDelightful and engaging notifications targeted at enticementLock ScreenGlanceable statusPersonal and beautiful
Types
Toasts
Tiles
Lock Screen
![Page 15: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/15.jpg)
Tiles & Toasts Demo
![Page 16: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/16.jpg)
Tiles & Toasts Recap
![Page 17: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/17.jpg)
Flip Tile Template (TemplateFlip, FlipTileData)
medium: 336x336small: 159x159
wide: 691x336
Templates
Flip
![Page 18: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/18.jpg)
Cycle Tile Template (TemplateCycle, CycleTileData)
medium: 336x336small: 159x159
wide center crops to medium
wide: 691x336
Templates
Cycle
![Page 19: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/19.jpg)
Iconic Tile Template (TemplateIconic, IconicTileData)
medium: 202x202small: 110x110
white with transparency only
crop tight on horizontal
Templates
Iconic
![Page 20: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/20.jpg)
Toast Template (wp:Toast, ShellToast)
(wp:Text1)(wp:Text2)
App List Icon - comes from packagewp:Text1 | Title - Boldwp:Text2 | Content - SemiLightwp:Param | NavigationUri - deep link w/context
Templates
Toast
![Page 21: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/21.jpg)
Lock Screen Demo
![Page 22: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/22.jpg)
Lock Screen Recap
![Page 23: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/23.jpg)
Lock screen notificationsTemplatesDetailed StatusQuick StatusLock 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
![Page 24: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/24.jpg)
Lock screen backgroundUser 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
TemplatesBackgroun
d
![Page 25: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/25.jpg)
Wrap upThink 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!
![Page 26: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/26.jpg)
Wednesday Thursday Friday09:00 Keynote Keynote PH 2-222
WP NetworkingPeter TorrNorth 13409:30
10:00
10:30 PH 2-211Using Native in your appsTim LavertySouth 102
PH 2-216WP Dev Best PracticesStefan WickNorth 134
11:00
11:30 PH 2-201Intro to WP DevSam GeorgeNorth 134
PH 2-202WP Design for DevCorrina BlackNorth 135
PH 2-206WP Tiles, Lock, NotificationsThomas FennelNorth 13412:00 PH 2-205
WP: MVVM in PracticeMatthias ShapiroNorth 13412:30
13:0013:3014:00 PH 2-204
WP App FoundationThomas FennelNorth 134
PH 2-215Build for Both Win 8 and WP8Matt HidingerNorth 134
PH 2-212WP Cross App CommsSean McKennaSouth 222
PH 2-220WP Map AppsMike O’MalleyNorth 13414:30
15:0015:30 PH 2-210
WP Camera appBerthier LemieuxNorth 134
PH 2-213Maximize RevenueBernardo ZamoraNorth 135
PH 2-219Story of Nokia Music from WP to Win 8Matthew CooperNorth 13416:00
16:3017:00 PH 2-207
WP Game BasicsJoao RazaSouth 304
PH 2-208WP UI in XAMLShawn OsterNorth 134
PH 2-208WP MiddlewareJC CimetiereNorth 132
PH 2-221WP Low MemoryAndrew WhitechapelNorth 135
PH 2-218WP Contest PanelPanelNorth 12317:30
![Page 27: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/27.jpg)
Developer resourcesMSDN DOCS
Design http://aka.ms/wp8devdesignDevelo
phttp://aka.ms/wp8devdoc
Test http://aka.ms/wp8testingPublish http://aka.ms/wp8publishi
ngSamples
http://aka.ms/wp8samples
TRAINING CONTENT
Absolute Beginners http://wpdev.ms/beginvidsJump Start http://aka.ms/wp8js
Design Boot Camp http://aka.ms/wp8designbootcamp
Training Kit http://aka.ms/wp8hol
NEWS & UPDATES
Portal http://dev.windowsphone.comBlog http://wpdev.ms/developerblogChannel
9http://wpdev.ms/insidewp
Twitter http:/twitter.com/wpdev
![Page 28: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/28.jpg)
Please fill out an evaluation form – it’s the only way we know how we’re doing!
![Page 29: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/29.jpg)
Evaluate this session
Scan this QR code to evaluate this session and be automatically entered in a drawing to win a prize!
![Page 30: Windows Phone 8 Tiles, Lock Screen, and Notifications](https://reader036.fdocuments.net/reader036/viewer/2022062520/568165c3550346895dd8ceaa/html5/thumbnails/30.jpg)
© 2013 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.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.