IdentityMine

| Tags: Design, Microsoft Surface

originally posted by Jamey Baumgardt: (link) - please comment at original post

hc_surfaceRecently IdentityMine was invited to participate in the announcement and release of Service Pack 1 for Microsoft Surface by developing a retail wellness experience that highlighted the new features available in SP1.  Because of a very short 3-week development cycle (necessary to meet the deadline so that our demo could be showcased at the announcement event), we had to do short, quick iterations to get the design nailed down within a week, in time to hand off assets to our integration and development team to get it built in time for the demo.

The Surface application we built serves as an interactive healthcare product browser, allowing customers to get detailed information on devices like blood glucose and heart rate monitors, try out the devices if they so choose (displaying the results from the device on the Surface unit via Bluetooth!), and then save their results to their HealthVault card with the simple swipe of a finger.  Cool stuff!

From a design standpoint there were several challenges in addition to the tight time frame.  The design needed to have a healthy, friendly, accessible feel, yet also convey the clean, almost sterile feel associated with the healthcare industry and healthcare devices.  At the same time, the experience needed to be efficient and push the boundaries of Surface technology.  And finally, we also had to take into account and include in our user interactions the new features of SP1, namely the new library and menu controls.

Below are some screens showing the design process from whiteboard brainstorming to the final product.  More information on the Healthcare Product Selector can be found on the IdentityMine website.

Early whiteboard sketch showing how heart rate results can be saved to a Healthvault card.

Early whiteboard sketch showing how heart rate results can be saved to a Healthvault card.

An early design—boy that sky sure is… blue!

An early design—boy that sky sure is… blue!

Final design shot showing the element menu feature. Note how we incorporated the z-axis in our UI by pushing cards back in space to bring focus to the menu when activated.

Final design shot showing the element menu feature. Note how we incorporated the z-axis in our UI by pushing cards back in space to bring focus to the menu when activated.

Final design shot indicating how a user easily saves device results to their account with a simple swipe of the finger.

Final design shot indicating how a user easily saves device results to their account with a simple swipe of the finger.

Remember to please comment at original post: (link)

Tweet about this on TwitterShare on FacebookShare on Google+Share on LinkedInPin on PinterestShare on RedditShare on TumblrEmail this to someoneDigg thisFlattr the authorShare on StumbleUpon

Comments are closed.