Professional Project

Professional Project

National K-12 Digital Science Program & Interactions

National K-12 Digital Science Program & Interactions

National K-12 Digital Science Program & Interactions

National K-12 Digital Science Program & Interactions

National K-12 Digital Science Program & Interactions

HMHSCI_Project_Banner

Project Overview

HMH Science Dimensions is a brand new national science program for K-12 students and teachers, being released in mid-2018. It's been designed to align with new standards for science education in the United States. I work as the lead digital designer for grades K-2, and contributor to the 3-12 digital experience.

Project Overview

HMH Science Dimensions is a brand new national science program for K-12 students and teachers, being released in mid-2018. It's been designed to align with new standards for science education in the United States. I work as the lead digital designer for grades K-2, and contributor to the 3-12 digital experience.

Project Overview

HMH Science Dimensions is a brand new national science program for K-12 students and teachers, being released in mid-2018. It's been designed to align with new standards for science education in the United States. I work as the lead digital designer for grades K-2, and contributor to the 3-12 digital experience.

Project Overview

HMH Science Dimensions is a brand new national science program for K-12 students and teachers, being released in mid-2018. It's been designed to align with new standards for science education in the United States. I work as the lead digital designer for grades K-2, and contributor to the 3-12 digital experience.

Project Overview

HMH Science Dimensions is a brand new national science program for K-12 students and teachers, being released in mid-2018. It's been designed to align with new standards for science education in the United States. I work as the lead digital designer for grades K-2, and contributor to the 3-12 digital experience.

My Role 
Interaction & UX Designer, User Testing Moderator

Target Market
Eleven million students and educators throughout the United States

My Role 
Interaction & UX Designer, User Testing Moderator

Target Market
Eleven million students and educators throughout the United States

My Role 
Interaction & UX Designer, User Testing Moderator

Target Market
Eleven million students and educators throughout the United States

My Role 
Interaction & UX Designer, User Testing Moderator

Target Market
Eleven million students and educators throughout the United States

My Role 
Interaction & UX Designer, User Testing Moderator

Target Market
Eleven million students and educators throughout the United States

HMHSD_Logo_GIF

About the Product

HMH Science Dimensions empowers students and educators with unique digital experiences that are explicitly designed for learning about science. It offers educators new and innovative solutions for digital instruction, and it offers students exciting new ways to learn about the world around them. As a lead digital designer for the program, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

About the Product

HMH Science Dimensions empowers students and educators with unique digital experiences that are explicitly designed for learning about science. It offers educators new and innovative solutions for digital instruction, and it offers students exciting new ways to learn about the world around them. As a lead digital designer for the program, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

About the Product

HMH Science Dimensions empowers students and educators with unique digital experiences that are explicitly designed for learning about science. It offers educators new and innovative solutions for digital instruction, and it offers students exciting new ways to learn about the world around them. As a lead digital designer for the program, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

About the Product

HMH Science Dimensions empowers students and educators with unique digital experiences that are explicitly designed for learning about science. It offers educators new and innovative solutions for digital instruction, and it offers students exciting new ways to learn about the world around them. As a lead digital designer for the program, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

About the Product

HMH Science Dimensions empowers students and educators with unique digital experiences that are explicitly designed for learning about science. It offers educators new and innovative solutions for digital instruction, and it offers students exciting new ways to learn about the world around them. As a lead digital designer for the program, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

User Flow

Unique K-2 User Flow

Designing for young students means working for one of the least understood demographics in digital design. K-2 students absorb information differently than older users—delivering new challenges at the right pace is key to successful engagement. The digital experience for students in this grade band follows a horizontal user flow that introduces new concepts at the right time. This format also eliminates the need for scrolling, since our testing has shown young students struggle with it. The experience is audio-driven—an optional and unique accessibility feature that ensures students don't miss out on new material if they're not strong readers.

Unique K-2 User Flow

Designing for young students means working for one of the least understood demographics in digital design. K-2 students absorb information differently than older users—delivering new challenges at the right pace is key to successful engagement. The digital experience for students in this grade band follows a horizontal user flow that introduces new concepts at the right time. This format also eliminates the need for scrolling, since our testing has shown young students struggle with it. The experience is audio-driven—an optional and unique accessibility feature that ensures students don't miss out on new material if they're not strong readers.

Unique K-2 User Flow

Designing for young students means working for one of the least understood demographics in digital design. K-2 students absorb information differently than older users—delivering new challenges at the right pace is key to successful engagement. The digital experience for students in this grade band follows a horizontal user flow that introduces new concepts at the right time. This format also eliminates the need for scrolling, since our testing has shown young students struggle with it. The experience is audio-driven—an optional and unique accessibility feature that ensures students don't miss out on new material if they're not strong readers.

Unique K-2 User Flow

Designing for young students means working for one of the least understood demographics in digital design. K-2 students absorb information differently than older users—delivering new challenges at the right pace is key to successful engagement. The digital experience for students in this grade band follows a horizontal user flow that introduces new concepts at the right time. This format also eliminates the need for scrolling, since our testing has shown young students struggle with it. The experience is audio-driven—an optional and unique accessibility feature that ensures students don't miss out on new material if they're not strong readers.

Unique K-2 User Flow

Designing for young students means working for one of the least understood demographics in digital design. K-2 students absorb information differently than older users—delivering new challenges at the right pace is key to successful engagement. The digital experience for students in this grade band follows a horizontal user flow that introduces new concepts at the right time. This format also eliminates the need for scrolling, since our testing has shown young students struggle with it. The experience is audio-driven—an optional and unique accessibility feature that ensures students don't miss out on new material if they're not strong readers.

K-2 UI Style Guide

I designed our internal K-2 style guide as a rich, in-depth document that defines our design aesthetic and outlines the logic behind it. Every interactive UI element across the program follows the guide, ensuring that the digital experience is consistent and that it grows with the student as they journey through school. The guide also outlines the 70+ custom interactions designed for the K-2 grade range's digital experience.

K-2 UI Style Guide

I designed our internal K-2 style guide as a rich, in-depth document that defines our design aesthetic and outlines the logic behind it. Every interactive UI element across the program follows the guide, ensuring that the digital experience is consistent and that it grows with the student as they journey through school. The guide also outlines the 70+ custom interactions designed for the K-2 grade range's digital experience.

K-2 UI Style Guide

I designed our internal K-2 style guide as a rich, in-depth document that defines our design aesthetic and outlines the logic behind it. Every interactive UI element across the program follows the guide, ensuring that the digital experience is consistent and that it grows with the student as they journey through school. The guide also outlines the 70+ custom interactions designed for the K-2 grade range's digital experience.

K-2 UI Style Guide

I designed our internal K-2 style guide as a rich, in-depth document that defines our design aesthetic and outlines the logic behind it. Every interactive UI element across the program follows the guide, ensuring that the digital experience is consistent and that it grows with the student as they journey through school. The guide also outlines the 70+ custom interactions designed for the K-2 grade range's digital experience.

K-2 UI Style Guide

I designed our internal K-2 style guide as a rich, in-depth document that defines our design aesthetic and outlines the logic behind it. Every interactive UI element across the program follows the guide, ensuring that the digital experience is consistent and that it grows with the student as they journey through school. The guide also outlines the 70+ custom interactions designed for the K-2 grade range's digital experience.

As a lead digital designer, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

As a lead digital designer, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

As a lead digital designer, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

As a lead digital designer, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

As a lead digital designer, my focus was on providing rich and immersive experiences that amplify lesson content and get students excited about learning.

Multiple Choice Questions

Multiple choice questions are one of the most familiar question formats for young students. Although the K-2 program contains over 70 custom interactions, this is one of the most commonly used because of its familiarity and proven success with young students. This question is an example of an instant feedback interaction—users don't need to check it manually. Instead, the software gives them visual and audio feedback instantaneously.

Multiple Choice Questions

Multiple choice questions are one of the most familiar question formats for young students. Although the K-2 program contains over 70 custom interactions, this is one of the most commonly used because of its familiarity and proven success with young students. This question is an example of an instant feedback interaction—users don't need to check it manually. Instead, the software gives them visual and audio feedback instantaneously.

Multiple Choice Questions

Multiple choice questions are one of the most familiar question formats for young students. Although the K-2 program contains over 70 custom interactions, this is one of the most commonly used because of its familiarity and proven success with young students. This question is an example of an instant feedback interaction—users don't need to check it manually. Instead, the software gives them visual and audio feedback instantaneously.

Multiple Choice Questions

Multiple choice questions are one of the most familiar question formats for young students. Although the K-2 program contains over 70 custom interactions, this is one of the most commonly used because of its familiarity and proven success with young students. This question is an example of an instant feedback interaction—users don't need to check it manually. Instead, the software gives them visual and audio feedback instantaneously.

Multiple Choice Questions

Multiple choice questions are one of the most familiar question formats for young students. Although the K-2 program contains over 70 custom interactions, this is one of the most commonly used because of its familiarity and proven success with young students. This question is an example of an instant feedback interaction—users don't need to check it manually. Instead, the software gives them visual and audio feedback instantaneously.

Line Matching

In this text-based version of the Line Matching interaction, users select a word from either column and link it to the correlating word it in the opposite column. This is an example of a delayed feedback interaction—students hit Check before receiving feedback. Every interaction in the K-2 interaction library is available with either instant or delayed feedback. Bright, solid colors and straightforward interactive functions are crucial for users at this age. Too much flourish can be overwhelming. When designing these patterns, my emphasis was on simplicity and ease of use.

Line Matching

In this text-based version of the Line Matching interaction, users select a word from either column and link it to the correlating word it in the opposite column. This is an example of a delayed feedback interaction—students hit Check before receiving feedback. Every interaction in the K-2 interaction library is available with either instant or delayed feedback. Bright, solid colors and straightforward interactive functions are crucial for users at this age. Too much flourish can be overwhelming. When designing these patterns, my emphasis was on simplicity and ease of use.

Line Matching

In this text-based version of the Line Matching interaction, users select a word from either column and link it to the correlating word it in the opposite column. This is an example of a delayed feedback interaction—students hit Check before receiving feedback. Every interaction in the K-2 interaction library is available with either instant or delayed feedback. Bright, solid colors and straightforward interactive functions are crucial for users at this age. Too much flourish can be overwhelming. When designing these patterns, my emphasis was on simplicity and ease of use.

Line Matching

In this text-based version of the Line Matching interaction, users select a word from either column and link it to the correlating word it in the opposite column. This is an example of a delayed feedback interaction—students hit Check before receiving feedback. Every interaction in the K-2 interaction library is available with either instant or delayed feedback. Bright, solid colors and straightforward interactive functions are crucial for users at this age. Too much flourish can be overwhelming. When designing these patterns, my emphasis was on simplicity and ease of use.

Line Matching

In this text-based version of the Line Matching interaction, users select a word from either column and link it to the correlating word it in the opposite column. This is an example of a delayed feedback interaction—students hit Check before receiving feedback. Every interaction in the K-2 interaction library is available with either instant or delayed feedback. Bright, solid colors and straightforward interactive functions are crucial for users at this age. Too much flourish can be overwhelming. When designing these patterns, my emphasis was on simplicity and ease of use.

Image-Based Multiple Choice Question

The Image-Based Multiple Choice Questions is an alternative form of the original interaction, seen above. Many teachers have expressed that great imagery plays a crucial role in student engagement. Like many of the other K-2 interactions, this one can be highly customized during the lesson authoring process. It works with three or four answer options, instant or delayed feedback, and can even be set as a Multiple Select Question—allowing for more than one correct answer.

Image-Based Multiple Choice Question

The Image-Based Multiple Choice Questions is an alternative form of the original interaction, seen above. Many teachers have expressed that great imagery plays a crucial role in student engagement. Like many of the other K-2 interactions, this one can be highly customized during the lesson authoring process. It works with three or four answer options, instant or delayed feedback, and can even be set as a Multiple Select Question—allowing for more than one correct answer.

Image-Based Multiple Choice Question

The Image-Based Multiple Choice Questions is an alternative form of the original interaction, seen above. Many teachers have expressed that great imagery plays a crucial role in student engagement. Like many of the other K-2 interactions, this one can be highly customized during the lesson authoring process. It works with three or four answer options, instant or delayed feedback, and can even be set as a Multiple Select Question—allowing for more than one correct answer.

Image-Based Multiple Choice Question

The Image-Based Multiple Choice Questions is an alternative form of the original interaction, seen above. Many teachers have expressed that great imagery plays a crucial role in student engagement. Like many of the other K-2 interactions, this one can be highly customized during the lesson authoring process. It works with three or four answer options, instant or delayed feedback, and can even be set as a Multiple Select Question—allowing for more than one correct answer.

Image-Based Multiple Choice Question

The Image-Based Multiple Choice Questions is an alternative form of the original interaction, seen above. Many teachers have expressed that great imagery plays a crucial role in student engagement. Like many of the other K-2 interactions, this one can be highly customized during the lesson authoring process. It works with three or four answer options, instant or delayed feedback, and can even be set as a Multiple Select Question—allowing for more than one correct answer.

Why It All Matters

We recognized that in 2018, science education was due for some updates. This program represents a complete overhaul of K-12 science education in the United States. Since science is a notoriously difficult subject for many students, it was crucial that our new program provides a stellar user experience. Science Dimensions features delightful, full experiences—no gaps or fragmented solutions. That way, teachers can teach, and learners can learn, all without having to worry about the reliability of their learning platform.

Why It All Matters

We recognized that in 2018, science education was due for some updates. This program represents a complete overhaul of K-12 science education in the United States. Since science is a notoriously difficult subject for many students, it was crucial that our new program provides a stellar user experience. Science Dimensions features delightful, full experiences—no gaps or fragmented solutions. That way, teachers can teach, and learners can learn, all without having to worry about the reliability of their learning platform.

Why It All Matters

We recognized that in 2018, science education was due for some updates. This program represents a complete overhaul of K-12 science education in the United States. Since science is a notoriously difficult subject for many students, it was crucial that our new program provides a stellar user experience. Science Dimensions features delightful, full experiences—no gaps or fragmented solutions. That way, teachers can teach, and learners can learn, all without having to worry about the reliability of their learning platform.

Why It All Matters

We recognized that in 2018, science education was due for some updates. This program represents a complete overhaul of K-12 science education in the United States. Since science is a notoriously difficult subject for many students, it was crucial that our new program provides a stellar user experience. Science Dimensions features delightful, full experiences—no gaps or fragmented solutions. That way, teachers can teach, and learners can learn, all without having to worry about the reliability of their learning platform.

Why It All Matters

We recognized that in 2018, science education was due for some updates. This program represents a complete overhaul of K-12 science education in the United States. Since science is a notoriously difficult subject for many students, it was crucial that our new program provides a stellar user experience. Science Dimensions features delightful, full experiences—no gaps or fragmented solutions. That way, teachers can teach, and learners can learn, all without having to worry about the reliability of their learning platform.

3-12_Drag_And_Drop

Digital Interaction Library for Upper Grades

The way students learn is continuously evolving as they move between grades. In designing a program that spans every grade, there was a definite need for digital interactions that scale in complexity along with students' capacity for critical thinking. The user experience needed to grow with them, all the while remaining cohesive between grade bands. Most importantly, interactions needed to be intuitive for brand new students who had never used the program before. More information is coming soon about the 3-12 interaction library, as the market permits.

Digital Interaction Library for Upper Grades

The way students learn is continuously evolving as they move between grades. In designing a program that spans every grade, there was a definite need for digital interactions that scale in complexity along with students' capacity for critical thinking. The user experience needed to grow with them, all the while remaining cohesive between grade bands. Most importantly, interactions needed to be intuitive for brand new students who had never used the program before. More information is coming soon about the 3-12 interaction library, as the market permits.

Digital Interaction Library for Upper Grades

The way students learn is continuously evolving as they move between grades. In designing a program that spans every grade, there was a definite need for digital interactions that scale in complexity along with students' capacity for critical thinking. The user experience needed to grow with them, all the while remaining cohesive between grade bands. Most importantly, interactions needed to be intuitive for brand new students who had never used the program before. More information is coming soon about the 3-12 interaction library, as the market permits.

Digital Interaction Library for Upper Grades

The way students learn is continuously evolving as they move between grades. In designing a program that spans every grade, there was a definite need for digital interactions that scale in complexity along with students' capacity for critical thinking. The user experience needed to grow with them, all the while remaining cohesive between grade bands. Most importantly, interactions needed to be intuitive for brand new students who had never used the program before. More information is coming soon about the 3-12 interaction library, as the market permits.

Digital Interaction Library for Upper Grades

The way students learn is continuously evolving as they move between grades. In designing a program that spans every grade, there was a definite need for digital interactions that scale in complexity along with students' capacity for critical thinking. The user experience needed to grow with them, all the while remaining cohesive between grade bands. Most importantly, interactions needed to be intuitive for brand new students who had never used the program before. More information is coming soon about the 3-12 interaction library, as the market permits.

© Joseph Brueggen 2018