The education app idea book describes a fictional education app for Windows 8. You can gain inspiration for the design of your own education app by reviewing the scenarios in this topic and seeing how the Windows 8 Microsoft design language is utilized in the app.
Education app scenarios
The education app described in this topic uses Microsoft design features to create an engaging education experience for teachers and students.
| Teacher | Student |
![]() | ![]() |
Draw users into the content of your app
You can use the Microsoft design language to easily access media from the file system. You can also use live tiles to draw users into your app. Follow along with this scenario to see how you can show content in your education app that is relevant to the user.

|
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 of her current tasks in the assignment overview and selects the Add button from the app bar to add a new assignment.
|
|
From the pannable assignment view she can add details about the assignment, add students and groups, include grading information, and associate resources for the assignment.
|
|
The teacher uses the file picker to add video files to an assignment.
|
|
After she has finished creating the assignment, the teacher publishes the assignment to the students.
|
|
The live tile for the Lucern LBS app receives a pushed update and alerts the student about the new assignment.
|
Summary of app content
In the first scenario, we see that...
- You can place large amounts of content onto one panoramic canvas.
- You can easily access files and media from the file system.
- You can use live tiles to draw users back into your app with information that is relevant to them.
For information on live tiles, panning, and the AppBar, see the following:
- Live tile guidance
- Live tile sample
- Panning guidance
- Panning sample (HTML)
- Panning sample (XAML)
- AppBar guidance
- AppBar sample (HTML)
- AppBar sample (XAML)
Continually engage with users
You can use the Microsoft design language to engage users using toast notifications and by keeping your app available in snapped view. You can easily share information from your app with other apps.
|
Steve is working on his Microsoft PowerPoint presentation when he receives a toast notification about a new assignment.
|
|
Steve selects the toast and the Lucerne LBS app launches and navigates to the assignment page for Steve's assignment. The assignment page lists chapters from a textbook and a web article, along with the members of his group.
|
|
Steve views the assignment using snap view and clicks on the web links provided.
|
|
Steve views the web site while taking notes in the Lucerne LBS app in snap view.
|
|
After reviewing his notes in full screen view, Steve swipes in the Share charm and sends the notes to his group members.
|
Summary of driving user engagement
In the second scenario, we see that...
- Toast notifications deep link into your app and give the user an opportunity to re-engage with your content.
- A fully-featured snap view lets your users increase their engagement with your app.
- You can make your app into a Share source and send content, links, or any other type of structured data.
For information on toast notifications, snapped view, and Share, see the following:
- Guidelines and checklist for toast notifications
- Toast sample
- Snapped view guidance
- Snapped view sample
- Share guidance
- Share source sample
- Share target sample
Explore the possibilities
Windows 8 is full of new features that can make your app shine. For more information, see the Windows 8 Product Guide for Developers.
Related topics
- Making great Windows Store apps
- User experience (UX) design patterns for Windows Store apps
- UX guidelines for Windows Store apps
- Samples and Guidance
- Live tile guidance
- Live tile sample
- Panning guidance
- Panning sample (HTML)
- Panning sample (XAML)
- AppBar guidance
- AppBar sample (HTML)
- AppBar sample (XAML)
- Guidelines and checklist for toast notifications
- Toast sample
- Snapped view guidance
- Snapped view sample
- Share guidance
- Share source sample
- Share target sample
Build date: 3/12/2013












