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.
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.
How-To: Personalized Social Network URLs
Most social networks offer free vanity URLs to users, for example, twitter.com/jeffsoo. The newest, Google+ hasn’t enabled this feature, but I’m assuming they eventually will and tie it to your Google Profile name. If you don’t have your own domain and hosting, gplus.to is a good alternative for a Google+ vanity URL. A post by MG Siegler inspired me to create a subdomain on my personal domain (http://jeffsoo.com/+) and redirect it to my G+ profile. Hakim El Hattab shared it on his profile and a few other creative examples came along:
A few people have asked me how to do this, so I created a quick HTML file you can download, change some paramaters in an HTML editor like notepad or Dreamweaver and upload to your hosting for the same effect. Here’s how to do it:
- Download and extract this ZIP file
- Open the index.html file, change “######YOUR G+ ID######” with the long string of numbers you can grab from the URL of your Google+ profile (or change the entire URL for Twitter/LinkedIn), and Save.
- Create a directory in your root folder named “+” or “@” or “in”
- Upload the HTML file to that directory and you’re set!
Twitter Photos and Search
Today, Twitter will begin rolling out its new photo sharing service into their product, along with a new and improved search system that displays both related photos and videos to the search keyword/hashtag.
You’re also now able to search topics and usernames by typing #hashtag and @username directly from the Firefox address bar.
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.