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.

view on Github

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