U Do It Legal x Purdue UX
U Do It Legal is a platform that simplifies legal services for individuals without attorney representation, focusing on domestic violence cases. It helps users navigate legal procedures with tools like eligibility quizzes and process guides, enabling them to prepare court documents and understand their rights. The platform provides an affordable, user-friendly alternative for self-representing litigants, promoting legal empowerment and access to justice.
Company
Company
U Do It Legal
Date
Date
Aug 2024 - Dec 2024
Collaborators
Collaborators
Izza Barbar, Saathvika Talluri, Stella Lim, David Levine, Jean Chou
Izza Barbar, Saathvika Talluri,
Stella Lim, David Levine, Jean Chou
My Contributions
Usability Testing, Flowchart Mapping, Low-Fidelity Prototypes, High-Fidelity Prototypes, Documentation
Usability Testing, Flowchart Mapping,
Low-Fidelity Prototypes,
High-Fidelity Prototypes, Documentation
User Group
Individuals in California seeking self-help legal services
Individuals in California
seeking self-help legal services
Read My Recommendation on Linkedin by Kelly Crabtree Here
Problem Space
Our goal is to make U Do It Legal’s platform more accessible and user-friendly, helping individuals with limited legal knowledge navigate complex processes with greater independence and confidence. We’re focusing on three key areas:
SquareSpace Website: Improve navigation and enhance the accessibility of existing resources like video guides and legal glossaries.
Typeform Eligibility and Package Sorting Quiz: Simplify the qualification process to guide users toward the right service packages.
DocAssemble Guided Interviews: Ensure content is clear and approachable, with step-by-step guidance for users.
Our goal is to make U Do It Legal’s platform more accessible and user-friendly, helping individuals with limited legal knowledge navigate complex processes with greater independence and confidence. We’re focusing on three key areas:
SquareSpace Website: Improve navigation and enhance the accessibility of existing resources like video guides and legal glossaries.
Typeform Eligibility and Package Sorting Quiz: Simplify the qualification process to guide users toward the right service packages.
DocAssemble Guided Interviews: Ensure content is clear and approachable, with step-by-step guidance for users.
Our goal is to make U Do It Legal’s platform more accessible and user-friendly, helping individuals with limited legal knowledge navigate complex processes with greater independence and confidence. We’re focusing on three key areas:
SquareSpace Website: Improve navigation and enhance the accessibility of existing resources like video guides and legal glossaries.
Typeform Eligibility and Package Sorting Quiz: Simplify the qualification process to guide users toward the right service packages.
DocAssemble Guided Interviews: Ensure content is clear and approachable, with step-by-step guidance for users.
Results
Website (Squarespace): Improved navigation and clarity for resources like video guides, court forms, and a family law glossary to ensure users can easily access legal assistance.
Eligibility & Package Sorting Quiz: Enhanced usability for both quizzes, making it easier for users to determine eligibility and select the right service package. I specifically worked on optimizing the Typeform section to improve user flow and clarity.
Process Guides: Developed a UX writing recommendation document to simplify legal processes with clear, step-by-step guidance.
Background
Background
Our team is split into three groups of two, each focusing on different platform components, allowing us to work on tasks that align with our interests and help us develop new skills.
There were three platforms:
Our team is split into three groups of two, each focusing on different platform components, allowing us to work on tasks that align with our interests and help us develop new skills.
There were three platforms:
Squarespace
Squarespace
Squarespace
Typeform
Typeform
Typeform
DocAssemble
DocAssemble
DocAssemble
I worked closely with one other team member on the Typeform section, refining the user flow and clarity for both the Eligibility and Package Sorting Quizzes. U Do It Legal's eligibility and package selection quizzes assess users' needs to recommend the most suitable service package, ensuring tailored legal support.
I worked closely with one other team member on the Typeform section, refining the user flow and clarity for both the Eligibility and Package Sorting Quizzes. U Do It Legal's eligibility and package selection quizzes assess users' needs to recommend the most suitable service package, ensuring tailored legal support.
Product Analysis
Product Analysis
To start, I mapped the existing quiz flows to spot bottlenecks and friction points. For example, unclear result pages left users unsure of what to do next.
To start, I mapped the existing quiz flows to spot bottlenecks and friction points. For example, unclear result pages left users unsure of what to do next.
Flowchart Preview (Not Meant for Reading — Open in FigJam for Full View)
Flowchart Preview (Not Meant for Reading — Open in FigJam for Full View)
Flowchart Preview (Not Meant for Reading — Open in FigJam for Full View)
Usability Testing
Usability Testing
To uncover where users struggled most, I personally ran six rounds of usability testing on the original and redesigned quizzes. These sessions included role-playing with scenario guides and post-test interviews. We first tested with general users, then partnered with Purdue Writing Lab tutors to get feedback on clarity and comprehension.
Usability Testing Methods
To evaluate clarity and flow, I used two main methods:
To uncover where users struggled most, I personally ran six rounds of usability testing on the original and redesigned quizzes. These sessions included role-playing with scenario guides and post-test interviews. We first tested with general users, then partnered with Purdue Writing Lab tutors to get feedback on clarity and comprehension.
Usability Testing Methods
To evaluate clarity and flow, I used two main methods:
Role Playing Scenarios: Participants acted as users filing for a DVRO, which revealed confusion with dense instructions, legal terms, and progress through the quiz.
Semi-structured interviews: Post-test questions (via Google Forms) uncovered where users felt confused and what improvements they wanted.
Example of role-playing scenario used during usability testing to simulate a user filing for a DVRO.
Click image to view full scenario guide →
From these tests, I finalized the main pain points that guided my redesigns.
Key Pain Points Identified
Unclear Goals & Questions → Welcome pages lacked clarity
Lengthy Descriptions → Overly long text caused confusion
Confusing Result Pages → Users didn’t know what to do next
Sketching & Low-Fidelity Concepts
Sketching & Low-Fidelity Concepts
Based on the pain points identified, we created early sketches and low-fidelity prototypes to explore simpler flows, clearer instructions, and more supportive quiz structures.
Based on the pain points identified, we created early sketches and low-fidelity prototypes to explore simpler flows, clearer instructions, and more supportive quiz structures.
Early low-fidelity prototype of the Service Package Quiz, sketched on a whiteboard to explore clearer flow and simplified structure.
Low-fidelity prototype of the Eligibility Quiz overview, testing clearer navigation and shorter instructions before moving to hi-fi.
Key UX Issues Addressed
Key UX Issues Addressed
From the low-fidelity sketches, we refined solutions to directly address the key usability issues uncovered in testing. Below are the main problems and how I resolved them through design iterations.
From the low-fidelity sketches, we refined solutions to directly address the key usability issues uncovered in testing. Below are the main problems and how I resolved them through design iterations.
Welcome Page
title
Problem: Users were unsure about the quiz’s purpose and length.
Solution: Added a short intro outlining goals and number of questions.
title
Problem: Users struggled to interpret results and next steps.
Solution: Added clear wording, actionable next steps (e.g., “Proceed to Package 1”), and linked resources.
title
Problem: Quizzes felt text-heavy and intimidating.
Solution: Added supportive icons and images to make the experience more approachable and engaging.
title
Problem: Text was overwhelming, full of abbreviations and complex words.
Solution: Simplified and shortened text by ~50% for clarity.
Descriptions
title
Problem: Text was overwhelming, full of abbreviations and complex words.
Solution: Simplified and shortened text by 50% for clarity.
Result Pages
Visuals
title
Problem: Users struggled to interpret results and next steps.
Solution: Added clear wording, actionable next steps (e.g., “Proceed to Package 1”), and linked resources.
Visuals
Result Pages
title
Problem: Quizzes felt text-heavy and intimidating.
Solution: Added supportive icons and images to make the experience more approachable and engaging.
Final Designs
Final Designs
After addressing the key usability issues, we refined the quizzes into polished, high-fidelity prototypes that focused on clarity, accessibility, and user confidence.
After addressing the key usability issues, we refined the quizzes into polished, high-fidelity prototypes that focused on clarity, accessibility, and user confidence.
Final Interactive Prototype — Redesigned Eligibility Quiz
Click image to explore the full prototype →
Final Interactive Prototype — Redesigned Package Sorting Quiz for Package 1
Click image to explore the full prototype →
Reflection
Reflection
This was one of the hardest projects I’ve worked on, because it required translating complex and sensitive legal content into a user-friendly experience. I learned how to design with both empathy and precision — ensuring clarity without losing accuracy. Running six rounds of usability testing pushed me to iterate constantly and taught me how small design adjustments can make a meaningful difference. Most importantly, this project showed me how UX can support people during some of the most difficult moments in their lives, which strengthened my passion for human-centered design.
This was one of the hardest projects I’ve worked on, because it required translating complex and sensitive legal content into a user-friendly experience. I learned how to design with both empathy and precision — ensuring clarity without losing accuracy. Running six rounds of usability testing pushed me to iterate constantly and taught me how small design adjustments can make a meaningful difference. Most importantly, this project showed me how UX can support people during some of the most difficult moments in their lives, which strengthened my passion for human-centered design.
Limitations
Limitations
Because of the constant iterations, our original timeline often shifted, and some envisioned features could not be fully implemented within the semester. We also had limited access to real end users going through legal processes, so parts of our testing relied on peers or stakeholders. If I had more time, I would expand testing to a broader user base and explore added features — like guided tooltips or multilingual options — to make the experience even more accessible and supportive.
Because of the constant iterations, our original timeline often shifted, and some envisioned features could not be fully implemented within the semester. We also had limited access to real end users going through legal processes, so parts of our testing relied on peers or stakeholders. If I had more time, I would expand testing to a broader user base and explore added features — like guided tooltips or multilingual options — to make the experience even more accessible and supportive.
Role Playing Scenarios: Participants acted as users filing for a DVRO, which revealed confusion with dense instructions, legal terms, and progress through the quiz.
Semi-structured interviews: Post-test questions (via Google Forms) uncovered where users felt confused and what improvements they wanted.
Welcome Page
Problem: Users were unsure about the quiz’s purpose and length.
Solution: Added a short intro outlining goals and number of questions.
Descriptions
Problem: Text was overwhelming, full of abbreviations and complex words.
Solution: Simplified and shortened text by ~50% for clarity.
Result Pages
Problem: Users struggled to interpret results and next steps.
Solution: Added clear wording, actionable next steps (e.g., “Proceed to Package 1”), and linked resources.
Visuals
Problem: Quizzes felt text-heavy and intimidating.
Solution: Added supportive icons and images to make the experience more approachable and engaging.