win 8 v2 idea book education
TRANSCRIPT
HOW TO CREATE GREAT EXPERIENCES FOR YOUR USERS
Creating Great Education Apps for Windows 8
HOW TO CREATE GREAT EXPERIENCES FOR YOUR USERS
About this Ideabook
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 keep 70% of the first $25k, 80% of the rest
Robust analytics for free, including demographics, reviews, referrals, and usage & performance statistics
Use your own commerce engine and keep 100% or use the Windows Store’s full commerce platform
Advertise with Microsoft Advertising or your preferred
ad vendor. Use app or web advertising networks
THE METRO DESIGN LANGUAGE SPANS ALL MICROSOFT CONSUMER EXPERIENCES
Metro: Microsoft’s Design Language
Show pride in craftsmanship / Do more with less / Be fast and fluid / Be authentically digital / Win as one
YOUR CONTENT IN NEW AND BEAUTIFUL WAYS
Metro: Content Before Chrome
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.
Windows 8 Education Scenarios KEY IDEAS, FEATURES, AND USE CASES
Teacher Student
Scenario #1: Surface Relevant Content SURFACE CONTENT WITH EASY ACCESS TO THE FILE SYSTEM AND OTHER APPS; LIVE TILES DRAW USERS IN
The Teacher View gives an overview of the teacher’s day, organized by class. Selecting another class instantly reveals the relevant content.
The teacher views all her current tasks in the assignment overview and selects the + sign in the app bar to add a new assignment.
From this view she can add details about the assignment, add students and groups, grading details and associate resources.
Using the file picker she is able to add video files to an assignment.
THE PICKER SURFACE CONTENT FROM THE FILE SYSTEM AND OTHER APPS THAT SUPPORT THE PICKER CONTRACT
How the Picker Works
1 3
2
4
5
With the assignment created the teacher publishes to the students.
The live tile for Lucern LBS receives a pushed update and alerts the student about the new assignment.
SURFACE CONTENT WITH EASY ACCESS TO THE FILE SYSTEM AND OTHER APPS; LIVE TILES DRAW USERS IN
Scenario #1 Summary
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
Scenario #2: Continually Engage with Users
Steve is working on his PowerPoint presentation when he receives a toast notification about a new assignment.
BRING YOUR CONTENT FORWARD THROUGH TOAST NOTIFICATIONS; KEEP IT THERE WITH SNAP VIEW
The assignment page lists chapters from a textbook and a web article, along with the members of his group.
How Snap View Works SUPPORTING STATEMENT
Pull It Grab the app from the top of your
screen, then drag it to the left or right
Fill It With your app now snapped, launch another
app in fill view
Snap It Drop the app in the are on the right or left
side to view the app in Snap View
Steve snaps the assignment page and opens up the textbook to the assigned reading.
He views the assignment through snap view and clicks on the web links provided.
The website launches and Steve navigates to a notetaking view.
After reviewing his notes full screen, Steve swipes in the share charm and sends the notes to his group members.
How Share Works How Share Works
1. Invoke share using the system
wide charm
3. The target app will bring up a
Share Sheet to edit and confirm
the content you are sharing.
2. Select a “Share Target” from the
contract to choose which app you
want to share your selected
4. After you have shared the content,
the Share Sheet disappears and
you remain in the original app.
BRING YOUR CONTENT FORWARD THROUGH TOAST NOTIFICATIONS; KEEP IT THERE WITH SNAP VIEW
Scenario #2 Summary
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
WINDOWS 8 IS FULL OF NEW FEATURES THAT CAN MAKE YOUR APP SHINE
Explore the Possibilities
Beyond the Tablet WINDOWS 8 IS TOUCH-FIRST WITH FULL SUPPORT FOR MOUSE-AND-KEYBOARD
DRIVE USER ENGAGEMENT BY ADDING THE SEARCH TARGET FEATURE
Search
How Search Works
1. Invoke search using the
system wide charm bar
2. The current app is selected by default.
Populate the suggestion box with:
- previous searches
- search recommendations
- predictive results
Search in the current app by default
Search in another app by selecting it in search
Semantic Zoom
Category View
Semantic Zoom
Click corner… …or Pinch
Semantic view is a way to easily view and
navigate multiple categories and large
lists of content.
Semantic zoom is not an optical zoom;
present your content in a new way that
makes sense for a high-level view.
EASILY AND QUICKLY NAVIGATE LARGE LISTS OF CONTENTS
SHOW FULL, SNAP, FILL, AND PORTRAIT VIEWS OF EACH PAGE
All Views
Full View Your app covers all available
screen real estate. Most
Windows 8 devices are 16:9
Snap View You have a 320px wide canvas to
optimize your apps layout. The
height varies by resolution
Fill View With another app snapped, your
app maintains a 4:3 aspect ratio
Portrait Consider displaying your
app at a 9:16 aspect ratio
EXTEND YOUR EXPERIENCE BEYOND WINDOWS 8 AND PUSH YOUR CONTENT TO DEVICES ON YOUR LOCAL NETWORK
Devices
WIRELESS PRINTING THAT “JUST WORKS”
Your app can take advantage of
the rich Windows 8 ecosystem
of devices and peripherals.
A FAMILIAR AND CONSISTENT WAY TO MODIFY APP AND SYSETTINGS
Settings
Manage account information
Configure favorite categories
Add your privacy policy and
terms of use
GIVE USERS THE EXPERIENCE THEY EXPECT ACROSS ALL THEIR WINDOWS 8 DEVISES
Roam App Settings & Purchases
YOUR APP INTERACTING WITH THE REAL WORLD
Location
Change views based on location
Surface relevant local data
u
HELP YOUR USERS STAY SIGNED IN TO YOUR APP EVERYWHERE
Single Sign On
THAT’S ALL FOLKS
Fin.
© 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.
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!