Enabling teachers to assess pupil, class and school performance

EdTech learning assessment platform

At a glance

B Squared is an entire suite of EdTech products, comprising an assessment progress system, learning evidence repository, and reporting & analytics platform which measure and assess a range of schools, pupils, curriculums and subjects.

Full Clarity were hired to help with a major overhaul of the legacy version of the platform, responsible for improving the UX/UI design and frontend development of the various applications. Our main goal was to make the platform modern and intuitive, reducing frustration and helping the value of the product shine through.

Project type
Sector
Education
Technologies
Project length
Sep19 - present
Bsquared teacher

Key features

Notable functionalities and characteristics that increased the overall user experience.

01

Presentation of learning data

The levels of complexity within the system meant it was difficult to present the data in a way which the user could easily navigate. We worked to reduce information overload which could overwhelm users and make it challenging for them to focus on the essential tasks or information.

02

Improved usability and navigation

The existing system flagged multiple usability issues which caused users to take longer to complete tasks than would be expected. We designed a consistent and relevant colour language that significantly improved user navigation through the extensive functionality available.

03

Comparing historical data

An important aspect of this product was to allow users to compare how students had improved over a period of time. However, this functionality was often missed by users, so we designed a two stage date picker that allowed users to follow a clear journey to engage with this functionality.

The Full Clarity team

Working from a detailed specification from the client, our team quickly came together to create a best-in-class solution.

Ed Kemp
UX Director

Ed provided the UX strategy, starting by identifying the shortcomings of the legacy applications and considering user feedback.

Jon Hewines
Technical Director

Jon provided technical leadership for the project, selecting suitable tools and informing the design process in terms of feasibility.

Rose Kelly
UX Designer

Rose helped design the applications, creating wireframes, UI elements and a design system shared across the ecosystem.

Terence O'Donoghue
Full Stack Developer

Terence built the apps using React and Redux, and also provided advice and guidance to the client on their Azure cloud migration strategy.

FEATURE 01

Presentation of learning data

The application had a number of deep levels of content. Primarily there were ‘steps’; underneath the steps were ‘strands’ (of which there could be up to 20 on each page); and within each strand there were ‘assessment points’. In addition to this deeply routed information, some assessment points also had ‘sub-assessment points’. We therefore had to design a navigation system which enabled the user to drill in and drill out, in a way which enables them to collapse and expand different strands and assessment points.

FEATURE 02

Improved usability and navigation

We identified that using better iconography and clearer labelling would assist in the overall user experience. We introduced a clearer colour scheme whilst keeping the very familiar RAG ratings (Red, Amber, Green) which users found helpful and intuitive. As there was a large amount of rich functionality, it was important that the colours on this project all had meaning, and designing a consistent and relevant colour language was a huge improvement in helping users to navigate around.

Touch-screen friendly

Furthermore, the platform was originally designed for desktop use only, but the client specified the benefits for teachers of using a tablet. To ensure the software was user-friendly on a tablet, we had to consider clever ways to enable the content to pack down easily on narrower breakpoints. We also designed the product using increased touchable areas for larger fingers to make it easier to use on touch screen devices.

We also designed a way to enable the left hand side Selection Menu to show and hide to enable more display space for the right hand side assessments information which helped with the responsive tablet users. On top of this, we made use of hiding and showing content on scroll.

From user research, we knew that a common use case was updating data on a tablet when in the classroom, so we paid careful attention to responsive breakpoints and ensured interactive elements were designed for touch.

FEATURE 03

Comparing historical data

On the original platform, there were two date pickers that enabled the user to make a selection to step back in time to view the assessment in the past. Users highlighted that this action wasn’t clear so we did some work around improving this. It was an important feature, as it allowed users to go back in time to assess how the student used to perform, versus seeing their current performance.

Date range

Although date pickers are commonly used, having two separate elements on the same screen is a complexity we hadn’t yet worked with. We broke down the action, by initially allowing the user to pick on a date in the selection menu. If the user then wanted to choose a second date to compare the results, they could do this in the panel above the assessments. This element was highlighted using a pattern which clearly represented a date range.

Results

Transforming the legacy version of B Squared has been incredibly satisfying. The platform has always had outstanding functionality, but was showing its age in terms of usability. We’re proud that new version has received great feedback from users and has helped the client to achieve greater market share.

BSquared suite
20%
Increase in annual sales, with 2022 being the best year in business in 22 years
66%
Increase in speed from 60 seconds to 20 seconds to complete key task

All of the previous issues with the speed and delays user experience of v4 have been addressed, the customers are delighted with v5. It’s like Apple who have spent money on the UX/UI, and it really shows. We did a speed test live with our customers in v4 and the old journey took 60 seconds, in the new version it was 20 seconds to complete the same actions so it is a lot faster which is down to a mixture of intuitive UX and making the development faster using better infrastructure.

Dale Pickles Managing Director, B Squared
Book a virtual coffee
Speak directly with our founders Ed and Jon about how we can help you on your Innovation or Transformation project.
Contact
Ed & Jon

Contact details

Find us

Cheyenne House
West Street
Farnham, Surrey
GU9 7EQ

Cheyenne House
West Street
Farnham, Surrey
GU9 7EQ

Contact form

Looking for a long term partner to support your business?

By browsing our website you agree to our cookie policy. You can opt-out anytime from our cookies page