All Posts in Early stage UX strategy

September 19, 2019 - No Comments!

How to Design the Best Data Dashboard in edTech

With more complex edTech tools comes an influx of student performance data and new standards for teaching and learning tools. While data can be an extremely powerful tool for educators, training teachers to use complicated edTech products can be cost prohibitive and inefficient for both software companies and school districts.

Even more complicated? Proving the efficacy of your edTech product in the classroom is on you — and if your users can't access or understand this data, too, they won't be convinced that your product offers a good solution.

Thankfully, you can reduce or eliminate many of these obstacles by designing better, more functional data dashboards. These design improvements will go a long way toward convincing your clients and their users that edTech tools help teachers do their jobs even more effectively.

The gap between edTech designers and their users was never more apparent to me than when I left SXSW EDU earlier this year, mulling over a lively panel on the topic of data-driven learning. When panelist Josh Dormont, the director of product development for the NYC Department of Education, revealed how hesitant teachers and teachers' unions have been to embrace data-driven teaching tools, I wasn't necessarily surprised. I understand the objections and fears teachers have about how data could potentially be weaponized by administrators or misinterpreted when reviewed out of context.

After all, an influx of data can be a powerful tool — or a source of anxiety for your users. That's why it's so important to make data dashboard design a priority as you plan your next edTech product. Here's what you can do to make it even easier for teachers, administrators, and parents to use robust, data-driven edTech tools:

What Makes an edTech Tool Effective?

New educational technology transforms learning in schools and homes, and it also generates tons of student performance data. In order to be successful, these new products must also enable teachers and administrators to easily track, monitor, and react to performance data. Otherwise, teachers are left drowning in data that isn't actionable, and they miss out on significant takeaways about their students' performance.

Each new edTech product is also judged by how effective it is. When considering a new edTech product, school administrators and other key stakeholders look for a few key measures of efficacy before they make an investment:

    • The product improves assessed learning outcomes, i.e., "hard" data. Straightforward, before-and-after data that shows how students have improved over time is the baseline for most buyer decisions. This is true even for products that have "softer" learning goals or outcomes, like those tied to social and emotional learning.

 

    • The product improves observed learning outcomes, i.e., "soft" data. In the crowded world of edTech solutions, positive observed outcomes have become a powerful differentiator for many products. Sure, the numbers show the product works, but what do real teachers say? These observations could be as complex as expert-driven testimonials or as simple as social reviews. Finding ways to track and display observed learning outcomes in meaningful data visualizations can be a powerful addition to your product's data dashboard.

 

  • The product demonstrates high engagement with users. How frequently the product is used, and for how long, matters a great deal to administrative stakeholders. These personas also consider which elements of a product users engage with. Are students only playing games? Are teachers actually using the product for its intended purpose? As you develop your data dashboard, be sure to make it easy for the right user to track and access the engagement data they need to determine whether the product is working for them.
  • It meets internal benchmarks of teacher satisfaction. If you build in simple systems for teachers to submit feedback about their experiences using your product, you can use this data to improve the next version of your product. Teacher satisfaction data is often a key indicator for administrators who make purchasing decisions for their district.

When you design with data visualization in mind, not only will you find more opportunities in the UX and UI to make your product more effective, but you'll also demonstrate to clients and their users that you truly understand the challenges they face in the classroom.

Well-designed data dashboards make it easier for students to track their progress, for teachers to assess student performance, and for administrators to make purchasing decisions. It's up to edTech designers to make these visualizations easy to understand and even more powerful to engage with.

Your Data Dashboard Designer Checklist

Well-designed data dashboards offer the simplest and most elegant solutions for user insights. In one place, users can see how their product or system is performing, whether that's within a single classroom or across an entire grade, school, or district.

Providing school administrators, teachers, and parents with robust, actionable tools for assessing student data is key to ensuring your edTech product will be utilized thoughtfully both in and out of the classroom. Students need their own data feedback systems, too, whether that's a series of prompts that encourages them to engage more deeply with your product or a dashboard that shows how their performance measures against the goals they've set for themselves.

After years of creating and testing data dashboards for each of these audiences, we've distilled our best practices for creating a killer data dashboard. Follow our Data Dashboard Designer Checklist to help educators make better, more informed decisions and take immediate action based on the data collected by your product.

September 3, 2019 - No Comments!

The Power of Simplicity: Making Learning Design for Everyone

From the sleek, pared-back sensibilities of Apple products to the broad appeal of human-centered design, there's power in designing digital products with elegance and simplicity. But embracing the goal of simplicity during the product planning process doesn't mean a product can't be complex, interesting, or enriching to use, too. Deeply elegant design solutions can also delight.

When it comes to building edTech products, it can be challenging to design a complex product with an elegant interface. You want to put your stamp on a product before it hits the market. You also want to give your customers a new and innovative tool that solves their problems in the classroom. The drive for complexity at this stage can encourage product teams to add layers of added instruction or content — when a simple interface often leads to a better experience for the user.

Great design is for everyone, and that rings especially true for teachers and students using edTech tools in the classroom.

Here's why you should embrace the goal of simplicity throughout your next project — and a roadmap for how to create a successful, transformative learning product built around the goal of simplicity:

The Value of Simplicity in edTech

As designers and developers know well, there's nothing "simple" about simplicity. In product design, "simplicity" comes from a deeper understanding of a product's larger goal. Even if you and your team already know what kind of edTech product you want to build, taking the time to refine the purpose of your product makes all the difference in the design and user experience.

For example, distilling the goal or purpose of your product will make it easier for you and your team to navigate the murky waters of determining a product's features. It's notoriously easy for UX and UI teams to get caught up in overly complex design by adding features. With a refined purpose in mind, however, you'll be able to cut, edit, and consolidate features, even as you tackle new and more sophisticated ways of designing how your product does what it's supposed to do.

By refining a solution through the lens of the product's larger purpose, design teams and UX developers can build a sleek, easy-to-use interface that teachers love to use and students are eager to engage with. Even if a product performs a complex action — like sorting student data or helping a student practice their reading skills — the design itself should be simple and accessible.

Simplicity is especially important in edTech products because it naturally makes design solutions more universal. Complexity and overwrought style often result in awkward design solutions or solutions that narrow your audience.

This poses a real problem for edTech consumers, in particular. Teachers may have little time to engage with a complex dashboard that's difficult to learn, for example. Because edTech products come into contact with users who have a wide range of abilities, they also need to meet benchmarks for inclusivity. One of the best ways to think about inclusivity in edTech design is through the lens of simplicity.

What Does Simplicity in edTech Look Like?

In edTech, we often have complex stories to tell and experiences to facilitate. Many edTech products — like reading tools for young learners or assessment tools for teachers and administrators — are robust systems that perform complex tasks.

Complexity is not the enemy of simplicity. We value presenting rich topic areas to students and giving teachers powerful tools for exploring and comparing student data. However, our goal is always to present this information in a way that feels simple and intuitive to the user, no matter how challenging the product was to build.

It's easy to design products that go too far in the opposite direction, too. Oversimplification can result in incomplete or boring experiences for students and leave teachers with tools that don't have the depth to achieve their goals.

So what does simplicity in edTech actually look like? Here's a quick guide:

  • Limited user options. Think hard about what goals a user wants to achieve, so you can decide which features a user needs to see; which features can be made available but remain 'closed;' and which features you can combine or eliminate.
  • Common design and interaction patterns. Simplicity is predictable. When you use common UI patterns, the user can guess how features function before they interact with them. This frees up their conscious mind to make more formal decisions or learn a new concept. This could be as simple as designing controls that look like toggle switches to allow a user to turn a feature on or off, for example, or using a magnifying glass icon to indicate the "search" function.
  • Clear benefits. Complicated products tend to confuse the user about the benefits of interacting with a product, or they make it difficult to determine what the goal of interaction should be. Make it easy for users to understand why they might want to tackle learning new consonant or vowel sounds. Help teachers understand how they can use the assessment data they're collecting to make actionable student learning plans.
  • Less interface. Think about the learning experience itself. Rather than present a video describing a physics principle followed by a series of multiple choice questions, for example, create an interactive model of an experiment that allows learners to "play" until they get it right. Find ways in your product design to embrace experiential learning or other pedagogically sound teaching methods.
  • Fewer instructions. When you bog a user down with instructions, they can get confused, frustrated, or scared off. The interface itself should encourage interaction. This includes letting users know how much more time it might take to complete a step in a longer process.

When you use these principles in edTech product design, the result is a learning or educational tool that's simple but robust, user-friendly, and accessible to many different kinds of users.

Case Study: How Simple Design Widened the Audience for Scholastic's Literacy Pro App

Literacy Pro is an independent reading app we created for Scholastic. Upon launching the app, learners gain immediate access to books through an eReader and can begin reading after just one click. We made this exciting — and easy to do — by including a single, dimensional object on the first screen: a book cover that invites students to click. It required a lot of iterations to arrive at this direct interaction, but our testing showed that this pattern was so simple that students didn't have to think about it.

Literacy Pro's purpose was to "develop a love of reading" — not to launch an eReader or to provide reading reports for teachers. It certainly does both of these things, but they are in service of the larger core purpose of the product. Keeping this purpose in mind helped us make tough decisions when it came time to set priorities or cut features.

By starting this project with a simple statement of purpose (and not the product's features or business requirements), we focused our work through the lens of simplicity to achieve the stated goal of the product.

The simplicity and elegance of our design led to students using Literacy Pro intuitively and well. In terms of visual design, Literacy Pro has a spare interface and a limited color palette. A system of visual icons allows users who are new to reading, or who may have reading impairments, to search for books by category. By eliminating instructions for how the search function works, the search interaction is as direct and simple as possible for the user.

While the design is simple, it's still colorful and has a personality. It's not sterile or boring. Even though the target grade level for the product was K-3, our testing showed that it appealed to students up to 6th grade. Simplicity, when done well, broadens the appeal of design and opens up your potential audience.

Simplicity & Accessibility Go Hand in Hand

Simplicity in design results in greater accessibility, and accessibility should be our goal, especially in an industry like edTech.

While there are specific standards for designing accessible products, solutions that are less cluttered, more direct, and more intuitive will be easier for people with visual impairments, dyslexia, and alternative learning styles to use.

You can apply our approach to accessible design to your work. It's all about the lens of simplicity:

  • Limited user options. Put fewer barriers between users and the rich educational content of an educational tool. Fewer options lessens the cognitive load required of a user and makes it easier for them to understand what to do. This also makes the interface easier for users with different learning abilities or visual impairments.
  • Bold, visual communication. Rather than depending on text-heavy instructions or complicated interfaces, think about how to present choices and information more visually, possibly through simple infographics or clear illustrations. This helps users with dyslexia and color blindness, or those who are visually impaired but not blind, take a visual shortcut to understanding a concept or what they should do next.
  • Fewer instructions. Few or no instructions means that an instructional product can transcend language, encouraging a wide range of users to engage intuitively with your product. This is particularly important when designing for early or pre-readers.

Designing with accessibility in mind is especially crucial for edTech UX and UI teams. Your products will wind up in the hands of many different kinds of users, including learners with different abilities. Simplicity is an added lens you can use to design elegant, accessible solutions that make your learning products tools everyone can use.

Case Study: Learning Ally's LINK App Shows Accessible Design At Its Best

The non-profit organization Learning Ally is the world’s largest provider of audio textbooks and literature. Their desktop and mobile app, called LINK, is an audiobook reader designed for students with dyslexia, as well as students who have learning disabilities or visual impairments.

Because Learning Ally's audiences often approach reading with fear or worry, the interface for their audiobook reader needed to be as simple and friendly as it is powerful. In addition to adhering to ADA best practices around color contrast and font sizes, we followed a philosophy of simplicity when creating the UX and UI design. As you can see, the color palette for this product is intentionally limited. Using fewer colors in more deliberate ways creates a simple experience for the user.

Text on every button is accompanied by an icon, and buttons are large, flat, and unadorned. This allows for a visual reinforcement of each button's purpose that doesn't require reading. We also eliminated additional instructions and how-to information, or, if necessary, we made it available only by clicking.

By leveraging existing interactive patterns, the UX for Learning Ally is also immediately familiar to users. Recognizable patterns make it easier for students to learn how the product works. Ultimately, familiar UX patterns are essential to any product design accessibility strategy.

Because of Learning Ally's attentiveness to the standards of accessible design, as well as our own benchmarks for simplicity and elegance, its UX has received multiple industry design awards. In 2018, Learning Ally was recognized in accessibility categories by Parent and Teacher Choice Awards, the SIIA CODiE Awards, and EdTech Digest’s Cool Tool Awards for its innovative, creative, and pedagogically sound approaches to reading.

Highly-accessible products for users with learning disabilities often present UX and UI teams with unique design challenges. By following ADA guidelines around accessibility, focusing on simple design, and leveraging familiar UX patterns, your team can create successful products that meet the needs of students who have a range of abilities.

While there's inherent value in designing edTech products for elegance and simplicity, the tangible benefits for your users make simplicity in design a win-win. Whether you're looking for ways to design a more satisfying learning experience for students or make your product design more accessible to users of different abilities, simplicity is key.