UI/UX Design

An App for Families with Hospitalized Children

The content of this project is hidden because it is a private project. Please contact me for the password.

The CONTEXT

When a child is admitted to the hospital, parents usually accompany their child and participate in the care. Therefore, it is not only vital to acknowledge the needs of the child during care but the needs of the parents too. Parents commonly report that their primary needs are rarely met for trust, information, support, and guidance. To address this complex issue, my team and I created an app solution that provided parents with reassurance and information through proper education and communication.

The Objective

The objective of this project was to create an app solution to better accommodate families with children staying in extended pediatric hospital care, using a user-centered design problem-solving process.

The Approach



01Research

Understanding our user’s story?

User Interviews are a way to listen to our users. It provides awareness to biased information, correct information, and more importantly, incorrect misconceptions. Our team discovered:

Where do our users need us to step in?

Understanding the primary pain points, I took all of the findings and created a user journey map with emotional states and annotated thoughts.

02Define

Solving the problem that provides the maximum value!

Our users felt communication with hospital staff was clearly the most distressing factor besides the state of their child. Also, when parents or caregivers have children in extended hospital stays, the hospital staff often communicates conflicting or confusing information. What we realized was:

Cultivating Empathy for our Users

The process of making the empathy map was quite emotionally affective as our team adopted the state of mind that one would have in such a troubling situation. At anytime we needed to remind ourselves of who we are designing for, we returned to the empathy map as a resource.

Giving a Face to our Users

To better understand the behaviors and motivations of our users, personas were created a reliable and informative representation of our users. Being able to recall this information from our users can prove to be useful in the design phase.


Defining the Product

Now that our team understands who we are designing for and the specific problem we are going to solve, we can develop a map to determine the MVP and ultimately shape the features that would provide the most value to our users.

Overall, the primary functions will be:

Defining the site’s navigational structure

The sitemap was created to show the hierarchical structure of the app. It was used to ensure content is in places users would expect to find it.

03Design

Gathering Design Ideas through Sketches

Sketches are a great method to create as many alternatives of the layout as quickly as we could.

Refining Design Ideas through Wireframes

Through this constant ideations, I moved the strongest ideas from sketches to wireframes using Sketch


04Evaluate

Does the current design need any improvements?

Usability Evaluations were conducted after the design process. The results from the evaluation indicated that users found the overall app effective, efficient, and satisfactory. However, users revealed a few problems in current readability in font sizes and a small area of the site's navigation.

05Iterate

Iterations into the polished design

After the usability evaluation, I iterated design changes into the next prototype. The high fidelity screens established a realistic experience to encourage useful stakeholder feedback.