Your Health in Your Hands

Grad Studio II / CMU / Spring 2012

lifeScroll leverages the one constant in each person’s health experience – their personal health journey, and empowers people by putting their health information in their hands. With the advent of electronic medical records driving its design, lifeScroll visualizes an indivdual's health record as a customizable timeline that can be annotated, enriched, and shared with trusted family and doctors.


Territory Map & Stakeholder Analysis
Exploratory Interviews & Research
Generative Research & Synthesis
Storyboarding & Concept Development
Wireframes & UI Design


Jen Briselli (CPID), Shree Lakshmi Rao (IxD), Brian Yee (HCI)


Peter Scupelli, Bruce Hanington, Eric Spaulding

Brainstorming & Synthesis

The semester-long project began with the prompt "Information in My World", a theme developed by Microsoft and Motorola, our project sponsors. Brainstorming produced a series of topics ranging from government to finances, but ultimately, our group settled on the topic of health information. Through a territory map, we explored the possibilities of what information in this world could look like, and set out to conduct user research to explore the space further.
lifescroll brainstorming

Exploratory Interviews & Research

We were particularly interested in looking at young adults in transition, as they were often becoming medically independent for the very first time and typically overloaded with information. So, we set out to interview and research the space, identifying all the key stakeholders and synthesizing the needs and painpoints of our target users.

Ultimately, we discovered that our users all felt the need for a simple process with clear and simple information, reassurance and confidence in their ability to cope, and empowerment.

Generative Research & Synthesis

The generative research phase sought to explore the more abstract emotions and desires that our target users held for managing their health care. We conducted a series of design workshops that featured collage exercies, card sorting exercises, and flexible modeling tools to facilitate expression and imagination among the participants.

These workshops not only helped draw out key personas and scenarios for our design solution, but they also revealed three main requirements for our concept: connect people with each other, to their doctors, and to the information they need, all in one place.

Storyboarding & Concept Development

Our research process revealed that of all the variables in one's healthcare, the one constant in an individual's health experience is their health journey. We developed a few storyboards to reveal how a solution connecting individuals to their health information--their health records, medical providers, insurance information, and close community of family and friends could play out in day-to-day scenarios.

Wireframes & UI Design

Taking user feedback into account, we pulled together the concepts to create a more refined wireframes where an individual's health journey is visualized through a timeline that each user can annotate, enrich, and share. We tested wireframes with users and conducted think aloud exercises to draw out the challenges and difficulties they had navigating the interface.
lifescroll user testing

lifescroll wireframes

Final Concept & Deliverables

After a few iterations, we finalized our concept and added a cohesive design language to pull all the elements of the system together. While we're still relying on a future where electronic medical records (EMRs) are fully supported, we envision a system that can help keep all these parts together in one place, empowering users to take their health into their own hands.
lifescroll dr screen

Concept Demo