Tuesday, February 7, 2012

Mfarhanonline:How Pinterest Is Changing Website Design Forever

Fav Tag:

Mfarhanonline Social Media News: Even if you haven’t ever visited popular visual bookmarking site Pinterest , you might recognize its design elements — which have been popping up everywhere since the startup burst onto the mainstream scene in 2011. The site doesn’t use traditional web building blocks. “It’s almost like a window-shopping mode,” says Khoi Vinh , the former design director for NYTimes.com. “It puts the ball back in the user’s court,” muses Andrew Beck, a web designer at Blue Fountain Media . “It flattens the information hierarchy,” describes Jeff Croft, a web designer and co-founder of ebook lending site Lendle . Pinterest puts web content into sticky-note sized blocks users can organize onto pinboards that fill the entire browser screen. The majority of each block is filled by a photo, and the ability to “like,” “repin” or comment at the bottom make it look like its own mini web page. Though the hot Palo Alto startup is staying mum about its user numbers, one study found it drives more traffic to websites than Google+, YouTube and LinkedIn combined. SEE ALSO: 7 Tips for Planning a Wedding on Pinterest | Pinterest Becomes Top Traffic Driver for Retailers INFOGRAPHIC As it has gained in popularity, so too has its unusual design. Quora launched a new feature in December that incorporates a topic “boards.” In January, social video startup Chill.com redesigned the site to contain “bricks” of videos shared by the people who you follow, complete with social activity from other Chill users. And several content visualization projects such as Scrolldit , which launched in December, took on the Pinterest block-by-block content feel. Pinterest didn’t invent the basic design structure, but it did help make it cool. Most designers cite a la! yout plu gin called jQuery Masonry while describing the look of Pinterest’s site. Launched in February of 2009 by designer David DeSandro , it makes it easy for web designers to create a vertical layout like that of Pinterest. It also broke the system of organizing information online based on reverse chronology, as favored by Twitter and Facebook. Reverse chronology is a tired, overly-used system; as Vinh says, “I almost thought it was the default way to organize information on the web.” Though many sites experimented with the jQuery Masonry layout , it didn’t immediately catch on with sites that were offering a service. “The sites I saw before Pinterest that used this design were pretty much tech demos of how you could do this,” Croft says. SEE ALSO: 15 of the Most Popular Pictures on Pinterest Pinterest, as far as the designers Mfarhanonline spoke with could remember, was the first site to take the idea to mainstream success. It showed how the design could solve certain challenges eloquently and how the traditional reverse chronology layout could be broken without scaring users away. In fact, it was attracting them in invitation-only droves. Consequently, the design caught on. Croft says that five clients in the last six months have mentioned Pinterest when discussing what they want their website designs to look like. “At a pure level, there’s an advantage if you ave set of information that benefits from people accessing it in a non-linear fashion,” Vinh says of the layout. “For most people, they saw it on Pinterest and want to be almost as cool as Pinterest.” A Quora “board.” Chill.com after its December redesign. 1. Hands Pinterest via Edris Kim . Click here to view this gallery. More About: design , pinterest , trending For more Dev & Design coverage: Follow Mfarhanonline Dev & Design on Twitter Become a Fan on Facebook Subscribe to the Dev & Design channel Download our free apps for Android , Mac , iPhone and iPad ! Social M edia reviews series maintain by Mayya

Share and Enjoy: Print Digg Sphinn del.icio.us Facebook Mixx Google Bookmarks Blogplay Add to favorites BarraPunto Bitacoras.com BlinkList blogmarks Blogosphere News blogtercimlap connotea Current Design Float Diggita Diigo DotNetKicks DZone eKudos email Fark Faves Fleck FriendFeed FSDaily Global Grind Gwar HackerNews Haohao HealthRanker HelloTxt Hemidemi Hyves Identi.ca IndianPad Internetmedia Kirtsy laaik.it LaTafanera LinkaGoGo LinkArena LinkedIn Linkter Live Meneame MisterWong MisterWong.DE MOB MSN Reporter muti MyShare MySpace N4G Netvibes Netvouz NewsVine NuJIJ PDF Ping.fm Posterous Propeller QQ书签 Ratimarks Rec6 Reddit RSS Scoopeo Segnalo SheToldMe Simpy Slashdot Socialogs SphereIt StumbleUpon Suggest to Techmeme via Twitter Technorati ThisNext Tipd Tumblr Twitter Upnews viadeo FR Webnews.de Webride Wikio Wikio FR Wikio IT Wists Wykop Xerpi Yahoo! Bookmarks Yahoo! Buzz Yigg 豆瓣 豆瓣九点

http://www.mfarhanonline.com/2012020841063/how-pinterest-is-changing-website-design-forever/

0 comments :

Popular Posts