Tony 684 User Data App Services Arun 765 Thomas 762 Shell Kernel Shawn 626 App Roberth 779 Enterprise John Ignite Store Barclay 695 Andrew 617 App.

Slides:



Advertisements
Similar presentations
MICHAEL MARINO CSC 101 Whats New in Office Office Live Workspace 3 new things about Office Live Workspace are: Anywhere Access Store Microsoft.
Advertisements

MechanismScenarioExpiresWinRT API Local Update a tile immediately, while the app is running or from a background task Never TileUpdateManager.
Windows 8 Tips & Tricks for XAML based Windows Store App Ronnie Saurenmann Microsoft
IBM WebSphere Portal © 2008 IBM Corporation 1 Deliver an Irresistible User Experience  Provides an interactive user experience  No programming needed,

Tony 684 User Data App Services Arun 765 Thomas 762 Shell Kernel Shawn 626 App Roberth 779 Enterprise John Ignite Store Barclay 695 Andrew 617 App Model.
Smartphone Marketing.
Go back to where you came from.
Chapter 1 Getting Started With Dreamweaver. Explore the Dreamweaver Workspace The Dreamweaver workspace is where you can find all the tools to create.
© 2009 Research In Motion Limited User interface design for mobile devices.
NEW PRODUCT INTRODUCTION: SalesLink TOUCH April 2015.
Copyright 2007, EMC Paradigm Publishing Inc. WINDOWS XP BACKNEXTEND 1-1 LINKS TO OBJECTIVES Starting Windows Using the Taskbar, opening & switching programs.
Live Tiles Yvan Ngneunmeu, Cameroon Microsoft Student Partners Lead
Silent Dismissal Dismissal Staff Quick Start Guide.
1 CGS1060 Mobile UIs Copyright 2012 by Janson Industries.
®® Microsoft Windows 7 for Power Users Tutorial 2p2 Customizing Microsoft Windows 7.
Windows 10. The New Microsoft Operating System to be released July 29 th. It’s not just a PC operating system, it’s a lot more, it includes phones,
Creating a MagicInfo Pro Screen Template
| imodules.com Making Your Site Mobile-Ready Presented by Chris Smith and Mark Werner.
Practical PC, 7th Edition Chapter 2: Working with Windows
Presented to you by Christian A. Penner - Mortgage Banker WebSite: Facebook:
VBE easy VBE Release – New Features Available From 2 October 2006.
Windows Phone 8 uses Microsoft Push Notifications Windows 8/8.1 uses Windows Notification Service Windows Phone 8.1 uses Windows Notification.
CIS—100 Chapter 15—Windows Vista 1. Parts of a Window 2.
Atmosphere Apps Atmosphere Apps 2,000,000,000.
Responsive design - Bedrock to our site Responsive site templates included.
Presented by Mark Thompson High Level Overview and Demo.
What’s New in SkillPort 7 Presenter Name Title. SkillPort 7 – a whole new look and feel! Complete redesign of the SkillPort User Interface –Both Student.
Unit 2—Using the Computer Lesson 14 and Electronic Communication.
Windows 8 Tips & Tricks for XAML based Windows Store App Ronnie Saurenmann Microsoft
Basic State Plate App Logo Short Name Plate App Logo Short Name Semi-Live State Plate App Logo Short Name Badge Plate App Logo Short Name Badge Live.
© 2016 Cengage Learning®. May not be scanned, copied or duplicated, or posted to a publicly accessible website, in whole or in part. Android Boot Camp.
Proprietary and Confidential S TRONG V IEW M ARKETING S ERVICES TAKING YOUR MOBILE.
Visiting Angels Presenter: Social Angel Facebook.com/VisitingAngelsCorporate Social Care.
242/102/49 0/51/59 181/172/166 Primary colors 248/152/29 PMS 172 PMS 137 PMS 546 PMS /206/ /227/ /129/123 Secondary colors 114/181/204.
Using Vision+ For Contract Management Andrew Vickerstaff & Gaby Ormerod.
Virtual Classes Provides an Innovative App for Education that Stimulates Engagement and Sharing Content and Experiences in Office 365 MICROSOFT OFFICE.
Microsoft Outlook 2010 Instructor: Julie Thorngren
Lei Xu Saral Shodhan Ashwini Varma Dustin Bachrach Sudipta Dey Joe Bourne Mustafa Almaasrawi Jorge Raastroem Tobin Valenstein Ali Rafiee Ezhilan Rasappa.
MCS-Connect Revision - 12/22/2015.
Mobile web vs apps compared. Pro's of mobile web Accessible through any browser Doesn't require app download Load page by page Good for SEO Will have.
© 2012 Adobe Systems Incorporated. All Rights Reserved. Copyright 2012 Adobe Systems Incorporated. All rights reserved. ® REUSABLE DESIGN.
1 eCoRepair New Release Slide Expanded view of Circuit Details Change to Circuit Looping text4 View of closed faults up to 30 days old5 - 7 Minor.
Getting to Know Your Desktop Icons, Taskbar, Workspace, Window, Notifications, Start and Search.
Building Windows Phone applications with Silverlight, part 2 Peter Torr Program Manager, Microsoft
GO MOBILE. GO RESPONSIVE. 185 mil mobile internet users in India
Computer Literacy BASICS: A Comprehensive Guide to IC 3, 5 th Edition Lesson 3 Windows File Management 1 Morrison / Wells / Ruffolo.
Positioning Objects with CSS and Tables
Windows Vista Configuration MCTS : Interface and Device Options.
Take Your Data Analysis and Reporting to the Next Level by Combining SAS Office Analytics, SAS Visual Analytics, and SAS Studio David Bailey Tim Beese.
07 | Live tiles & notifications
WHY VIDEO SURVELLIANCE
UX/UI changes for Windows 10 apps
Start, Tiles, Notifications and Lock Screen
Boomerang Adds Smart Calendar Assistant and Reminders to Office 365 That Increase Productivity and Simplify Meeting Scheduling OFFICE 365 APP BUILDER.
IWRITER 365 Offers Seamless, Easy-to-Use Solution for Using, Designing, Managing, and Sharing All Your Company Templates in Microsoft Office 365 OFFICE.
Microsoft Build /8/2018 8:41 PM © 2016 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY,
IBM Kenexa BrassRing on Cloud Responsive Apply: Visual Branding Tool
It’s About Time – ScheduleMe Outlook Add-In for Office 365 Enables Users to Schedule Meetings Easily with People Outside of Your Organization Partner Logo.
Agenda Tile basics Tile templates Adaptive templates Toast
intro to notifications in iOS 10
LP+365 App Transforms Office 365 into a Learning Management System That Promotes Digital Literacy and Encourages All Students to Develop Together OFFICE.
InLoox PM Web App product presentation
First form of our mobile application:
Developer's guide to Windows 10 Insider Preview Andy & Jerry
Build /22/2019 © 2015 Microsoft Corporation. All rights reserved. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION.
WHY VIDEO SURVELLIANCE
Using tiles and notifications
Presentation transcript:

Tony 684 User Data App Services Arun 765 Thomas 762 Shell Kernel Shawn 626 App Roberth 779 Enterprise John Ignite Store Barclay 695 Andrew 617 App Model

Glance (consume) Quickly review new information and engage with apps before launching them. Go (launch) Start by it's very nature is where you go to begin a task. At it's most basic, the tile is the doorway into the app by launching it.

Custom 4 effective pixel grid Using the omni, 4px grid as our foundation, we updated the Start grid across our device ecosystem. We made tiles responsive and minimized the gutter and margins which allows for more tile area on a given screen. The units in the grid are based off of the smallest tile size. Each larger tile size is sum of the smaller units and gutters between them.

Tiles are not always the same size… Note: This use to be exclusive to mobile, but now includes desktop as well. High density example …they adapt to the screen they’re on Since the Start grid has different densities and adapts to the screen size of your device, so do our tiles and the content within them. Low density example

Adaptive Tile Templates (Windows App) The adaptive tile template is our most flexible tile we’ve ever had. This template allows you to put the content you want on the tiles, how you want it, and have it work across all of Windows phone, tablet, and PC devices. Legacy Templates If there is a template that already meets your needs perfectly, feel free to use the legacy template catalog. There are over 80 different templates available for use.

Content adapts with the tile The new adaptive tile template works similarly to universal app patterns by allowing your content to adapt depending on the devices screen density. As you design your tiles it is important to keep in mind how you want your content to adapt to the tiles size on screens of different densities. Min. Med Size Max Med. Size Content adjusts to screen density?

Min. Med Size Max Med. Size Wrap/reflow text? Content adapts with the tile The new adaptive tile template works similarly to universal app patterns by allowing your content to adapt depending on the devices screen density. As you design your tiles it is important to keep in mind how you want your content to adapt to the tiles size on screens of different densities.

Basic State The default, simplest state of your tile. This state highlights the app’s branding elements to make it clear what the app is. Live State This state allows you to provide timely, relevant content through a notification so the user can make a more informed decision about launching your app. Semi-Live State This state allows you to display a badge notification on your tile to indicate a change in your app (e.g. new, status, etc.). TileSmall TileMedium TileWide TileLarge

Basic StateSemi-Live StateLive State Plate App Logo (Square150x150Logo) Short Name Plate App Logo (Square150x150Logo) Short Name Badge Plate App Icon (Square44x44Logo) Short Name Badge Content Plate App Logo (Square150x150Logo) Short Name Plate App Logo (Square150x150Logo) Short Name Badge Plate Short Name Badge App Icon (Square44x44Logo) Content

Content notifications can display image, text, or some combination of both. This is where you can customize your tile and get the most out of your live tile. Because these assets scale, baking text into the image asset isn’t ideal. TextText Columns Background Image Background Image and Text Inline Image and Text Columns Inline Image and Text Groups Adaptive Tile Elements: Content

MechanismScenarioExpiresWinRT API Local Update a tile immediately, while the app is running or from a background task Never TileUpdateManager tileUpdater.Update() Scheduled Update a tile once, at a specific date and time. E.g., tomorrow at 4pm 3 days TileUpdateManager tileUpdater.AddToSchedule() Periodic Update a tile by polling a remote URI on an interval. E.g., every 30 minutes 3 days TileUpdateManager tileUpdater.StartPeriodicUpdate() Push Update a tile immediately, by sending a push notification from your server -or- Send a Raw notification to wake a background task that triggers a tile update 3 daysPushNotificationChannelManager

Glance (consume) See new information from your apps. Act (chase, or take actions) Toasts by nature invite you to begin or even complete a task. The toast is the doorway into the app by chasing (clicking) it. Additional custom actions enable users to perform simple tasks without context switching.

Adaptive and Interactive Toast Template (Windows App) The adaptive toast template is our most flexible toast we’ve ever had. This template allows you to put the content you want on the toast, how you want it, and have it work across all of Windows phone, tablet, and PC devices. It allows you to add interactivity to quickly reply to a message, accept an invite, like something on a social network, or snooze an alarm. Legacy Templates If there is a template that already meets your needs perfectly, feel free to use the legacy template catalog. There are 8 different templates available for use and previously Windows only template features, like inline images, are now fully working on Windows Phone.

Show more content? Content adapts with the toast The new adaptive toast template works similarly to universal app patterns by allowing your content to adapt depending on the toast’s size and state. As you design your toasts it is important to keep in mind how you want your content to adapt to the toasts size.

Want actions? Content adapts with the toast The new adaptive toast template works similarly to universal app patterns by allowing your content to adapt depending on the toast’s size and state. As you design your toasts it is important to keep in mind how you want your content to adapt to the toasts size.

More interactivity! Content adapts with the toast The new adaptive toast template works similarly to universal app patterns by allowing your content to adapt depending on the toast’s size and state. As you design your toasts it is important to keep in mind how you want your content to adapt to the toasts size.

Collapsed State When the system has limited visual affordance to display the full notification, the notifications are displayed in “Collapsed State” Notifications inside action centers on Mobile and Desktop are always in collapsed state by default for users to easily triage through them. On Windows Mobile, a toast always shows up collapsed when it pops up, so it doesn’t affect user’s current task in an intrusive way. The exceptions are made for special scenarios like alarm, reminder, and incoming call. Expanded State A collapsed notification can always be expanded by the user to unveil more contents and available actions and interactivities, no matter it is a toast notification banner, or an entry inside action center. On Windows Desktop, a toast is always pre- expanded when it pops up, since there is enough screen real estate to show the full toast.

Tap button App launches Retrieve Args Take actions Tap button Task launches Retrieve Args Take actions

Tap button Protocol activates Web/App Tap button System handles action