Win 8 v2 idea book sports

279 views
232 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
279
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Win 8 v2 idea book sports

  1. 1. Creating Great Sports Apps for Windows 8EXPLORE WINDOWS 8 CONCEPTS, SCENARIOS, FEATURES AND DEVICES THAT MAKE SENSE FOR YOUR BUSINESS
  2. 2. 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
  3. 3. Windows 8: Windows Reimagined
  4. 4. 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
  5. 5. 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
  6. 6. 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.
  7. 7. Windows 8 Sports ScenariosKEY IDEAS, FEATURES, AND USE CASES
  8. 8. 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.”
  9. 9. The Contoso Sports App attracts his attention with its live tile listing the sports headlines.
  10. 10. The view is laid out horizontally with all of the options on the same canvas. John can browse without navigating hierarchy.
  11. 11. He pinches to activate semantic zoom, which lets him to quickly navigate to his favorite sport.
  12. 12. 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
  13. 13. 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
  14. 14. Scenario #2: Share Locally and Across NetworksPLAY-TO LETS YOU SHARE YOUR PC EXPERIENCE TO A TV; THE SHARE CONTRACT EXTENDS YOUR CONTENT
  15. 15. John notices an interesting article and opens it toview it in a full screen immersive Article View.
  16. 16. John plays the highlight video in the article on his Play-to enabled TV.
  17. 17. 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
  18. 18. 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.
  19. 19. 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.
  20. 20. 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
  21. 21. Scenario #3: Engage Your Users Outside Your AppDRAW USERS BACK INTO YOU APP WITH TIMELY TOAST NOTIFICATIONS AND THE SEARCH CONTRACT
  22. 22. Ben Martens working on a report.He sees the Contoso Social toastfrom John Rodman saying hisplayer is injured.
  23. 23. The toast notification deep-links into the Contoso social network app,where a link to the webpage of the story has been posted.
  24. 24. Ben needs an outfielder, so he uses the system-wide search charm to search for a new player.
  25. 25. 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
  26. 26. Ben searches within the ContosoSports app and sees relevantoutfielders. He selects Ben Smith,who looks like he could be a goodreplacement.
  27. 27. 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.
  28. 28. Ben wants to keep track of his new player, so he navigates to the Score Tracker.
  29. 29. 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.
  30. 30. 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
  31. 31. Explore the PossibilitiesWINDOWS 8 IS FULL OF NEW FEATURES THAT CAN MAKE YOUR APP SHINE
  32. 32. Beyond the TabletWINDOWS 8 IS TOUCH-FIRST WITH FULL SUPPORT FOR MOUSE-AND-KEYBOARD
  33. 33. 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
  34. 34. PickerTHE PICKER SURFACES YOUR CONTENT INTO OTHER APPS, MAKING YOUR APP MORE RELEVANT1 3 42 5
  35. 35. SettingsA FAMILIAR AND CONSISTENT WAY TO MODIFY AN APP’S SETTINGS Manage account information Configure favorite categories Add your privacy policy and terms of use
  36. 36. Roam App Settings & PurchasesGIVE USERS THE EXPERIENCE THEY EXPECT ACROSS ALL THEIR WINDOWS 8 DEVISES
  37. 37. PrintFINALLY, WIRELESS PRINTING THAT “JUST WORKS” Your app can take advantage of the rich Windows 8 ecosystem of devices and peripherals.
  38. 38. LocationYOUR APP INTERACTING WITH THE REAL WORLD
  39. 39. Single Sign OnHELP YOUR USERS STAY SIGNED IN TO YOUR APP EVERYWHERE
  40. 40. Fin.THAT’S ALL FOLKS We hope you’ve found these ideas useful. To get technical guidance on how to build the features you’ve seen in this book, head to dev.windows.com and look for the “store category technical how-to guides”. Happy Building! © 2012 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.

×