BOOK A DISCOVERY CALL
CASE STUDY: Macmillan Learning Design System

New design system reduces wasted time and unifies user experiences across the product suite

Macmillan Learning: Design System

New design system reduces wasted time and unifies user experiences across the product suite

Because Macmillan Learning’s suite of EdTech products were designed at different times by different teams, growing design debt was leading to duplication of internal efforts and inconsistencies in the user experience. Openfield analyzed the issues, created a plan and delivered a new living design system that unifies disjointed user experiences while enabling the product team to work more efficiently across the entire product ecosystem.

Reduced Friction for Instructors and Students

Different UI patterns were being used to perform similar tasks across products. Instructors were losing real time in the classroom due to the inconsistency.

The new design system established a standardized suite of UI components, design patterns and usage guidelines that enable consistency and flexibility.

The new single, unified design system is now used across seven Macmillan products, reducing friction among instructors and students across the ecosystem.

I don’t want to have to relearn different interfaces that do the same thing in different ML products that I use.

Instructor

Guidance and Efficiency for Product Teams

Scaling changes consistently across Macmillan's products had become very inefficient and expensive for product, UX and engineering teams.

New component and pattern standards established a solid design foundation, while clear documentation clarifies design principles and usage boundaries.

Product teams no longer waste time reinventing component standards, freeing them to focus on complex UX solutions with more confidence.

Establishing a Living Set of Design Standards

Identifying a common design language

Openfield audited twelve Macmillan Learning products, assessing components, styles and UX patterns to reveal commonalities and differences. Informed by the audit findings and established brand standards, a Common Design Language (CDL) identified new UX guidelines for a range of product design considerations such as colors, typography, iconography and language.

Creating components for efficiency and accessibility

The CDL guidelines were then applied to a new, accessible design system: buttons, alerts, date pickers and far more were created, tested and refined to support the latest WCAG standards. The new system established a reliable foundation for UX teams to design efficiently and consistently for better user experiences.

Empowering teams through guidance

Clear, online documentation supported designers with usage principles and guidance. These new tools gave product teams the confidence to make sound decisions when designing across a wide range of UX contexts and use cases. Less time spent interpreting design standards meant more time available for focusing on more impactful solutions.

Collaboration in governing and evolving the system

Openfield worked as an extension of Macmillan’s UX design by supporting governance efforts with real-time guidance, feedback and discussion. New questions and needs were assessed as they arose, and a continuous release approach allowed for ongoing evolution of the guidelines — mirroring the product development process itself.

Documentation That Emphasizes Efficiency and Quality

Usage Guidelines

Component specifications were supplemented with usage examples and guidelines to assist the UX team in making smart, efficient design decisions. Removing uncertainty about how components can be used, combined and modified improves team efficiency by freeing them up to focus on more complex problems.

Guiding Design Principles

Guiding principles were created that articulated the core attributes that act as identifiers of a Macmillan Learning product. This guidance helps the team remain familiar with key values when extending the system into new usage scenarios.

BEST PRACTICE

Why your EdTech product needs a data visualization style guide

As EdTech products mature and grow, they accumulate more and more of something else: User data. This ever-expanding river of data represents a major opportunity to add value for your users by uncovering meaningful and actionable insights.

How you go about presenting that data can spell the difference between success and failure.

About Macmillan Learning

Based in the US and Canada, Macmillan Learning partners with the world’s best researchers, educators, administrators, and developers to deliver sound pedagogical EdTech solutions. Their robust suite of educational technology products is designed to facilitate teaching and learning opportunities that spark student engagement and improve outcomes.

More About...

Transform User Problems into User Delight

Most EdTech teams know something isn't working — but knowing what to fix, how to fix it, and in what order requires specialized expertise.

Pinpoint Real User Problems

Our Research & Testing services can help you pinpoint what's actually broken and why.

Learn More

Make Confident Product Decisions

Our Ideation & Planning services help you prioritize roadmap updates with business justification.

Learn More

Design and Validate Before You Build

Our Design & Prototyping services help you reduce engineering risks and costly reworks.

Learn More

We help leading EdTech companies create best-ever user experiences that enable people to achieve new levels of learning and teaching success.

Learn More

250 East Fifth Street, Suite 2070
Cincinnati, OH 45202
(513) 621-6736

Contact
Do you use EdTech software? Join our EdTech Feedback Panel to help us test new products and features.
© Openfield. All rights reserved.   Privacy Policy
Close
Close
Scroll to the bottom to agree