Led the UX design, visual design, and front-end development for the Math Reasoning Inventory, creating an intuitive assessment tool that helps teachers uncover students’ understanding of mathematical concepts. By streamlining onboarding, optimizing data capture, and designing actionable reports, I ensured MRI was easy to use, insightful, and impactful.
A personal interview between a teacher and a student is at the heart of the Math Reasoning Inventory. Teachers initiate this process by registering for a complimentary account on the MRI website and signing in to access the tool. During the interview, positioned next to a student, the teacher poses specific questions expected by the Common Core for all middle schoolers to navigate successfully.
Most of the time, students are encouraged to solve problems mentally, with rare exceptions. Regardless of whether their solutions are correct, they must articulate their thought processes and strategies for solving each problem.
The role of the teacher is to provide students with ample thinking time, attentively listen to their explanations, and document their logical reasoning. This interaction shows students the essence of mathematical learning: the importance lies not just in arriving at the correct answers but also in reflecting on their thought processes and effectively communicating their reasoning.
Upon concluding the assessment, educators can generate, observe, store, and print instant reports highlighting students' reasoning abilities, knowledge, achievements, and areas needing improvement. These insights, applicable to individual students and the class collectively, guide teaching strategies and offer a deeper understanding of student capabilities and requirements.
Supporting the assessment, over 80 video segments showcase teachers employing the tool alongside introductory footage featuring Marilyn Burns. Burns explains the advantages of the Math Reasoning Inventory and the functionality of the tool to educators, aiming to enhance their understanding and application of this assessment method.
Teachers didn’t just need to know if students got the right answer—they needed to understand how they solved problems to uncover gaps in reasoning and improve instruction. But existing assessment tools fell short—they were either too complex, lacked real-time insights, or failed to capture students' thought processes.
Without this critical information, educators struggled to personalize learning and teach better problem-solving strategies tailored to each student. MRI was created to bridge this gap, giving teachers a research-backed, easy-to-use tool that revealed how students think, so they could provide targeted support and drive stronger learning outcomes.
UX Challenge: Teachers and administrators had varying levels of technical proficiency, making onboarding a potential barrier to adoption. The process needed to be frictionless, intuitive, and accommodating of different user roles.
Solution: We designed a role-based sign-up flow that clearly differentiates between Teachers (who conduct assessments) and MRI Managers (who oversee group reporting). Instead of forcing users through complex setup steps upfront, we streamlined the process into a guided, step-by-step flow, reducing cognitive load and decision fatigue.
Why This Works:
MRI Manager's Welcome Screen
Teacher's Welcome Screen
UX Challenge: New users often struggle with blank screens that lack clear next steps. Without proper guidance, they would be unsure where to begin, leading to frustration or abandonment.
Solution: Instead of landing users on an empty dashboard, we created customized welcome screens for both Teachers and MRI Managers. Each welcome screen includes clear, action-oriented guidance, with call-to-action buttons explaining what to do next—whether it’s inviting teachers to join a group or adding classes and students.
Why This Works:
UX Challenge: MRI Managers needed an efficient way to onboard multiple teachers while ensuring seamless group reporting. Sending invitations manually was time-consuming, and users needed real-time visibility into invitation status.
Solution: We designed a bulk-invitation system where MRI Managers can simply enter a comma-separated list of emails and send invitations in one step. To provide transparency, we added a real-time invitation tracking panel, showing pending, sent, accepted, and failed invitations.
Why This Works:
UX Challenge: Teachers who were invited to join MRI had different starting points—some had existing accounts, some didn’t, and others needed to link a different email. A confusing process would create unnecessary barriers to adoption.
Solution: Instead of a one-size-fits-all flow, we designed a dynamic invitation process that recognizes three key use cases:
Why This Works:
UX Challenge: During assessments, teachers needed a quick and intuitive way to record student responses without breaking the flow of conversation. The interface had to be uncluttered, structured, and responsive to real-time interactions.
Solution: We designed a clean, structured interface that mirrors the natural assessment process. Each screen displays:
Navigation is handled with color-coded pagination, allowing teachers to track progress and revisit previous responses effortlessly.
Why This Works:
UX Challenge: Teachers needed easy-to-read reports that could quickly inform classroom instruction. Overly complex reports risked overwhelming educators with too much data, making insights hard to act on.
Solution: We designed a tiered reporting system with multiple views, ensuring teachers could get both high-level trends and deep dives into student performance. Reports were formatted for clarity and quick interpretation, with color-coded results and digestible summaries.
Why This Works:
UX Challenge: Teachers needed to quickly understand a student’s problem-solving abilities without getting lost in unnecessary details.
Solution: The Individual Report presents a clear, visual summary of student performance, separating mastered concepts from struggling areas. Instead of just listing scores, the report highlights patterns in reasoning, helping teachers adjust their instruction accordingly.
Why This Works:
UX Challenge: Teachers needed a way to measure class performance at scale to determine which concepts needed more instruction.
Solution: We designed a percentage-based group report, which shows how many students answered each question correctly. This allows teachers to quickly pinpoint which concepts the class understands and which need reinforcement.
Why This Works:
UX Challenge: Teachers needed to go beyond right and wrong answers and understand why students struggled with certain questions.
Solution: The Item Analysis Report breaks down:
Why This Works:
At the beginning of the project, we performed user testing with 25 teachers nationwide who predominantly taught in K–6 schools and responded to the Trusted Teacher Survey. These teachers used the assessment tool with 180 students.
In the last phase of the project, 320 teachers interviewed over 9,600 students using the MRI tool. These teachers responded to a survey and gave feedback to evaluate the effectiveness of the MRI assessments and associated reports.
Users praised the design for its simplicity, clarity, and ease of use, highlighting its intuitive layout, minimal clutter, and user-friendly experience. Many appreciated the straightforward navigation and efficiency, making the tool both accessible and effective.
Predicts Standardized Test Performance
Enhances Instructional Planning
Boosts Student Achievement
Supports Standards-Based Grading
This project reinforced the importance of designing for non-technical users and validating assumptions through real-world testing. By focusing on intuitive workflows, progressive onboarding, and clear reporting, we were able to create a tool that not only improved student assessment but also empowered teachers with actionable insights.