Unobstruct Clears a Path to a Better Web Reading Experience

Too many websites wreck the reading experience by floating interface elements on top of articles. One of the worst offenders has been Medium, which John Gruber called out on Daring Fireball recently. Medium has made some improvements since then but didn’t eliminate floaters, and there are many other sites with social media buttons, branded navigation bars, and other material that hovers over webpages even as you scroll down the page. The practice makes it especially hard to read on the smaller screens of mobile devices.

Inspired by the Daring Fireball article and a JavaScript bookmarklet to which Gruber later linked, Troy Gaul, a developer at The Iconfactory, created Unobstruct, a Safari content blocker for iOS that eliminates floating bars, buttons, and other UI elements. The simple app, which Gaul fittingly announced in a post on Medium, removes any HTML that is set to sit on top of a site’s content and not scroll.

Unobstruct doesn’t hide persistent navigation bars by default because doing so would make it impossible to get around some sites. Instead, you can use the app’s action extension from the share sheet to hide the bar. Later, if you need the navigation bar, you can simply reload the page to get it back.

I love Unobstruct’s colorful and feisty robot icon. It adds a bit of fun and whimsy to an otherwise utilitarian app. For insight into the icon’s design, be sure to check out Ged Maheux’s blog post, in which he details how he started the design by making rough sketches in The Iconfactory’s drawing app Linea, then moved to Adobe Illustrator after Gaul had picked his favorite.

Unobstruct doesn’t block as broad a variety of webpage elements as some content blockers, but its singular focus on floaters pays off. In my testing, the app worked flawlessly to remove floating buttons automatically, as did the extension for eliminating navigation bars. Branding and sharing are important to websites, but they shouldn’t get in the way of the core experience – reading. The trend of obscuring content with floaters is a shame, but I’m glad I have Unobstruct to make browsing those sites a little nicer each day.

Unobstruct is available on the App Store.