Children's Hospital App
An app tailored for the Hospital Nacional de Niños (Children's Hospital) in Costa Rica to help parents with their children procedures.
Overview
The task at hand involved creating an app tailored for the Hospital Nacional de Niños of Costa Rica, designed to assist parents in accessing vital information prior to appointments, emergencies, and other scenarios.
Goal
The overarching goal is to streamline and enhance the experience for parents, ensuring a seamless and informative process.
The app addresses the challenges that parents might have by offering essential features such as insurance details, departmental contact numbers, and a FAQ section.
Moreover, it incorporates a chatbot capable of addressing predefined questions and provides step-by-step guidance for various procedures including hospitalization, blood donation, and handling emergencies.
Role
UX Designer
Tools
Figma,Optimal Workshop
Research Phase
We began by researching how public hospitals in Costa Rica operate, focusing on the needs of patients and their families. One of the most challenging and emotionally taxing experiences identified was when parents had to bring their children to the hospital. In addition to the emotional strain, the admissions and insurance processes were often unclear. To address these issues, we conducted further research, gathering detailed information and conducting preliminary interviews to kick off the project.
Creating Personas
Following our research, we identified various personas who would benefit from an app like this and focused on addressing their specific needs. We then determined our primary user persona and developed an initial version of the app's architecture.
Card Sorting
To ensure the site’s information architecture aligned with user expectations, we conducted 10 remote card-sorting sessions using Optimal Workshop. Participants, aged 29-48, matched our defined personas. The goal was to evaluate the current structure and identify any gaps.
The results revealed issues with section naming and placement, particularly for two sections that users struggled to categorize. However, the remaining sections were well-organized and met user expectations
​
​
Modified Architecture
Wireframes and Usability Testing
We used Figma to transform the initial sketches into low-fidelity wireframes, which were detailed enough for early user testing. We conducted 15 tests with participants matching our personas. The tests revealed that users struggled to locate the insurance section within the existing architecture. Based on this feedback, we repositioned the section to align with user expectations and improved its naming for better clarity.
UI Design
After resolving the usability issues, we moved on to enhancing the wireframes with a dynamic, child-friendly theme. We incorporated vivid colors, engaging interactions, and designed a playful character for the chatbot. The typography was chosen for its rounded, easy-to-read style. These design choices aimed to create a more uplifting and approachable experience, helping to ease the emotional strain of the situations in which the app might be used."
