Creating Great Sports Apps for Windows 8EXPLORE WINDOWS 8 CONCEPTS, SCENARIOS, FEATURES AND DEVICES THAT MAKE SENSE FOR YOUR BUSINESS
About this IdeabookHOW TO CREATE GREAT EXPERIENCES FOR YOUR USERS Windows 8 was designed to be a great app platform for your business This book will give you some ideas on how to take full advantage of the platform
Windows 8: Windows Reimagined
The Windows Store: The Source for Windows 8 Apps Paid downloads, trials, and in-app purchases. You Use your own commerce engine and keep 100% keep 70% of the first $25k, 80% of the rest or use the Windows Store’s full commerce platformAdvertise with Microsoft Advertising or your preferred Robust analytics for free, including demographics,ad vendor. Use app or web advertising networks reviews, referrals, and usage & performance statistics
Metro: Microsoft’s Design LanguageTHE METRO DESIGN LANGUAGE SPANS ALL MICROSOFT CONSUMER EXPERIENCES Show pride in craftsmanship / Do more with less / Be fast and fluid / Be authentically digital / Win as one
Content Before ChromeTHE FOUNDATIONAL PRINCIPLE OF METRO IS THAT YOUR CONTENT BE FRONT-AND-CENTER Completely immerse users in your app using captivating high quality content. Users will expect commands to be off screen only swiping in when they need them.
Windows 8 Sports ScenariosKEY IDEAS, FEATURES, AND USE CASES
Scenario #1: Engage UsersLIVE TILES DRAW USERS IN; METRO MAKES CASUAL BROWSINGFUN, EASY, AND POWERFUL While watching the news on TV, John Rodman is using his Windows 8 tablet as a “second screen.”
The Contoso Sports App attracts his attention with its live tile listing the sports headlines.
The view is laid out horizontally with all of the options on the same canvas. John can browse without navigating hierarchy.
He pinches to activate semantic zoom, which lets him to quickly navigate to his favorite sport.
How Semantic Zoom Works Semantic ZoomSemantic view is a way to easily view and Semantic zoom is not an optical zoom;navigate multiple categories and large present your content in a new way thatlists of content. makes sense for a high-level view. Category ViewClick corner… …or Pinch
Scenario #1 SummaryLIVE TILES DRAW USERS IN; METRO MAKES CASUAL BROWSING FUN, EASY, AND POWERFUL Live Tiles draw users back into your app with information that is relevant to them Your content shines without chrome and multiple hierarchies
Scenario #2: Share Locally and Across NetworksPLAY-TO LETS YOU SHARE YOUR PC EXPERIENCE TO A TV; THE SHARE CONTRACT EXTENDS YOUR CONTENT
John notices an interesting article and opens it toview it in a full screen immersive Article View.
John plays the highlight video in the article on his Play-to enabled TV.
How Play-to Works1. 2. 3.Swipe in to see the charm Select the device you’d Watch your content on your Play-To enabledbar and select “Devices” like to Play-To TV or other Play-To enabled device
John knows that the injured player is on his friend Ben Martens’ Fantasy Team. He swipes in to open the Share charm where he usesthe Contoso Social app to alert his friend.
How Share Works 1. 2. 3. 4. Invoke share using the system Select a “Share Target” from the The target app will bring up a After you have shared the content, wide charm contract to choose which app you Share Sheet to edit and confirm the Share Sheet disappears and want to share your selected the content you are sharing. you remain in the original app.
Scenario #2 SummaryPLAY-TO LETS YOU SHARE YOUR PC EXPERIENCE TO A TV; THE SHARE CONTRACT EXTENDS YOUR CONTENT Extend your app’s content to any Play-to enabled device Make your content into a share source and Windows 8 connects you other apps, email, and social networks Make your app into a share target and receive content, links, or any other type of structured data
Scenario #3: Engage Your Users Outside Your AppDRAW USERS BACK INTO YOU APP WITH TIMELY TOAST NOTIFICATIONS AND THE SEARCH CONTRACT
Ben Martens working on a report.He sees the Contoso Social toastfrom John Rodman saying hisplayer is injured.
The toast notification deep-links into the Contoso social network app,where a link to the webpage of the story has been posted.
Ben needs an outfielder, so he uses the system-wide search charm to search for a new player.
How Search Works Search in the current app Search in another app1. 2.Invoke search using the The current app is selected by default.system wide charm bar Populate the suggestion box with: - previous searches - search recommendations - predictive results
Ben searches within the ContosoSports app and sees relevantoutfielders. He selects Ben Smith,who looks like he could be a goodreplacement.
VAfter selecting the Ben Smith, Ben brings in the app bar to add him to his fantasy team. The app bar is usefulfor navigation (top) and commands (bottom), letting your content shine.
Ben wants to keep track of his new player, so he navigates to the Score Tracker.
How Snap View Works SUPPORTING STATEMENTPull It Snap It Fill ItGrab the app from the top of your Drop the app in the are on the right or left With your app now snapped, launch anotherscreen, then drag it to the left or right side to view the app in Snap View app in fill view Ben snaps the Stat Tracker so he can keep an eye on the game.
Scenario #3 SummaryDRAW USERS BACK INTO YOU APP WITH TIMELY TOAST NOTIFICATIONS AND THE SEARCH CONTRACT Toast notifications deep link into your app and give the user an opportunity to reengage with your content Search places your app in the potential target list when your user needs information A fully-featured snap view keeps users engaged
Explore the PossibilitiesWINDOWS 8 IS FULL OF NEW FEATURES THAT CAN MAKE YOUR APP SHINE
Beyond the TabletWINDOWS 8 IS TOUCH-FIRST WITH FULL SUPPORT FOR MOUSE-AND-KEYBOARD
All ViewsSHOW FULL, SNAP, FILL, AND PORTRAIT VIEWS OF EACH PAGEFull View Fill View Snap View PortraitYour app covers all available With another app snapped, your You have a 320px wide canvas to Displaying your app atscreen real estate. app maintains a 4:3 aspect ratio optimize your apps layout 9:16 aspect ratio
PickerTHE PICKER SURFACES YOUR CONTENT INTO OTHER APPS, MAKING YOUR APP MORE RELEVANT1 3 42 5
Roam App Settings & PurchasesGIVE USERS THE EXPERIENCE THEY EXPECT ACROSS ALL THEIR WINDOWS 8 DEVISES
PrintFINALLY, WIRELESS PRINTING THAT “JUST WORKS” Your app can take advantage of the rich Windows 8 ecosystem of devices and peripherals.
LocationYOUR APP INTERACTING WITH THE REAL WORLD
Single Sign OnHELP YOUR USERS STAY SIGNED IN TO YOUR APP EVERYWHERE