Your SlideShare is downloading. ×
  • Like
Win 8 v2 idea book   education
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Win 8 v2 idea book education

  • 154 views
Published

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
154
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
5
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Creating Great Education Apps for Windows 8HOW TO CREATE GREAT EXPERIENCES FOR YOUR USERS
  • 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. Windows 8: Windows Reimagined
  • 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. 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. Metro: Content Before ChromeYOUR CONTENT IN NEW AND BEAUTIFUL WAYS Completely immerse users in your app using captivating, high quality content. Users will expect commands to be off-screen and will swipe in when they need them.
  • 7. Windows 8 Education ScenariosKEY IDEAS, FEATURES, AND USE CASES Teacher Student
  • 8. Scenario #1: Surface Relevant ContentSURFACE CONTENT WITH EASY ACCESS TO THE FILE SYSTEM AND OTHER APPS;LIVE TILES DRAW USERS IN
  • 9. The Teacher View gives an overview of the teacher’s day, organized by class. Selecting another class instantly reveals the relevant content.
  • 10. The teacher views all her current tasks in the assignment overview and selects the + sign in the app bar to add a new assignment.
  • 11. From this view she can add details about the assignment, add students and groups, grading details and associate resources.
  • 12. Using the file picker she is able to add video files to an assignment.
  • 13. How the Picker WorksTHE PICKER SURFACE CONTENT FROM THE FILE SYSTEM AND OTHER APPS THAT SUPPORT THE PICKER CONTRACT1 3 42 5
  • 14. With the assignment created the teacher publishes to the students.
  • 15. The live tile for Lucern LBS receives a pushed update and alerts the student about the new assignment.
  • 16. Scenario #1 SummarySURFACE CONTENT WITH EASY ACCESS TO THE FILE SYSTEM AND OTHER APPS; LIVE TILES DRAW USERS IN Place large amounts of content onto one canvas Easily access files and media from the file system and from other apps Live Tiles draw users back into your app with information that is relevant to them
  • 17. Scenario #2: Continually Engage with UsersBRING YOUR CONTENT FORWARD THROUGH TOAST NOTIFICATIONS; KEEP IT THERE WITH SNAP VIEW Steve is working on his PowerPoint presentation when he receives a toast notification about a new assignment.
  • 18. The assignment page lists chapters from a textbook and a web article, along with the members of his group.
  • 19. 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 Steve snaps the assignment page and opens up the textbook to the assigned reading.
  • 20. He views the assignment through snap view and clicks on the web links provided.
  • 21. The website launches and Steve navigates to a notetaking view.
  • 22. After reviewing his notes full screen, Steve swipes in the share charm and sends the notes to his group members.
  • 23. 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.
  • 24. Scenario #2 SummaryBRING YOUR CONTENT FORWARD THROUGH TOAST NOTIFICATIONS; KEEP IT THERE WITH SNAP VIEW Toast notifications deep link into your app and give the user an opportunity to reengage with your content A fully-featured snap view lets your users increase their engagement with your app
  • 25. Explore the PossibilitiesWINDOWS 8 IS FULL OF NEW FEATURES THAT CAN MAKE YOUR APP SHINE
  • 26. Beyond the TabletWINDOWS 8 IS TOUCH-FIRST WITH FULL SUPPORT FOR MOUSE-AND-KEYBOARD
  • 27. SearchDRIVE USER ENGAGEMENT BY ADDING THE SEARCH TARGET FEATURE
  • 28. How Search Works Search in the current app by default Search in another app by selecting it in search1. 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
  • 29. Semantic ZoomEASILY AND QUICKLY NAVIGATE LARGE LISTS OF CONTENTS Semantic Zoom Semantic 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 that lists of content. makes sense for a high-level view. Category View Click corner… …or Pinch
  • 30. 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 Consider displaying yourscreen real estate. Most app maintains a 4:3 aspect ratio optimize your apps layout. The app at a 9:16 aspect ratioWindows 8 devices are 16:9 height varies by resolution
  • 31. DevicesEXTEND YOUR EXPERIENCE BEYOND WINDOWS 8 AND PUSH YOUR CONTENT TO DEVICES ON YOUR LOCAL NETWORK
  • 32. PrintWIRELESS PRINTING THAT “JUST WORKS” Your app can take advantage of the rich Windows 8 ecosystem of devices and peripherals.
  • 33. SettingsA FAMILIAR AND CONSISTENT WAY TO MODIFY APP AND SYSETTINGS Manage account information Configure favorite categories Add your privacy policy and terms of use
  • 34. Roam App Settings & PurchasesGIVE USERS THE EXPERIENCE THEY EXPECT ACROSS ALL THEIR WINDOWS 8 DEVISES
  • 35. LocationYOUR APP INTERACTING WITH THE REAL WORLD Change views based on location Surface relevant local data
  • 36. Single Sign OnHELP YOUR USERS STAY SIGNED IN TO YOUR APP EVERYWHERE u
  • 37. 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.