windows phone 8 tiles, lock screen, and notifications
DESCRIPTION
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 Tiles and Toasts Demo Lock Demo. Notifications Overview. Notifications Overview. UX. Inputs. Types. - PowerPoint PPT PresentationTRANSCRIPT
Windows Phone 8Tiles, Lock Screen, and Notifications
Thomas FennelSenior Program Manager Lead2-206
I’mThomas
Notifications OverviewArchitectureUser ExperienceTiles and Toasts DemoLock Demo
Agenda
Notifications Overview
Notifications OverviewScheduled
Tiles
Alarms/Reminders
Push & Local
Tiles
Flip
Cycle
Iconic
Toasts
Toast
Inputs Types Templates
UX
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 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
Push NotificationsInputs
Push
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!
Notification TypesToastsInterruptive notifications targeted at interactionTilesDelightful and engaging notifications targeted at enticementLock ScreenGlanceable statusPersonal and beautiful
Types
Toasts
Tiles
Lock Screen
Tiles & Toasts Demo
Tiles & Toasts Recap
Flip Tile Template (TemplateFlip, FlipTileData)
medium: 336x336small: 159x159
wide: 691x336
Templates
Flip
Cycle Tile Template (TemplateCycle, CycleTileData)
medium: 336x336small: 159x159
wide center crops to medium
wide: 691x336
Templates
Cycle
Iconic Tile Template (TemplateIconic, IconicTileData)
medium: 202x202small: 110x110
white with transparency only
crop tight on horizontal
Templates
Iconic
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
Lock Screen Demo
Lock Screen Recap
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
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
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!
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
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
Please fill out an evaluation form – it’s the only way we know how we’re doing!
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, 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.