A new UX framework for learning

In the pursuit of accessible resources for higher education, we joined forces with a number of partners to develop a prototype for publishing digital textbooks. Together, we’re lightening the load on backpacks and wallets for students everywhere.

Collaborating for Open Education

eCampusOntario and Ryerson University spearheaded a project to develop an Open Publishing Infrastructure to serve students and educators across Ontario and beyond.

Plank was selected as the lead UX designer and worked in partnership with Pressbooks and Agile Humanities to create a fresh design framework for both network catalogues and webbook content.

Pressbooks network homepage screenshot

Creation, Consumption, Customization

The Pressbooks publishing platform is designed to serve two main user groups; authors and readers. The network landing page is designed with a clear call to each group to begin their journeys to create or find content.

The prototype is intended for use by a wide variety of networks and communities, so the design is clean and easy to customize by adding logos, custom colours and content.

Three mobile screenshots showing Pressbooks network homepage

Smooth Searching

Facing an ever-expanding library of ebooks to contend with, we needed to create a clear layout for robust search, filter, and sort functions - without losing any information on mobile screens.

Three mobile screenshots showing Pressbooks catalogue view functions

Judging a Book by its Cover

The book homepage contains a lot of information. Our design challenge was to present the many features - cover image, table of contents, book description, authors, updates, and metadata - in a format that encourages the user to download and read the book.

Screenshot showing Pressbooks title table of contents

An Enjoyable, Accessible Reading Experience

The central design challenge of this open textbook platform is, of course, the actual reading experience. We created a sharp, clean, distraction-free design. The “learning lens” tab allows the user to adjust elements of the interface such as text size and line spacing, while the menu includes bookmarking and note-taking functions.

The framework is designed to be responsive and optimized across all screen sizes, from smartphone to desktop.

What We Did
  • Sprint-based process
  • UX design framework
  • Flexibility and customization
  • Accessible and responsive design

Have questions about this project? Contact us now

Visit eCampusOntario