All Articles
All Articles




Facebook's muddled newsfeed gets a user interface overhaul

by James Thorne
on 06 June 2012

In an era of digital minimalism, even some user interface designers scratch their heads when looking at Facebook's maximalist approach. The newsfeed has become a cluttered mix of content that's challenging for even the most savvy user to digest. For those wanting a more simplified experience, Daniel Chin-Yee and Jennifer Puno have created Octofeed, a website that pulls and arranges content from the Facebook newsfeed. The result is a content-focused, simple and beautiful answer to the social media overload.

Chin-Yee, a independent programmer, began playing around with Facebook's feed in what was initially little more than an experiment. The program he developed was then perfected on the front end by his wife Puno, an accomplished UI designer from the video game world. "I'm not a style guy. I'm not a visual designer," explains Chin-Yee. "I come from development—she wants to make things look good."


At first glance, users will notice that the size images and video in the two-column view is significantly larger than in the newsfeed. Recognizing that one crop doesn't fit all, Chin-Yee decided to leave all images at their original dimensions, with coding to scale content to different browser widths. Video content is looped and autoplays when scrolled into view, ceasing to load when it leaves the window. The act of clicking is eliminated wherever possible. Chin-Yee explains that one of the most frustrating elements of Facebook's feed is the need to click in order to play video and see full images. Left to his own devices, these annoyances disappear.

Appearance-wise, bold blocks and large text dominate the screen. Neon contrast highlights add a bit of style without going overboard. Another fun detail is the "Like-ning" bolt button, which allows users to "like" comments and posts directly from Octofeed.


While feed aggregators and readers are in abundance, the best examples of these are in the app world, where developers have a chance to see profitable returns on their efforts. Feed readers also tend to focus on either images or video—losing helpful text in the process. Octofeed pulls all the content from the newsfeed, simply reworking the interaction and appearance.

While Octofeed remains a passion project, the couple continue to build improvements into the site on a weekly basis. There are still a few kinks to work out, and it would be great to see more options for sharing content to your own wall through Octofeed. That said, the user end is already close to seamless and ready for your scrolling pleasure.

The CH25 is a showcase of creators and innovators from a broad range of disciplines who are currently working to drive the world forward.

Alex Kalman

The tiny museum in Manhattan that’s redefining museums

Read More
The mission is to put this small simple and powerful tool into the hands of as many people as possible

Tarren Wolfe

The next-generation appliance making kitchens greener—literally

Read More
Our goal is to provide food for everyone in the world, and the best place to start is in our very own community

Matt Kenyon

Fusing art and technology to disrupt concepts of corporate America

Read More
I want the work to live in the world and circulate, so it can generate more dialogue

Eelke Plasmeijer

The locally driven restaurant that’s upending Balinese food culture

Read More
We really try to keep things simple and let the produce do the talking

George Arriola and Monohm

An heirloom electronic for the post-smartphone era

Read More
We agonized during the design process as all hyper-obsessed craftspeople should

Jonathan Sparks

Reinventing electronic music by inventing multi-disciplinary instruments

Read More
Recorded music is becoming so cheap, so the value of music is now in live performance

Dan Barasch + James Ramsey

A quest to make the future brighter—underground

Read More
We both share a passion for groundbreaking technology and a shared love of New York

Melissa Kushner

Addressing the needs of orphans and vulnerable children in Malawi through microenterprise

Read More
Poverty is complicated, there is an increasing temptation and pressure in the development space to oversimplify things

Meredith Perry

How searching the Internet helped a 22-year-old invent wireless electricity

Read More
It’s not about where the information is, it’s about how you use the tools

Kegan Schouwenburg

Revolutionizing orthotics through 3D-printed insoles

Read More
What orthotics do is they effectively change the geometry of what your alignment is like

Sarah Kunst

The entrepreneur single-handedly changing the landscape for women in tech

Read More
People who live on a planet that is half women but can never seem to find any when they need one, I have solved your problem

Corinne Joachim Sanon

The chocolatier bringing social change to Haiti and bean-to-bar chocolate to the world

Read More
Seeing the poverty surrounding me and the lack of jobs and opportunity bothered me

Pauline van Dongen

The Dutch designer blazing the wearable technology path

Read More
I’m fascinated by concepts of change, movement, energy and perception; since they are closely related to the way we experience the world

Cynthia Breazeal

How an emotional, empathetic robot named Jibo stands to revolutionize communication

Read More
The thing that's so provocative about social robots is that it's fundamentally a community technology

Vanessa Newman

Redesigning pregnancy for the post-gender generation with Butchbaby & Co.

Read More
I want my customers to feel comfortable and unchanged, in that becoming pregnant didn't take away from or compromise their identity

Lulu Mickelson

A civic leader bringing change to NYC through design

Read More
Human-centered design is one of the many tools that we can use to better engage the public

LaToya Ruby Frazier

Documenting the slow, troubling change in Braddock, Pennsylvania

Read More
I am not a journalist, I am a conceptual documentary artist using my visual expression for building narratives that are unseen and unheard

Kathleen Supové

The NYC performance artist who’s radically reinventing the piano recital

Read More
I like pieces that are virtuosic, that show off the piano and what it can do, and are awe-inspiring

Douglas Riboud + Justin Guilbert

How a mission to create great coconut water led to a whole new way of doing business

Read More
We’ve made a conscious decision to be as transparent and honest as we can, and let people decide for themselves

Joshua Harker

Pushing the boundaries of sculpture with intricate 3D printing

Read More
My intent was to explore and depict the architecture of the imagination, to interpret and share forms evident in the mind’s eye

Roxie Darling

From un-shampoo to transgender identity, the NYC colorist boldly defining the next chapter of hair

Read More
Hair color is as much a science as it is a craft

Marcus Weller

Using technology to turn motorcycle helmet design on its head

Read More
I was taken aback both by the number of people that doubted it, and by the equally large number of people that got behind it

Leopoldine Huyghues Despointes

The young filmmaker and non-profit founder who just wants people to follow their dreams

Read More
I feel confident and ready to accomplish so much more, the movement is on

Sabine Seymour

A future where smart clothes are as ubiquitous as zippers

Read More
In the future you will not buy a piece of 'functional' clothing without SoftSpot

Tal Danino

The bioengineer who’s programming DNA to fight cancer

Read More
[Manipulating genes] is very new, people are just learning how to program these organisms
Loading More...