Health and Fitness apps

Applies to Windows and Windows Phone

The health and fitness app idea book describes a fictional health and fitness app for Windows 8.1. 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 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 TileShare targetSearch
User tapping health and fitness app live tile on the Start screenUser sharing data through emailUser on the bus searching an app

 

Inspire users and draw them in to your app

You can also use live tiles to draw users into your app. You can use resized windows 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.

large image of user using live tiles

Jill checks her start screen and notices a live tile update indicating that her protein intake is below the target that she set.

image of the start screen with a live tile

Jill clicks on the live tile and is directed to the app home page. Concerned about her diet, she selects the Food Tracker hub.

image of a user starting an app

Jill reviews her diet progress using the Food Tracker, but need ideas on how to better balance her diet.

image of an app where a user can track their diet

Jill resizes the Get Healthy app to the side so that she can find some new recipe ideas while she reviews her food tracker.

image of resized view

 

Summary of live tiles and narrow windows

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.
  • An app that works well at narrow widths lets your users increase their engagement with your app.

For information on live tiles and narrow windows, 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.

image of a user using e-mail

Matt selects the content of the mail that he would like to save, and swipes from the right to select the Share charm.

image of e-mail

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.

image of the share charm

 

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.

image of a user browsing articles'

Without launching a new app, David can now search any app that has enabled the Search contract. David selects the Get Healthy app.

image of search results

David can now read the relevant article in a new app and quickly switch back to the previous app by swiping from the left.

image of a user reading an article

 

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:

Related topics

Meet Windows Store apps
UX guidelines for Windows Store apps
Live tile guidance
Live tile sample
Windows size guidance
Narrow layout guidance
Share guidance
Share source sample
Share target sample
Search sample
Search guidance

 

 

Show:
© 2014 Microsoft. All rights reserved.