CCWIP

California Child Welfare Indicators Project Disparity Indices Redesign

The California Child Welfare Indicators Project (CCWIP) is an innovative initiative designed to provide comprehensive access to critical child welfare data in California. Aimed at a diverse audience that includes policymakers, researchers, social welfare professionals, and the general public, CCWIP focuses on presenting key child welfare indices, such as Disparity Indices and Poverty Disparity Indices, in an accessible and user-friendly manner.

Link to Collection
Product Overview
The California Child Welfare Indicators Project (CCWIP) offers a dynamic online platform designed to demystify complex child welfare data for a diverse audience. It serves as an essential resource for understanding and analyzing key metrics in child welfare, including Disparity Indices and Poverty Disparity Indices.
Problem Statement

The primary challenge addressed by CCWIP is the difficulty in accessing and understanding complex child welfare data, particularly for those outside the field of child welfare research. Users often struggle with the technical language and the intricate nature of data presentation, which can be overwhelming and lead to misinterpretation. This barrier hinders effective research, policy-making, and public understanding of critical issues surrounding child welfare.

Goals

To redesign the presentation of Disparity Indices, including Poverty Disparity Indices, making them more accessible and understandable to a general audience, free from overwhelming technical jargon.

To provide an intuitive, user-friendly platform that facilitates effortless navigation and data interpretation. This includes the integration of interactive tools, clear visualizations, and straightforward language.

To adopt a human-centric approach in the platform's design, incorporating storytelling and empathetic elements that connect users emotionally with the data and the broader context of child welfare.

The Team
Chris Perani
Nyah Mattison
Rishi Nagaraju
Winny Wang
Design Process
The design process for the California Child Welfare Indicators Project (CCWIP) is a meticulous and user-centered approach, focusing on transforming complex child welfare data into an accessible and engaging format. This process begins with a deep understanding of the end-users' needs, primarily involving extensive research to identify the challenges faced by various stakeholders, including policymakers, social workers, students, and the general public. This involves creating interactive prototypes that are tested and retested, ensuring that the layout, navigation, and data presentation are intuitive and user-friendly. Particular emphasis is placed on simplifying complex data visualization, ensuring that users can effortlessly comprehend and compare Disparity Indices and Poverty Disparity Indices across different ethnic groups.
Target Audience

The target audience for the California Child Welfare Indicators Project (CCWIP) encompasses a broad spectrum of users, including journalists, students, and researchers, who may lack extensive expertise in technical data analysis related to child welfare. This diverse group requires a platform that simplifies complex statistical information, making it more accessible and understandable.

User Research
In conducting user research for the California Child Welfare Indicators Project (CCWIP), the primary goal was to gain a comprehensive understanding of how different user groups understood and used the data, The research aimed to identify how these diverse users navigate the platform, what challenges they face in data interpretation, and how the platform can be improved to enhance engagement, understanding, and usability, thereby facilitating more effective research, policy-making, and practice in the field of child welfare.
David
David, age 28, is a Social Science Researcher who likes to ride his mountain bike.
Ana
Ana, in her mid-40s, is a Social Work Supervisor and finds relaxation in reading.
Laura
Laura, aged 25, is a Public Policy Analyst with a passion for long-distance running.
Key Insights

User Experience and Interface Design: Users find the platform overwhelming and un-intuitive, particularly due to the presentation of raw data, lengthy paragraphs, and technical terminology. The confusion around interacting with the page, such as unclear buttons and hidden Report Options, further exacerbates the challenge for users, especially those not familiar with the topic or data.

Data Accessibility and Comprehension: Users are confused by elements like missing chart titles and unclear indications of what is represented in graphs and tables. The difficulty in changing dates, finding filter options, and understanding the purpose of hovering effects points to a need for a more intuitive way of interacting with the data. Locating specific data points and understanding the content of exported graphs or data also pose significant challenges.

Information Overload and Layout Issues: The platform currently suffers from an overload of text and options, which overwhelms users. The lack of a clear hierarchy in the text presentation makes it difficult to navigate and extract relevant information. The confusion over the functionality of buttons, such as the download button disguised as a burger menu, adds to the user's frustration

How might we

How might we redesign the CCWIP page to best explain disparity indices to a general audience unfamiliar with data terminology?

Constraints

We needed to work within resources and tools CCWIP already utilizes, and preserve the ability to look at the data from multiple time periods and at both the state and county level. Accessibility; We needed to make sure our design would work for accessibility tools such as screen readers and fell within W3C standards.

Empathy Map
User Persona
User Journey Map
Pain Points

Overwhelming

Raw data, long paragraphs and technical terminology make it overwhelming for users to understand the story behind the data.

Un-intuitive

It is unclear how to interact with the page: some buttons are confusing and the Report Options are hidden at the bottom of the page

Un-engaging

For users who aren’t familiar with the topic or the data, it is a challenging and un-engaging experience to find the right information they need.
Information Architecture/ User Flow

Sketches/Low-fidelity Wireframes

Our sketches for the redesigned California Child Welfare Indicators Project (CCWIP) platform serve as a foundational blueprint, capturing the essence of our envisioned improvements. They illustrate a user-centric layout with streamlined navigation and clearer data presentation, emphasizing accessibility and intuitive design. Th

Side by side comparison

Orginal Disparity Indices

The old screen of the CCWIP platform was characterized by a high degree of complexity and information density. Users were presented with a vast array of raw data and extensive text, often leading to an overwhelming experience. Navigation posed a significant challenge due to the lack of intuitive design elements. Critical features such as filters and report options were not prominently displayed, often hidden behind pop-up menus or represented by unclear icons.

The data visualization, including charts and tables, lacked clear labeling and titles, adding to the confusion. The interface, with its dense layout and technical jargon, made it difficult for users, especially those unfamiliar with child welfare data, to efficiently locate, interpret, and extract valuable information. Furthermore, the download functions were not user-friendly, often leaving users uncertain about what data they were exporting.

Updated Disparity Indices

In contrast, the new screen of the CCWIP platform represents a significant improvement in terms of usability and user experience. The redesign focuses on clarity and accessibility, with a much cleaner layout that highlights key data and information and data visualizations. The overhauled interface now features the  prominently displayed filters and report options, easily accessible without the need to navigate through complex menus.

The data visualizations have been simplified and are accompanied by explanatory texts and tooltips, making it easier for users to understand and interpret the data. The download functions have been revamped for clarity, with well-labeled buttons and straightforward options, enhancing the overall functionality and user trust. This new screen caters to a broader range of users, from experts to novices, facilitating a more engaging and productive experience in exploring child welfare data.

High Fidelity Screens

Disparity Indices by Ethnicity

Simplified User Interface: The overall interface was streamlined to reduce clutter and focus on key functionalities, making it more intuitive for users to navigate.

Clear Data Visualization: We implemented clearer and more concise data visualizations. This included the use of graphs and charts that are easier to read and interpret, even for users with little to no background in data analysis.

Improved Navigation: Enhanced the platform's navigation system to make it more intuitive. This included reorganizing menu items, clearly labeling sections, and providing direct access to frequently used features.

Disparity Indices by Ethnicity extended

Accessible Filters and Tools: Filters and other interactive tools were made more accessible, positioned prominently on the page instead of being hidden behind pop-up menus or complex navigation paths.

Reduction of Technical Jargon: We significantly reduced the use of technical jargon in the platform's content. Where necessary, complex terms were explained through tooltips or a glossary section to aid understanding.

Use of Visual Aids: Introduced visual aids like color-coding, icons, and tooltips to help users quickly grasp complex information and navigate the platform more effectively.

Disparity Indices Poverty Comparison

Content Hierarchy and Readability: Improved the hierarchy and readability of text content. This included using different font sizes and styles to distinguish between headings, subheadings, and body text, making it easier for users to scan and find relevant information.

Interactive Elements: Integrated interactive elements, such as clickable charts and expandable sections, to engage users and provide a more dynamic data exploration experience.

Data Table

Consistent Aesthetic and Branding: Updated the platform's aesthetic to be consistent with the overall branding, creating a cohesive and professional look and feel.

Export Functionality: Provided straightforward and easily accessible options for exporting data from the table, such as downloading in various file formats (e.g., Excel, PDF), to facilitate further analysis or reporting.

HI - FI Screens

Video

Style Guide

User Feedback

User feedback on the redesigned California Child Welfare Indicators Project (CCWIP) platform has been instrumental in understanding the efficacy of our design changes. Users expressed a marked improvement in the platform's usability, noting the enhanced clarity and accessibility of information. The simplification of complex data and reduction of technical jargon were particularly appreciated, as they made the platform more approachable for users of varying expertise. Additionally, the intuitive design elements, such as clearly labeled filters and interactive graphs, were praised for facilitating easier navigation and data interpretation.

Key Insights

Enhanced Clarity and Accessibility: Users appreciated the redesigned layout for its clarity and ease of navigation. The simplified data presentation and reduced jargon significantly improved their ability to understand complex child welfare data.

Intuitive Design Elements: Feedback highlighted the effectiveness of intuitive design elements, such as clearly labeled filters and interactive data visualizations, in enhancing user engagement and comprehension.

Effective Use of Visual Aids: Users noted the positive impact of visual aids like color-coding and tooltips, which aided in quickly grasping key data insights.

Key Takeaways

User-Centric Design is Crucial: The importance of designing with the end-user in mind became evident, as changes that prioritized user experience led to significantly improved feedback.

Simplification Enhances Understanding:
Simplifying complex information without losing its essence is key to making data accessible to a broader audience, including those without technical expertise.

Visual Design Aids Comprehension:
Strategic use of visual design elements can greatly aid in data interpretation and engagement, especially in data-heavy platforms.

What I learned

Listening to Users is Vital: User feedback is invaluable in understanding the effectiveness of design changes and identifying areas for further improvement.

Balancing Detail and Clarity: Finding the right balance between providing detailed data and maintaining clarity is crucial for a data-driven platform.

The Impact of Design on Accessibility: Good design is not just about aesthetics but also about making information accessible and understandable to all users.

Iterative Design Process: The design process is iterative, and continuous user feedback is essential to refine and perfect the user experience.

Conclusion

The user feedback on the redesigned CCWIP platform underscores the success of our efforts in making child welfare data more accessible and understandable. The insights and takeaways from this process highlight the importance of a user-centric approach, the need for simplification, and the power of visual design in enhancing data comprehension. This feedback has been invaluable in learning how effective design can transform the user experience, ensuring that the platform not only serves its purpose but does so in a way that is engaging, intuitive, and beneficial to all its users.

Projects

COS X Chris Perani
UX Design
A 24-piece collaboration with COS, bringing macro photography to fashion in over 150 stores worldwide, transforming the hidden details of nature into wearable art.
LEARN MORE
Photography
Photography
A photography portfolio showcasing a collection of technically sophisticated images, each meticulously composed with a focus on precision and detail, highlighting the artistry in technical photography.
LEARN MORE
CCWIP
UX Design
A project focused on redesigning CCWIP's data visualizations, enhancing the representation and accessibility of critical child welfare indicators for clearer, more impactful insights.
LEARN MORE
Geospatial
UX Design
A collaborative storytelling app project, where each group member uniquely crafted their own storytelling experience, exploring diverse and innovative ways to weave narratives through app technology.
LEARN MORE
SF Parks
UX Design
A mobile application designed for San Francisco's parks and recreation, offering users the convenience of reserving their ideal picnic spot across the city's picturesque parks.
LEARN MORE
WWF
UX Design
The redesign of the WWF species page transforms user engagement and conservation education through an intuitive interface with advanced sorting features and detailed species information.
LEARN MORE
Graphic Design
Graphic Design
A visual journey showcasing my creativity, skill, and passion for transforming ideas into engaging, impactful designs.
LEARN MORE
Photogrammetry
Photogrammetry
This collection features experiments with 3D scanning techniques, resulting in the creation of unique and dynamic models, each specifically tailored for augmented reality applications.
LEARN MORE