2024
UXUI
Prototyping
MantelzorgNL
UX Research
Concept development
High-Fidelity Prototyping
UI Design
Branding
Today Tomorrow
(work with creative director, project manager and developer)
You can visit our site to discover the magic of our tool, or if you're curious about the design process, just scroll down. Instead of hidden treasure, you'll find all the juicy details!
Recognizing the challenges of informal caregiving, MantelzorgNL saw the need for an accessible online time management tool. Originally in questionnaire form, they aim to broaden its reach, particularly for consultations. This tool empowers caregivers to manage their time, establish boundaries, and prioritize self-care.
It aligns with MantelzorgNL's vision of a supportive society for caregivers and their goals of promoting choice in caregiving and ensuring universal support. By offering a structured approach to organizing tasks, the tool aids caregivers in maintaining well-being while fulfilling their caregiving roles.
Understand various scenarios of caregiver overwhelm
Excessive responsibility, lack of support, time constraints, challenging behavior from the care recipient, mismatched tasks, high expectations
Explore why setting boundaries can be challenging (personal traits, sense of duty, reluctance to seek help, familial patterns, fear of conflict, guilt).
Promote reciprocity and appreciation within the caregiver relationship.
Assess your awareness of personal boundaries.
Address discomfort associated with boundary-setting (guilt, fear of judgment).
Develop strategies to manage difficult emotions, minimize discomfort, and prioritize self-care.
Prepare for conversations about boundaries with family, professionals, or others involved in caregiving.
A diverse array of individuals grapple with the intricate task of balancing caregiving duties alongside other life commitments. Caregivers encompass a broad spectrum, ranging from family members to friends and neighbors, extending care to elderly individuals or those grappling with disabilities or chronic ailments.
Research findings underscore the pervasive challenges encountered by caregivers, marked by stress, burnout, and a pervasive sense of overwhelm attributed to the demanding nature of their responsibilities. Many struggle with effective time management, boundary setting, and prioritizing self-care amidst the juggling act of multiple obligations. Moreover, caregivers often encounter hurdles in accessing sufficient support and resources to aid them in their caregiving endeavors.
It's worth noting that MantelzorgNL's primary demographic typically comprises individuals in middle age, rather than younger caregivers.
We gather some of the most common types of informal caregivers from the what MantelzorgNL usually encounters.
I visualize all steps by gathering user archetypes on time and task reflection while using the tool.
Due to the tight project timeline, we brainstormed several ideas. We need to select a method that allows for quick yet durable design development. Below are the initial concepts we considered, along with the reasons for their rejection:
Rejected since it is time-consuming to develop
Easy to develop but lacks design uniqueness
Rejected due to an existing physical version from MantelzorgNL
Rejected due to complex logic and potential bias
We developed a new concept, a slider tool for users to input the time spent on specific tasks. This tool provides instant feedback with a time bar and allows users to review their weekly time allocation.
We aim to create branding that brings more joy to users when interacting with the tool. We developed three different styles to choose from.
Vibrant and playful
Secure and conventional
Elegant and understated with refined design elements
We chose a minimalistic approach by gathering some good aspects of each proposed styles to align with the preferences of our target users and clients, who favor a neutral and clean design.
During the design process, we need to be mindful of several aspects.
Ensuring the tool is accessible for elderly users by designing it in Dutch and using suitable font sizes and color palettes that enhance readability without overwhelming the user.
Creating an interactive and engaging experience by streamlining information to avoid overload and incorporating features that provide instant feedback on user behavior and lifestyle choices.
Addressing practical constraints such as tight development schedules and data storage limitations by planning efficiently and finding alternative approaches for data handling.
Adapting features to fit the nature of Mantelzorg tasks, which often span over weeks, and ensuring the design remains simple for developers to implement while providing meaningful and actionable results for users.
Striking a balance between simplicity and complexity, ensuring the tool is easy to use without sacrificing the depth of reflection and maintaining consistency in its message and outcomes.
Significant time was spent in quality assessment, leading to the discovery of numerous design bugs. While this process is essential for understanding project limitations, it consumed considerable resources.
Copywriting is being revised by clients while being designed, so handling the text length and clashing with other components requires extensive troubleshooting and communication with developers.
A design flaw emerged concerning the tool's logic, wherein the calculated time exceeded the standard 168 hours per week. This raised concerns about user panic and negative perceptions. Client feedback prompted a pivot towards displaying time proportions rather than exact hours.
Realization of the need to comply with accessibility standards, particularly color contrast requirements, to achieve at least level AA. This necessitated adjustments to color choices to ensure adequate contrast for users with visual impairments.
The tool's visual presentation faced responsiveness issues across different screens, requiring rectification to ensure consistent display and usability on all devices.
We refine the copy based on client-side user feedback, ensuring that the text matches the tool's context. We add remarks to clarify questions, as our primary aim is to help users accurately reflect their time.
Users can preview the categories of questions they need to answer before starting the questionnaire.
For each question regarding the time spent on specific tasks, users can use a slider to indicate the time spent on that task each week or day. If no time was spent on a task, users can simply skip the question.
Users can click to view additional information for each question. The time indicated in each category will appear in the right bar once all questions in that category are completed.
On the results page, users can see the percentage of time spent on all categories. They can also click to reflect on their time allocation and learn more about how to manage their time better.
Despite this project being compact, it required meticulous attention to numerous details, demonstrating that even small projects can demand strategic brilliance.
Transitioning from a UI in Figma to a live website presented numerous minor bugs, particularly with a text-based tool, indicating a need for more design flexibility in the design phase.
The project was initially set to be completed within two months, but client needs for tool functionality reevaluation and the request for more user reviews led to a redesign and a pause in development. This extension to a four-month timeline provided developers with extra adjustment time. It underscored the importance of managing timelines as they impact design complexity, and that pausing for thorough research can ultimately be beneficial.