I started crafting innovative solutions and creative concepts for the health management and information app. I mapped out the user experience and envisioned distinct features that would differentiate this app and offer significant value to parents.
Site Map
The site map I created visually organized the app's structure, aiding in clear navigation and content organization. It served as a blueprint guiding the implementation of the app's functionality and features, ultimately allowing it to be more user-friendly and effective.
User Flows
User flows were crucial in visualizing the user's journey through the app, ensuring a seamless experience. I prioritized three key tasks and created user flows that outlined the necessary steps to complete the actions.
Low-Fidelity Wireframes
I started sketching out frames to visualize the app’s layout and functionality. The sketches allowed me to quickly iterate on design ideas and focus on the overall user experience.
Style Guide
After finalizing the layout, I created a style guide to ensure consistency in the app's visual design. Since the app is designed for parents and their children, I aimed for a playful yet professional look and feel.
High Fidelity Wireframes
Once the style was established, I designed the high-fidelity wireframes outlining how users will navigate the features and content, capturing the intricate details and visual aesthetics of the final product.
For the final phase of the design process, I conducted usability tests with 10 participants. They were asked to complete three key tasks:
01 - Find information about the common cold
02 - Tracking a child’s fever
03 - Locating contact information for their primary care doctor
Observing their interactions and listening to the participants provided valuable insights and feedback.
Priority Revisions
01 - Create visual separation
Creating more visual separation in the design improved clarity by allowing users to quickly identify and distinguish the different elements on the page, as well as creating a more organized and structured layout.
02 - Change navigation bar
I decided to use three navigation items instead of four to make the interface simpler and less overwhelming for users. I also changed the icon for contacts to improve clarity and meaning.
03 - Rearrange layout
I moved the input field to the top of the screen, as it was a common feature used by the users, and made it more visible.
04 - Make rotation feature more apparent
To reduce confusion regarding the figure's ability to be rotated, I redesigned the interface by adding arrows on both sides of the image, making the rotation feature more apparent.
05 - Take away top illustration
By eliminating the illustration, the interface becomes less visually distracting, allowing users to focus more easily on tracking symptoms.
06 - Change button for “Add Symptom”
Changing the design of the "Add Symptom" button avoids confusion, as it closely resembled the button to “Add Kid”. This change was made to improve the clarity and usability of the app, ensuring that users can interact with it more intuitively.
07 - Add additional information visible
To give users a better understanding of the information within each card, I added small text at the bottom to decrease confusion and help users quickly identify important information.
Explore the prototype here:
View on FigmaNext Steps
After making the priority revisions to the prototype based on the initial feedback from users, the next step would be to test the prototype again to validate the updates with the users and ensure it meets their needs and expectations for a platform aimed at informing and helping parents manage their children’s health. Once this process is complete and all the screens are designed for the platform, I would hand it off to developers to start building the product, and I would assist with any follow-up questions.
Final Thoughts
Designing KidCare has reinforced the importance of user-centered design and the impact it can have on the overall success of a project. By prioritizing user needs and feedback, I was able to create a more intuitive and user-friendly app. This experience has only strengthened the value of conducting thorough research, testing prototypes with real users, and iterating based on feedback.
