During our design process, the layout evolved from a clean, minimalist layout to a brighter, more engaging screen.

How colors impact a user’s experience in software for education?

The short answer is: A LOT!

Tom Parandyk
Classuite
Published in
3 min readMay 18, 2017

--

Have you ever thought about what goes into choosing a color scheme?

In the real world, the light spectrum is continuous and spans an infinite amount of colors. On computers, the CMYK (Cyan, Magenta, Yellow, Black) color system can produce about 100 million color variations. Modern computers with 48-bit color monitors can display billions of colors. Even an 8-bit color monitor can show over 16 million colors.

😳 😱 😵

With so many choices, finding a combination that works isn’t an easy task.

During our initial research, we studied educational software programs and found a common thread: safe color themes.

Here is an example of enterprise-like tools used today in education. We could agree that they look safe and dull.

What about creating a fun, vibrant, and inviting interface?

After all, our main target is an open-minded and exploration-hungry student. Can we make school more engaging just by creating an attractive user interface?

We think so and we will continue our experiments!

Here at Classuite, our goal is to bring the goodness of modern design to education software. Our first mobile education app releases to both students and teachers in July 2017.

Students are the future, and they deserve the best tools!

Here’s another example:

Student Profile UI Design by Živilė Žičkutė

Although it’s a great example of clean, modern, and usable design, it doesn’t use contrast or color to draw the user’s attention to what’s most important… In fact, what am I here to do? Nothing stands out, and it’s easy to forget why you opened the page in the first place. None of the sections boost interest or energy; it’s a social profile, dashboard, messaging app, and calendar all at the same time.

We considered something similar during our design process:

Clean Classuite variant applied to Rocket Chat

While there’s nothing wrong with this color scheme, compare it to the brighter option below.

Bright colors contrast with the white chat box to make it stand out from the side navigation.

Was it a good call to go with brighter option at the end?

What have you noticed about color schemes in the apps you browse? Any preferences? Let us know in the comment section below.

--

--

Tom Parandyk
Classuite

Product designer, eager engineer, strategist, wild innovator, proud dad, creative leader, aspiring musician.