LEARNING.COM

Digital Literacy Assessments

THE GOAL

Help districts understand the digital literacy skill level of their students in order to create a curriculum plan that will effectively bridge any gaps.

After students complete the assessment, Learning.com provides a dashboard for both administrators and teachers to help guide their instructional plan to improve student outcomes. Previous versions of the assessments were aligned to outdated standards so DLA aimed to create relevant questions that map to the ISTE 2016 concepts and migrate off of flash to HTML5.)  

My Role: Product Design, User Research, UX Architecture, Front-End Development

Tools: Adobe CC, Sketch, Angular, Bootstrap, SCSS, HTML

EMPATHIZE + DEFINE

One of the main concerns prospects have when deciding to purchase content is the need for accessibility. Additionally, allowing districts to have better visibility into student learning gaps would allow them to understand how to support schools, teachers and students.

I collaborated with product, development, customer support and sales to have a better understanding of customer needs with DLA. We partnered with a third party (Learnosity) to integrate assessment question templates via their API which allowed us to make significant headway with accessibility compliance and testing. Striving to help learning be as equitable as possible, I connected with the Oregon Commission for the Blind in order to have a consultant help with a WCAG audit on our development process. As a team, we were able to have a deeper understanding of the 'why' behind WCAG compliance and updated our design system to provide accessible code snippets and examples.

IDEATION + TESTING

Moving to new Angular frameworks, integrating with the third party tool ‘Learnosity’ API and updating our design system allow us to address customer concerns and aid future work by adopting these new tools and accessibility practices.

I began sketching out some wireframes and conducted weekly design swarms with product and development in order to iterate on the initial concepts. I moved those designs into InVision and ran tests via UserTesting.com in order to quickly validate our choices.

One of my biggest inspirations for this project is the work that Intuit is doing with their design system and data visualization. When it came to the dashboard designs, I collected multiple sources of UI inspiration and challenged the team to get creative with the data UI. The design meetings were fun and ignited a spark with the team to push themselves beyond the initial ideas and constraints.

KEY TAKEAWAYS

• Accessibility settings need to be easy to read and access for the student

• Reducing complex words and too many options in the assessment chrome allows students to focus on the material

• Post-assessment data needs to have well-organized, actionable data to inform next steps in instruction

• Hovering over data with quick info helped interpret larger sets of data more easily