Health and Fitness apps
The health and fitness app idea book describes a fictional health and fitness app for Windows 8. You can gain inspiration for the design of your own health and fitness app by reviewing the scenarios in this topic and seeing how the Windows 8 Microsoft design language is utilized in the app.
Health and Fitness app scenarios
The Health and Fitness app described in this topic uses Microsoft design features to create an engaging health and fitness experience for users.
| Live Tile and Snap View | Share target | Search |
![]() | ![]() | ![]() |
Inspire users and draw them in to your app
You can also use live tiles to draw users into your app. You can use snap view to enable users to perform related tasks in the right context. Follow along with this scenario to see how you can show content in your health and fitness app that is relevant to the user.

|
Jill checks her start screen and notices a Live Tile update indicating that her protein intake is below the target that she set.
|
|
Jill clicks on the Live Tile and is directed to the app home page. Concerned about her diet, she selects the Food Tracker hub.
|
|
Jill reviews her diet progress using the Food Tracker, but need ideas on how to better balance her diet.
|
|
Jill snaps the Get Healthy app to the side so that she can find some new recipe ideas while she reviews her food tracker.
|
Summary of live tiles and snap view
In the first scenario, we see that...
- You can use live tiles to engage users to take action in the context of their everyday lives.
- A fully-featured snap view lets your users increase their engagement with your app.
For information on live tiles and snapped view, see the following:
For help choosing the best navigation pattern for your app, see Navigation patterns.
See the Flat navigation pattern in action as part of our App features, start to finish series.
Share target
You can use the Microsoft design language to connect the content of your app to other Windows Store apps.
|
Matt is organizing his health information and receives an e-mail copy of the immunization records that he requested from his doctor.
|
|
Matt selects the content of the mail that he would like to save, and swipes from the right to select the Share charm.
|
|
Matt selects the Get Healthy app from the Share charm and has the ability to share the contents of the e-mail with the Get Healthy app.
|
Summary of Share target
In the second scenario, we see that...
- You can make your app into a Share source and send content, links, or any other type of structured data.
- You can make your content into a Share target and receive content, links, or any other type of structured data.
For information on the Share contract, see the following:
Search
Users can search your app when it is relevant and actionable.
|
David is reading a health blog about Omega-3 supplements. From within any app, David can open the Search charm from the right.
|
|
Without launching a new app, David can now search any app that has enabled the Search contract. David selects the Get Healthy app.
|
|
David can now read the relevant article in a new app and quickly switch back to the previous app by swiping from the left.
|
Summary of Search
In the second scenario, we see that...
- Users can search your app when it is most relevant and actionable.
For information on the Search contract:
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
- Snapped view guidance
- Snapped view sample
- Share guidance
- Share source sample
- Share target sample
- Search sample
- Search guidance
Build date: 6/20/2013











'
