Medical apps: In-patient

Applies to Windows and Windows Phone

The hospital in-patient app idea book shows how hospitals can use Windows 8.1 apps to cater to patients during extended hospital stays. An informing and entertaining experience can reduce patient anxiety during a difficult time.

You can gain inspiration for the design of your own in-patient app by reviewing the use cases in this topic and seeing how the Microsoft design language is utilized in the app.

Sample code available: To review the code for the hospital in-patient app idea book, see Hospital In-Patient App.

Medical app scenarios

The hospital in-patient app described in this topic uses Microsoft design features to provide information and entertainment and to facilitate interactions between the patient and hospital staff.

image of the a patient x-rayimage of a patient using the in-patient app



You can use the Microsoft design language to organize data and display it to the user, and allow the user to gather details, ask questions, provide feedback, and plan activities.

Sarah, a recent college graduate, is admitted to the hospital for a variety of symptoms. She is provided with a Windows 8.1 tablet and with the hospital in-patient app. Sarah can use the app to educate herself on her course of treatment, and to ensure a comfortable experience during her hospital stay. She would first like to review her admissions record and familiarize herself with pending treatments.

image of a patient using the in-patient app

The treatment of patients during a hospital visit are managed by professional care teams. The teams are often made up of many individuals of various disciplines. Sarah uses the in-patient app to view information about her care team specialists.

image of a list of hospital staff

Sarah is anxious about her pending procedure. She is able to learn about her injury and her procedure using the in-patient app and the available images and research tools.

image of a list of available x-ray images

The surgeon arrives to review the injury and answer questions. The surgeon uses the in-patient app to review a variety of x-rays and MRIs with Sara, which help explain the scope of the injury.

image of a patient x-ray

Sarah has many questions. The surgeon believes that adding a few notes and diagrams to the x-rays would help Sarah better understand the injury and corrective next steps. The surgeon uses the annotation functions in the in-patient app to add comments to any of the patient images.

image of a patient x-ray with annotations

The surgery is a success and now Sarah begins her recovery. She is prescribed pain medication along with a few other prescriptions. She is able to request additional pain medications from her bed side, when necessary, using the in-patient app.

image of a list of prescribed and available medications


Summary of inform scenario

In this scenario, we see use cases that leverage the following design elements:

  • You can bind your data to custom layouts to create an engaging view of your content.
  • You can add pen and stylus interactions to annotate images and other objects in your app.

For information on binding to data and pen and stylus input, see the following:


You can use the Microsoft design language to create an entertaining and engaging experience in your app.

Sarah uses the various entertainment features of the in-patient app to pass the time and to stay in touch with friends and family during her visit.

image of a patient using the in-patient app

The recovery continues to progress well for Sarah. She decides to reach out to friends and family with the good news. Using the Skype app and window resizing, she is able to speak with her friends and family while referencing information from her medical chart.

image of a narrow app windows

Sarah receives good news. Her care team has decided to release her from the hospital. Sarah elects to submit feedback about her hospital stay using the in-patient app. She shares the results of the survey using Share.

image of a patient giving feedback


Summary of interact scenario

In this scenario, we see use cases that leverage the following design elements:

  • An app that works well at narrow window sizes lets your users increase their engagement with your app.
  • You can make your content into a Share source and Windows connects you to other apps, email, and social networks.
  • You can make your app into a Share target and receive content, links, or any other type of structured data.

For information on narrow layout view and the Share contract, 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.

Related topics

Meet Windows Store apps
UX guidelines for Windows Store apps
Hospital In-Patient App
Data binding overview
Data binding sample (C#/VB/C++)
Declarative data binding (JavaScript)
Programmatic data binding (JavaScript)
Responding to pen and stylus interactions
Input: Ink sample
Windows size guidance
Narrow layout guidance
Share guidance
Share source sample
Share target sample



© 2014 Microsoft