- 4 months
- What we did
- User experience design
- Interface design
- Front-end development
- Responsive design
As the largest education company and book publisher in the world, Pearson know a thing or two about learning. Their global Learning Management System (LMS - nicknamed Pulse) is aimed at teachers and learners aged 5-17 in schools around the world. With various in-market teams creating their own UX & UI for Pulse (using a white-labelled backend), Pearson faced the prospect of continual brand fragmentation and a lack of consistency. They had to introduce the company's new brand to these teams, and needed a singular platform on which they could launch it.
Pearson decided to create an Minimum Viable Product (MVP) of a newly-designed Pulse for two of their key markets: India and South Africa, followed by other markets later in the year. Those key markets had something in common: learners tended to use their own personal devices to access their education curriculum, and their connectivity was typically low. By comparison the teachers tended to create assignments on desktop computers in a classroom. Similar Learning Management Systems designed for audiences in Western Europe and North America deliver huge payloads to their users, assuming high-speed broadband and WiFi. This wasn't an option as far as Pearson were concerned. We had our work cut out for us.
The Full Story
How do you design a web product that's better than its incumbent versions?
We started by getting under the skin of Pearson's learners. When do they use the platform? How do they access it? How did their usage differ from that of their teachers?
Understanding the lack of connectivity for learners in India and South Africa was a breakthrough for us. We created a set of proto-personas as guides to understanding when and how both learners and their teachers used the product. The outcomes put the focus on performance.
Secondly, we spoke to the teams in-market and understood what needs they were addressing with their current, bespoke versions. These teams had the benefit of being in the same market as their users, which helped us understand and deliver a singular platform that addressed their needs as well as those of their users.
How do you design a super-fast web product?
We worked with Pearson to create a page budget, which quickly became the mainstay of our design and development process.
Our lowest, most aggressive page budget target was 107KB. Our top-end range was 210KB. We calculated this using http://www.performancebudget.i... and aimed for a load time of 5 seconds over an average 2G connection.
How do you create a design language to be used by various teams and across multiple mobile platforms... with a brand new brand?
When we kicked off the project, Pearson's new brand wasn't yet public. The Pulse project would be the first foray into its digital application, and a lot of stakeholders across the organisation were showing a keen interest.
We explored various options using the new brand. At the start of the project, we allocated time towards brand exploration and UI iteration during each design sprint. And at the end of each sprint, we invited stakeholder feedback. This allowed us to evolve the design language throughout the project in order to accommodate new features or act on outcomes from user testing and feedback received.
As the design language grew, we developed a component library and design manual for handover and maintenance. These deliverables allowed Pearson to continually iterate on our initial work in order to provide the best possible experience for its users. Concurrently, the design language was ported over to both iOS and Android.