Bringing OpenClass to students and educators across more devices
A lot was learned during the process of releasing the first version of OpenClass. Working with Pearson, we carried that knowledge into a complete redesign. The result is cleaner, more open design and that puts a focus on content. A new flexible design allows for more dynamic layouts that will support other future features.
The OpenClass mobile app originally focused on the iPad. With more students and educators using a wider variety of devices, it was important to support the Android platform. While there are differences between iOS and Android, we wanted consistent patterns that worked across both without sacrificing quality.
Revisiting the colors used within the application was a methodical process based on other products that OpenClass interacts with. A palette of a diverse range of colors were chosen to serve different purposes as well as compliment other Pearson content.
All the icons in the OpenClass application were designed from the ground up. With many different things that needed to be represented, a large number of icons had to be created. Consistent elements, line weight and spacing were all part of the considerations that shaped how the icons came together.
While collaborating with Pearson, we focused on ways to guide the student or educator through their day, whether there’s a test coming up, homework due, an important date or task. The first thing that is seen is a series of cards that directs towards items of importance. Over time, they change, much like the priorities of a student or educator.
Being able to navigate and move through content quickly was a primary focus during the design process. In the end, we stuck with an interaction patterns we call “sheets”. A student or instructor can dive into content and swipe it away when necessary. Sheets can stack up, making it easy to swipe an entire stack if needed.