If calm is king, pattern should be a queen. It’s a lethal essential member to a website’s success, as it decides how calm is to be structured and displayed, and bad pattern simply hull a user experience, so dooming a site traffic.
(Image Source: FloxDesign)
Often we web engineer has to play trade diversion while we’re conceptualizing a website. We possibly trade beauty for functionality, or functionality for readability, as it’s unfit to furnish a pattern that pleases everybody in each aspect.
So that pattern is softened then? Web designers adore to ask this question, and some even challenged themselves to play a trade diversion softened by redesign famous sites such as Facebook and YouTube, so combining intensity designs in this showcase post. Better or worse, we as an user decides it, enjoy!
According to a central statistic, Facebook has served some-more than 500 million active users, with 700 billion mins spent on it. For this kind of statistic it will be unequivocally stressful to pattern a web page for it. It competence also be a same reason since so many designers challenged themselves to redesign a Facebook. Let us take a perspective of several good attempts from designers below:
Concept pattern By: Barton Smith
“The Facebook Facelift is a self instituted plan to plea a form and functionality of Facebook. It’s streamlined, structured and linear interface is some-more comprehensible, enhancing a user knowledge and absorb-ability of content.”
Main Page. (Image Source: Barton Smith)
Photos Page. (Image Source: Barton Smith)
Events Page. (Image Source: Barton Smith)
Contacts Page. (Image Source: Barton Smith)
Notifications Page. (Image Source: Barton Smith)
Concept pattern By: Information Architects
This innovative pattern was innate from Dec 2006 and after blending to contemporary pattern standards, in sequence to have a satisfactory comparison with Facebook’s stream design. The suspicion was to emanate a mail-like concentration with interface that contains effervescent 3 columns blueprint that clearly separates filter, information-stream, and reaction, that are clearly explained in their post.
Main Page. (Image Source: Information Architects)
Concept pattern By: Justin Dauer
“One of my primary goals was to pierce a interface toward some-more of a web app-type presentation. Facebook has around 175 million people record in daily; all a repeated tasks fundamental in such use are gainful to this form of approach. When we was jacket this redesign up, Twitter’s new app-like UI launched, and gave me a impulse of Stuart Smalley-like validation.”
Main Page. (Image Source: pseudoroom design)
Concept pattern By: Peter Knoll
A unequivocally neat pattern by Peter Knoll. The striking is severely softened to make a whole site looks appealing and promising. The interface is also many some-more cleaner with good typography practical for good readability.
Main Page. (Image Source: Peter Knoll)
Concept pattern By: AndasoloARTS
Facebook movement finished by AndasoloARTS, it even gets sold! The tone intrigue is flattering identical to Peter Knoll’s design, yet altogether it’s a opposite design. Again a unequivocally neat pattern with minimalism in mind.
Main Page. (Image Source: AndasoloARTS)
Concept pattern By: Jonaska
A pattern desirous from AndasoloARTS’ Facebook design, flattering singular too! we like a doing of standing pity and hunt box, a well-designed movement indeed.
Main Page. (Image Source: Jonaska)
Concept pattern By: Czarny-Design
How about a voluptuous pattern with dull corners elements? A totally singular pattern proceed for Facebook with somewhat altered tone scheme, can we accept it?
Main Page. (Image Source: Czarny-Design)
Once a behemoth of amicable networking, Myspace was eventually overtaken by a categorical competitor, Facebook. Rebranded as My_____ now, it aims to turn a heading amicable party end that includes music, movies, celebs, TV and games, powered by a passion of fans. Designs next were attempted for a aged Myspace, yet it’s still good to have a demeanour on what engineer thinks Myspace should be.
Concept pattern By: Rafael Oliveira
“What if Myspace had a some-more clear, tangible and pleasing interface by default, yet still with a choice to personalize it, yet in a some-more distinct way? That’s a doubt we done myself when starting this, and it came out to be a cold project. Besides a visible design, we due some usability improvements, formed on calm that is already on a site, and looking during their sitemap.”
Main Page. (Image Source: Rafael Oliveira)
Channels Menu. (Image Source: Rafael Oliveira)
Photos Page. (Image Source: Rafael Oliveira)
Customized Profile Page. (Image Source: Rafael Oliveira)
Artist Page. (Image Source: Rafael Oliveira)
Artist Page – Customized. (Image Source: Rafael Oliveira)
Videos Channel Page. (Image Source: Rafael Oliveira)
Processing over 1 billion hunt requests around a world, Google is a many famous website in a world Earth. It’s also famous as a dominion that tries to browbeat a internet by building user accessible products like Android, Gmail and Analytics. Since Google has lots of top-notch designers operative on their website design, any redesign try is a proceed plea to their designers. Interesting.
Concept pattern By: Craig Reville
“Since Google have motionless to maybe re-design things a tiny we suspicion I’d have a go during how we wish to see and use Google. we didn’t go furious on a icons or a trademark especially since idol designers could do a softened pursuit and we like a trademark elementary like that. Any and all feedback appreciated.”
Main Page. (Image Source: Craig Reville)
Search Result Page. (Image Source: Craig Reville)
Search Result Page – 2nd Concept. (Image Source: Craig Reville)
Image Search Result Page. (Image Source: Craig Reville)
Concept pattern By: FloxDesign
A tiny bit like Bing, yet in a some-more epic way. Sincerely we wish to have this eventually overwhelming pattern for my Google categorical page, please.
Main Page. (Image Source: FloxDesign)
Ranked no.3 in tellurian and no.4 in US site traffic, YouTube is a website to discover, watch, upload and share videos. Most calm have been uploaded by individuals, yet famous media like CBS, BBC, Vevo and Hulu have supposing their possess videos as partial of a YouTube partnership program. Do we brave to redesign a site that’s being noticed some-more than 2 billion times a day? They did it.
Concept pattern By: Michele Byrne
A neat redesign that emphasizes some-more about video observation and sharing. Unique proceed is practical to this design, yet a user interface is a bit identical to Vimeo. Great try anyway.
Main Page. (Image Source: Michele Byrne)
Video Page. (Image Source: Michele Byrne)
User Page. (Image Source: Michele Byrne)
Video Info. (Image Source: Michele Byrne)
Recommended Video. (Image Source: Michele Byrne)
Concept pattern By: Josh Collie
“One of my biggest gripes with YouTube over a years has been a inability to hunt for other videos while examination video, as good as reading comments though carrying a video scrolling off a tip of a screen. The pattern next attempts to solve this emanate by carrying 3 alone scrollable columns including search, video comments.”
Main Page. (Image Source: Josh Collie)
User Page. (Image Source: Josh Collie)
Concept pattern By: Thadeu Morgado
A redesign examination for YouTube categorical page. The character is flattering many a same, solely that a whole blueprint has been restructured, and a big, neat slider is combined to give some-more concentration to featured videos.
Main Page. (Image Source: Thadeu Morgado)
Amazon went online in 1995 and now it became a multinational e-commerce association that contains a biggest preference of books, magazines, music, DVDs, electronic, computer, software, shoes, probably everything! Because they’re carrying such a outrageous business, designers worldwide have been severe themselves on improving a pattern to make it even some-more pleasing and of course, user friendly.
Concept pattern By: Trevor Cleveland
“I wanted to try 3 singular concepts for a redesign of Amazon’s homepage above a fold. Amazon is one of a heading on line selling sites, yet their liquid homepage pattern is set for guard sizes with tiny dimensions, withdrawal a site to demeanour unequivocally gappy on many newer computers with aloft resolutions. So we wanted to benefaction 3 ideas to move Amazon adult to speed.”
First Concept – Main Page. (Image Source: Trevor Cleveland)
First Concept – Menu. (Image Source: Trevor Cleveland)
Second Concept – Main Page. (Image Source: Trevor Cleveland)
Second Concept – Menu. (Image Source: Trevor Cleveland)
Third Concept – Main Page. (Image Source: Trevor Cleveland)
Third Concept – Menu. (Image Source: Trevor Cleveland)
Concept pattern By: Maurice Kindermann
There’s no redesign try if there’s no emanate in a stream design, Maurice Kindermann’s Amazon pattern is a best instance for this case. Disappointed with Amazon’s stream design, Maurice redesigned a page to solve 3 sold issues: over-extended shade resolution, fragmented shopping choice and flooded volume of content.
Main Page. (Image Source: Maurice Kindermann)
Claimed itself as a biggest, best, many award-winning film site on a planet, IMDb (Internet Movie Database) is an online database of information associated to movies, radio shows, actors, prolongation organisation personnel, video games and illusory characters featured in visible party media. Redesigning this site in a proceed that it shows information effectively will be a good plea for web designers.
Concept pattern By: Vladimir Kudinov
“Why don’t have a stream IMDB design? It is overloaded. Large volume of unstructured information. While many users of such sites compensate courtesy especially to a pictures, videos and more.
So we did a purify and neat design. Here, a user receives a shade on that there is information about a film: photos, actors, trailers, storyline and more. He does not have to twist, twirl, to read. All that is indispensable – is to demeanour during a screen.”
Film Page. (Image Source: Vladimir Kudinov)
Menu. (Image Source: Vladimir Kudinov)
Player Pop Up Component. (Image Source: Vladimir Kudinov)
Top Panel. (Image Source: Vladimir Kudinov)
Concept pattern By: Rob Hendricks
“It’s not tough to see since a stream IMDB website is so cluttered. The fact is they have A LOT of content. Proper information pattern was pivotal in changing this.”
Main Page. (Image Source: Rob Atomic)
With Foursquare, users are means to share their stream plcae by “checking in” around a smartphone concentration or SMS, bookmarking information about venues and withdrawal applicable idea about circuitously venues. Local merchants also implement a Foursquare to rivet and keep their customers. Redesigning for Foursquare is unequivocally severe as it’s a totally singular use so some-more studies are needed.
Concept pattern By: Clay Parker Jones
Clay Parker Jones believes that a map is a genuine nifty further to Foursquare’s user page as a use is all about location. Clicking on a map would fall a ominous stats with 4 opposite views available. Other add-ons to this page are feeds, likes, tips and suggestions, flattering many like a common amicable network page!
User Page. (Image Source: exitcreative)
It doesn’t matter with a design, each user takes time to adjust a new design. The doubt is, as an user, do we wish to change to any of a pattern above, or you’re good with a stream design? Do we consider these pattern solve your user knowledge issue? we trust these pattern are done to accept your opinion, so feel giveaway to share what we consider about them, each opinion counts!