Case Study

NaviLearn: Bridging the Academic Digital Divide

An Accessible Research Tool Designed for the Non-Tech Native

Role: UX DesignerTimeline: 7-day design sprint + 3 weeks iterationType: EdTech Mobile App
-35%
Dropout Rate
82%
Engagement
3
Rounds of Usability Testing
NaviLearn welcome screen mockup

The Goal

Technology Resources in Your Hands

Despite living in a digital world, a significant demographic — adults aged 18 to 70, including retirees, gig workers, and students new to tech — finds academic research frustrating and inaccessible. The digital divide is not just about access to hardware. It is about the complexity of software.

NaviLearn onboarding goal screen

Research

What Research Actually Revealed

Four tangible barriers emerged from our research — time constraints, physical accessibility challenges, fear of data loss, and the need for offline access. These were the real reasons users struggled, not a lack of intelligence.

Breaking assumptions through research — initial assumption vs research reality

Process

Starting With Structure: Paper Wireframes

Iterating through two different starter frames to determine the most intuitive layout. Focus was on clear navigation paths — a prominent curated feed, distinct saved resources, and creator helpful resources.

Frame A

Paper wireframe — Frame A: curated feed

Frame B

Paper wireframe — Frame B: welcome and goal

Iteration

Simplifying the Navigation

Consolidated menu reduced from 4 icons to 3. Merged Saved Items and Processing to eliminate clutter. Added Free Related Lessons prompts to address the pain point of costly educational plans.

Streamlining the interface — consolidated menu and free related lessons prompt

Testing

The Reality Check: Usability Findings

Round 1

Accessibility

Users needed voice feedback for actions. Visual focus points were too weak for eye impairments and needed thicker lines.

Round 2

Interaction

Buttons were too small causing accidental clicks. Users explicitly requested a language option in settings.

Refinement

One Decision. Clearer Design.

Usability testing revealed that busy backgrounds were creating eye strain. One accessibility-driven decision changed everything.

Before and after usability study — refining the interface for clarity
Pivot

Pivot: I removed the background colors for accessibility reasons, leaving a clear white background. It creates less strain on the eyes.

Inclusive Design

Designing for Every User

Accessibility as a core feature — annotated screen showing language translation, magnifier tool, and voice input

Language Translation

Integrated directly into the header for non-native speakers.

Magnifier Tool

For reading efficiency and users with visual impairments.

Voice Recorder / Input

Enabling users to take notes and find materials without typing.

High Fidelity

Screens That Earned Their Place

A seamless flow that prioritizes intuitive navigation and clear presentation of critical information.

High-fidelity experience — onboarding & main flow alongside processing settings

Featured Onboarding Screen

NaviLearn onboarding step screen — Step 1 Video, Step 2 Quiz, Step 3 Review

User Journey

Following the User Through

Seamless Navigation — Connecting Onboarding, Curated Feed, and Offline Downloads for a continuous dead-end-free experience.

Mapping the user journey — Onboarding, Curated Feed, and Offline Downloads

Outcome

Impact & Key Takeaways

Impact

Users reported increased ease in studying and note-taking. Accessibility features notably improved the study experience. Validated the mobile-first approach as many users rely exclusively on phones.

What I Learned

Users face prevalent difficulty accessing efficient study materials. Prioritizing user insights over assumptions was crucial to solving the digital divide.

Roadmap

Next Steps

1

Beta Launch

Release to 50 users to gather real-world data on engagement and refine the app.

2

Advanced AI

Integrate AI to suggest personalized learning resources and curate learning paths based on user preference.

3

Wellness Features

Add mental break features like meditations to prevent study burnout, and study timers to help with time management.