Here are the things that I think are worth reading and checking out this week:
Behind the Facebook News Feed Redesign
Yesterday Facebook released a video showing how they will be evolving their news feed across all their platform. In general it looks to make the timeline more visual and tries to solve their problem with having content for your friends and people you are following. You can see the video walkthrough here. I also read a really well written perspective on the new re-design from Matt Buchanan at the The New Yorker who feels that “It lacks the grand ambition of Facebook’s last major products”. You can read the entire New Yorker article here.
Logo Reductions for Screen Use
Students at Oded Ezer’s Typography for Interaction Design class at H.I.T (Holon Institute of Technology), Visual Communication Dep., in Israel have been given the following brief: “Re-design a screen compatible version for a known print-based logo.(as App launcher icon, logo for splash screen, favicon, etc.) Define and keep in mind the core values of the brand, and the technical requirements for the adjustment to screen. The resulting work is a really interesting evolution of brands like Ikea, Energizer and Quaker. See the work here.
Logical Breakpoints For Your Responsive Design
There are several tactics for deciding where to put breakpoints in a responsive design. There is the rusty idea that they should be based on common screen sizes, but this doesn’t scale well. There are no “common” screen sizes.Another popular tactic is to create a breakpoint wherever the layout breaks. This article explores the problem and is a must read for anyone doing responsive design. Read the article here.
The Five Worst UX Mistakes Websites Make
The user experience of websites has improved by leaps and bounds over the years, but I still run into sites that make me ask, “What were they thinking?!” In the hopes it will help us all avoid these pitfalls, this article details the five worst UX mistakes that we still see people making in website design. Read the article here.
Building A Better Responsive Website
Keeping with the responsive design theme this article walks you through everything you need to think about when creating a responsive design and some code sample on how to produce it. Read the article here.