Crafting an Innovative Learning Experience with Intuitive Curriculum Mapping, Seamless Collaboration, and Optimized User Roles
Project Overview
Curriculum Mapping Experience for Park Tudor
Elevate is a curriculum mapping platform designed by teachers for teachers, emphasizing ease of use and transparency. It provides an interactive, searchable course map that simplifies updating and editing courses to meet faculty and parental needs, along with organizational goals. Elevate supports new teacher onboarding and helps maintain curriculum alignment, enhancing transparency for parents and aiding in reaccreditation processes.
Elevate partnered with Park Tudor to craft a curriculum mapping experience enabling parents, teachers, super admins (Director of Curriculum), and department admins to seamlessly add and update courses, ensuring better alignment and offering a comprehensive overview of student courses at a glance. Additionally, it simplifies the onboarding process for new teachers.
Role + Team
End-to-End Designer collaborating with a Software Developer
Timeline
Jan 2020 – Ongoing
Focus
Web Application – UX/UI- Design system
Problem
Park Tudor faced the pressing need for a robust Learning Management System tool to ensure alignment between parents, faculty members, and students’ curriculum. Faculty members relied on handwritten notes, Microsoft Word, and Excel for course creation and updates, leading to collaboration and course alignment challenges. This need for streamlined processes became even more critical during the pandemic when most students transitioned to online classes.
Solution
Elevate not only addressed Park Tudor’s need for a robust tool but also provided a solution that helped schools nationwide facing similar challenges in curriculum management and alignment between faculty members and parents.
Approach
To address the problem and meet the given requirements, I developed a visual permission matrix outlining roles and tasks. This framework guided the ideation process and user testing phases, ensuring the creation of an effective and user-friendly system.
Visual Permission Matrix
I created a visual permissions matrix to represent the access rights and permissions for different roles within the facility. This matrix includes roles such as Super Admin, Admin, Teachers, and Parents. This visual representation helps define which specific features or pages are accessible to each user role.
1
✅ = Access ❌ = No Access
With the visual permission matrix I decided to created the table using Miro and collaborating with the software engineer to list out page and features for access
Design Ideation
With the visual permission matrix completed, As well as having background knowledge. I began crafting various iterations of user screens tailored to their respective access levels, such as the curriculum map, Admin Dashboard, tags, and other relevant screens.
1
Iteration
2
_
Iterations
I created an additional ideation for the curriculum map to provide another perspective on how users can view, add, and edit courses.
Usertesting
Upon completing the ideation phase, I collaborated closely with faculty members and parents to conduct user testing of my design. In total, I tested with over 25 participants. The user testing focused on time-on-task metrics and various access-related tasks tailored to different types of faculty members.
Key Takeaways
1
_
Task Completion
Faculty members and parents completed tasks relevant to their specific roles with ease.
2
_
Reduce Admin Restrictions
After further testing with departments and super admins, it was determined that department admins should have the ability to edit teacher information and course tags. However, changes must be approved by the super admin.
3
_
Interactive Map course description
75% of faculty members recommended providing a more detailed overview of courses in the interactive map.
4
_
Recommendations
80% of faculty members suggested enhancing the course creation/editing process by including features like lesson plans and learning outcomes, rather than just a basic text area form.
Final Designs
Drawing from comprehensive user feedback, we identified key insights that informed our collaboration with Elevate’s skilled software developer. This partnership enabled us to seamlessly implement Park Tudor’s personalized curriculum mapping experience, ensuring a tailored solution that meets the unique needs of the institution.
1
_
Easily update courses
Updating and editing a course is simple and intuitive. Elevate focuses on ease of use, eliminating the need for hours of training. Elevate is simplistic, elegant, and highly efficient. Once a course is updated, it appears within the course alignment. New features allow facilities to greatly enhance their courses by adding outcomes, resources, and more.
2
_
View course alignment
Course alignment is crucial for meeting student needs. Elevate provides transparency for parents and prospective parents, and allows your organization to align current and future outcomes and goals.
3
_
Interactive course map
Elevate features an interactive course map, offering a searchable and engaging way to view the curriculum. With feedback from faculty members, the curriculum map now provides a more in-depth overview of courses.
Style and Component Design Guide for Elevate
As the designer for Elevate, I established a global standard for color, typography, and Elevate’s logo ahead of time to streamline the process for enhancing Park Tudor’s curriculum experience.
1
_
Color
For the Elevate color palette, I selected a Vibrant Modern Palette that includes both cool and warm tones with a mix of muted and bright colors. This combination aims to be dynamic and visually appealing, ensuring the design is both stylish and engaging. Additionally, the palette is accessibility-friendly, meeting both AA and AAA standards.
2
_
Typrography
Headings: Poppins bold
Secondary Content: Poppins regular
This combination created a cohesive look and feel with well-matched font groupings. The scale setup follows the principles of Material Design 2, ensuring consistent increments
Components
I standardized components based on the requirements provided by faculty members. This approach aimed to expedite the design process and enhance collaboration with developers. The general rule for standardization was to include any component used multiple times across one or more pages in the design system. Additionally, components were stress-tested on different viewports.
Outcome
Elevate seamlessly developed and integrated Park Tudor’s curriculum mapping tool, prioritizing user-friendliness and transparency. Despite its small team of two, Elevate expanded its outreach, forming partnerships with other schools, and underscoring its commitment to innovative educational solutions. Interested in learning more about Elevate? Click the button below.