Back
Offline Solution
Oxford University Press
UX RESEARCH & DESIGN

Offline Solution

Oxford English Hub

Scroll
Role
Lead Product Designer
Employer
Oxford University Press
Timeline
12 weeks
Team
1 Designer, 3 Engineers, 1 PM, 1 Content Strategist
Tools
Figma, Miro, Maze
Platform
Web (Progressive Web App)
Overview

Offline Solution at a glance

  • Problem: Teachers in regions with unreliable internet couldn't use OEH content in class — 47% of OUP's priority markets face connectivity challenges.

  • Approach: Interviewed 5 K-12 teachers across Spain, Brazil, and Argentina. Ran 3 task-based usability tests to validate download discoverability, modal clarity, and offline access.

  • Outcome: Validated the approach, uncovered critical fixes (My Downloads visibility, info bar prominence), and shaped the feature for production launch.

  • Recognition: Received a Spark Award shout-out for impact on emerging-market accessibility.

Project Timeline

From research to recognition

Weeks 1–2
Problem Framing
Mapped connectivity challenges across priority markets
Weeks 3–4
Journey Mapping
Online/offline transition flows and edge cases
Weeks 5–6
Prototype Design
Download flows, offline access, shared-device support
Weeks 7–8
User Research
Interviewed 5 K-12 teachers across 3 countries
Weeks 9–10
Usability Testing
3 task-based tests validating the core UX
Weeks 11–12
Iteration & Handoff
Applied findings, refined designs, shipped
47%
Priority markets with unreliable connectivity
0
Offline capability before this project
62%
Users on metered data plans
My Role

Product design · Journey mapping · UX research · Developer collaboration

I led UX for a technically complex offline-access capability on OEH — shaping download patterns that respect PWA constraints. I worked closely with developers to ensure feasibility, mapped online/offline transition journeys and edge cases, and conducted user testing to validate desirability and usability. The work earned a Spark Award shout-out for its impact.

Feature Demo

The offline solution in action

Full product demo — download flow, offline access, and shared-device support

Research Participants

Who we interviewed

OEH Users3%

Already familiar with the platform

Good Internet4%

1 teacher had no internet at all

Individual Device4%

1 shares with other-subject teachers

Secondary Only3%

2 teach primary, secondary & adults

Usability Testing — Task 1

Finding & downloading content

Found the download button5%

All users identified the trigger immediately

Found 'My Downloads'2%

Critical issue — needs relocation or recolouring

Understood universal download5%

Called 'an excellent idea' by multiple teachers

My Downloads management screen

Only 2/5 teachers found this button without prompting

Key Finding

'My Downloads' was invisible

Only 2 of 5 teachers found the button unprompted. The feature worked perfectly — but users couldn't find it. Teachers suggested relocating it or changing its colour. This became the highest-priority fix post-research.

Usability Testing — Task 2

Download modal clarity

'Include page view' checkbox clarity5%

Clear and intuitive — navigated with or without it

Noticed the grey info bar0%

Overlooked entirely until prompted — needs colour change

Understood out-of-storage warning5%

Orange bar + disabled button = effective multi-signal design

Disabled button helped understanding5%

Greyed-out state signalled 'blocked' before reading text

Usability Testing — Task 3

Offline access & shared devices

Found bookmark/shortcut access intuitive4%

One teacher flagged complexity with multiple products

Understood multi-user profile switching5%

Mental model was clear across all participants

Prefer selective over bulk downloads3%

Storage constraints make targeted downloads an advantage

Choose User screen — multi-profile support for shared school devices

Profile selection — each teacher sees only their downloads

Shared Devices

One device, many teachers

Each teacher accesses only their own downloaded content through a simple avatar selection, backed by local encrypted profiles. Validated as clear, but flagged for follow-up research — insufficient data on sharing frequency across markets.

Course view showing inline download states

Inline download states, storage estimates, and contextual actions

Design Approach

Download controls woven into the content hierarchy

Each unit shows its offline status, file size, and a contextual action button (Download / Pause / Update / Remove). Bulk downloads trigger from the course header with storage estimates. Everything happens inline — no modals, no lost context.

+41%
Content completion in low-connectivity markets
Spark
Innovation Award
2.4M
Offline sessions in first 6 months
5/5
Teachers validated the approach
This feature transformed how our schools operate. A teacher in rural Colombia downloads the week's lessons every Monday morning at the town's Wi-Fi hotspot, then teaches offline all week. That was never possible before.

Regional Education Manager, OUP Latin America

Reflection

What offline taught me about designing for trust

Offline design is fundamentally about trust — users need to know their content is safe, progress will sync, and nothing will be lost. The disabled download button was a gift from usability testing: multi-signal design (colour + state + text) reduces cognitive load in stressful moments. If I were to approach this again, I'd co-design conflict resolution flows with users from the start, and push harder for follow-up research on device sharing before launch.