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”

Print

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!