Improving Wikipedia UX: An Open Source Project

To make falling down the rabbit hole of Wikipedia a little less dizzying, I've been working on a Chrome extension which aims to improve the information architecture of any Wikipedia article a user visits.

The primary difference is that the Table of Contents has been moved from the body of the page into a sidebar which allows the user to maintain a high-level overview of the page content while they scroll.

S/o to my friend Jon Senterfitt for being willing to help me out with this project.

Milestones

We made the sidebar width adjustable, so that's cool.

Sorry this gif is so low-res, I asked @GIPHY if there's a processing time or something to get a higher resolution gif, since the source video I provided was a lot clearer. 

Some afterthoughts:

Updated Sep 2020

Long after building this, I discovered that Wikipedia’s iPad app has a sticky table of contents. It even includes a smooth animation when scrolling to different page positions. Perhaps we were onto something, after all!

IMG_1813.jpeg