A lot of sites now are implementing infinite scroll, allowing users to paginate by scrolling down the page. These are usually sites that present their data as a “feed” or “stream,” and the data is usually “skim”-worthy (status updates, images, quick and concise information…).
Twitter, Tumblr, Pinterest, Svpply and Facebook all employ this method of pagination and they all have their own unique methods of doing so. Twitter has hotkeys (‘J’ and ‘K’) that allow users to jump from tweet to tweet and loads an additional batch of tweets once you reach a certain threshold. Tumblr and Pinterest dynamically load content while displaying a static call-to-action on the side, “Scroll to top” or an arrow, allowing the user to quickly jump back to the top of the page at any time. Svpply shows the first set of content statically and the user has to explicitly initiate the infinite scroll by pressing “Show All.” Facebook has an interesting and smart interaction. As you scroll down the page, content will continue to populate. However, because the footer is at the bottom of the page, it would be difficult to access if status updates continue to fill the page. If you scroll down the page fast enough, the system assumes you’re trying to get to the footer and stops the continuous loading, an extremely clever solution.
Do you ever find yourself browsing an e-commerce site and clicking on “View All” to see the entire catalogue, rather than clicking through 8 pages of clothes? Google research just published:
User testing has taught us that searchers much prefer the view-all, single-page version of content over a component page containing only a portion of the same information with arbitrary page breaks
This, hopefully, means that Google Search results will soon also implement infinite scroll, although the logo pagination is a classic component to the site.
Thinking about using infinite scroll on your site? UX Movement has a great list of best practices you should follow.
Facebook Friends After Events
Facebook is now revealing the possible context in which users become friends, displayed as a feed post formatted “[Person A] and [Person B] are now friends after both attending [Event].” It seems as though they see that both users have attended a Facebook event and friended each other shortly after (not sure what the max time allotted for friending is before Facebook doesn’t post the event portion anymore).
Localizing your content has always been a task that could greatly affect international usability and accessibility. There are cultural habits that need to be addressed when localizing. For example, users in eastern countries read from right to left (CNN US: http://www.cnn.com/ CNN Arabic: http://arabic.cnn.com/).
One of the more difficult tasks is ensuring terminology and colloquialisms you use is understandable in other countries. Will German users intuitively understand what will happen if they press “Retweet” or “Like”? Services like Twitter and Facebook take a more social approach. Rather than hiring translators, they let their community decide what native terminology will work best. On Facebook, users can upvote and vet existing translations, or suggest alternatives. Twitter announced today that it only took a month to translate the service in Dutch and Indonesian with the help of 20,000+ users who volunteered to help.
Twitter is now available in 11 languages and Facebook in 64.
Facebook Photos Comment View
Facebook has a new “Comment View” when browsing through photo albums. Enabling the feature (toggle at the top right) displays only the photos within the album that have comments associated.
Happy 1st Birthday ‘Like’
It’s been a year since Facebook’s f8 conference, including the widespread introduction of the ‘Like’ button and the open graph. Inside Facebook has a great in-depth look here.
Saw a tooltip this morning when logging-on to Facebook and now clicking on an image from my newsfeed or albums opens it in a lightbox where I can like, comment, and paginate through images
Happy Birthday Facebook
7 years, 500 million users. Happy Birthday Facebook!
Reunite Ken and Barbie
They’ve been broken up for 6 years and now Mattel is unleashing a huge digital campaign to bring them back together! Vote for whether Barbie should take Ken back at barbieandken.com. Ken’s even got a Facebook, Twitter, and Foursquare account you can follow too. Here’s the tip he left at Saks Fifth Avenue:
One time, Barbie asked to go into Saks Fifth Avenue to grab a quick pair of shoes. Three hours later, she came out with seventeen pairs. I love how unpredictable that girl is.
The New Facebook Profile Page
Before Mark Zuckerberg dishes the details of Facebook tonight on 60 minutes, users can opt-in to upgrade and check out a new profile page UI update from their announcement. There is definitely a slew of new changes, and the first few things that stand out are the new navigation and overall bio/summary. The previous tab scheme to paginate through Wall, Info, Photos, etc…, have moved below the profile picture, just like that on the News Feed. Second, based on the information data provided in the Info section, a little “blurb” is generated below the username to summarize where you work, what you studied in college, where you lived and came from, etc… There are also 5 preview images of pictures you’ve most recently been tagged in.
There’s also a push to be a lot more visual, with the aid of large thumbnails all over the place. Much like the update to Facebook photo albums where all of the images are displayed on one page and load as the user scrolls down the page (similar to Twitter’s feed), photos you’re tagged in will appear and load in this infinite page scroll.