windows phone 8 tiles, lock screen, and notifications

30

Upload: louie

Post on 24-Feb-2016

43 views

Category:

Documents


0 download

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 Presentation

TRANSCRIPT

Page 1: Windows Phone 8 Tiles, Lock Screen, and Notifications
Page 2: Windows Phone 8 Tiles, Lock Screen, and Notifications

Windows Phone 8Tiles, Lock Screen, and Notifications

Thomas FennelSenior Program Manager Lead2-206

Page 3: Windows Phone 8 Tiles, Lock Screen, and Notifications

I’mThomas

Page 4: Windows Phone 8 Tiles, Lock Screen, and Notifications

Notifications OverviewArchitectureUser ExperienceTiles and Toasts DemoLock Demo

Agenda

Page 5: Windows Phone 8 Tiles, Lock Screen, and Notifications

Notifications Overview

Page 6: Windows Phone 8 Tiles, Lock Screen, and Notifications

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

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

Notifications in the real world

Page 9: Windows Phone 8 Tiles, Lock Screen, and Notifications

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

Page 10: Windows Phone 8 Tiles, Lock Screen, and Notifications

Notifications Architecture

Page 11: Windows Phone 8 Tiles, Lock Screen, and Notifications

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

Push NotificationsInputs

Push

Page 13: Windows Phone 8 Tiles, Lock Screen, and Notifications

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

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

Tiles & Toasts Demo

Page 16: Windows Phone 8 Tiles, Lock Screen, and Notifications

Tiles & Toasts Recap

Page 17: Windows Phone 8 Tiles, Lock Screen, and Notifications

Flip Tile Template (TemplateFlip, FlipTileData)

medium: 336x336small: 159x159

wide: 691x336

Templates

Flip

Page 18: Windows Phone 8 Tiles, Lock Screen, and Notifications

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

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

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

Lock Screen Demo

Page 22: Windows Phone 8 Tiles, Lock Screen, and Notifications

Lock Screen Recap

Page 23: Windows Phone 8 Tiles, Lock Screen, and Notifications

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

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

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

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

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

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

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

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