Discover the best of the web!
Learn more about Digg by taking the tour.
Analysis of Web 2.0 Design Trends – Part 1: Clean, Colorful and Horizontal
styleignite.com — A look at one of the many web 2.0 design and layout trends. There are several sections of the website which are all divided by different colors and layout. Each segment serves a specific purpose, with the amount of "real" information increasing as you move further down the page, and the amount of "marketing" information decreasing as you move down
legogirl- 977 diggs
- digg it
- falafelkiosken, on 11/15/2007, -7/+28I love such design, the only thing is: there is no such thing as "Web 2.0" design, Web 2.0 is a way of user interaction and it has nothing to do with the look of a page
- skidooer, on 11/15/2007, -4/+2Web 2.0 is about computer interaction with the data. In other words web services (i.e. RSS, AJAX, etc.)
- statikuz, on 11/15/2007, -0/+4How can you say "Web 2.0 is a way of user interaction" and then say "it has nothing to do with the look of a page"?
- Tippis, on 11/15/2007, -0/+4Interaction between users, not interaction between the user and the page.
- falafelkiosken, on 11/15/2007, -0/+1The page can be ugly as hell and poorly designed and still be 2.0 (look at myspace)
and yes, Tippis, it's interaction between users, my fault
- decavolt, on 11/15/2007, -2/+1No, "Web 2.0" is a ***** buzz word. And, for the record, user interaction has everything to do with design. Design means more than just "pretty pictures".
- mpegman2007, on 11/15/2007, -0/+0Interface design always makes technology accessible for human interaction - and therefore there _has_ to be something new in the age of web 2.0! The Article describes for instance at first the trend of horizontally divided page designs. If you think about ajaxified horizontal collapsible boxes (like this comment box here on digg.com) you get the point. But of course one thing is also true: not every reflected Logo or Web 2.0 badge makes good web design. But to make all possibilities of Web 2.0 available to a user, you have to design different!
- plainOldFool, on 11/15/2007, -0/+13While you are certainly technically correct, the Web 2.0 "style" has become synonymous with user interaction based sites (myspace being a notable exception). Trebuchet, soft gradiants, curves, 'wet-floor' reflections .... almost as expected to be part of the WEB 2.0 developers tool kit as AJAX.
- Jeffler, on 11/15/2007, -2/+12My only concern with the Web 2.0 "style" is that we're getting to the point where every site looks the same. Thats not necessarily a bad thing, but its also not great.
- kainnation, on 11/14/2007, -0/+1I agree in part. There are plenty of ugly websites out there still while the Web 2.0 style is displaying content in a less cluttered, visually pleasing, easier to use way and I feel it's easier to separate the content from the crap. Maybe the designers should be stepping back to figure how they can use a basic Web 2.0 style and make it more of their own. Also a lot of the problem are the CMS' that people are using and not customizing to set themselves apart. As long as your site has the content I want I just care about my ability to retrieve that content. The Web 2.0 model is just a nice way of describing a new way that everyone is jumping on to display and use content in new ways while making it visually pleasing with less distractions... don't forget to make your Web 2.0 site code valid and gracefully degrade.
- falafelkiosken, on 11/15/2007, -0/+1I can agree, if all "web designers" start copy each others it wont feel very fresh anymore, but there are lots of designs which use this style without feeling uninspired, I guess this "new" look is more an evolution of the way to design web pages than a trend
- hydrodev, on 11/14/2007, -0/+1dug to death already?
- HerrEisenheim, on 11/15/2007, -3/+1It's not down. Just very, very slow.
- kru1e, on 11/14/2007, -0/+1My favorite of these is Studio3K, I like the contrast between the top/ bottom and the center.
- boomybx, on 11/15/2007, -0/+1I really like it too! Too bad it's full of images (makes it easier to have a pretty looking website), that's not what I call "true" webdesign. And also, the png files in the header look bad on IE6 (which I use only for tests). But it still looks very elegant.
- vx69, on 11/15/2007, -0/+7Kill the buzzwords please.
- blake213, on 11/15/2007, -0/+10I'm a bit tired of this style myself. Everything is turning cartoony and losing the impact of truly elegant design. And like Jeffler said, it's all starting to look the same.
Web design should be about making a site or company stand out from the rest, not adhering to some monotonous set of rules and trends like pastel colors, reflections, and bubbly badges. - dofkex, on 11/14/2007, -0/+1any mirrors?
- HerrEisenheim, on 11/15/2007, -3/+1It's not down. Just very, very slow.
- oesj, on 11/14/2007, -1/+1http://duggmirror.com/design/Analysis_of_Web_2_0_D ...
- thredden, on 11/15/2007, -0/+3funny, i tried to bring up the page on duggmirror and it said it was stalling because of css, javascript and ajax features....
devs, lets try to get back to functional sites...- HerrEisenheim, on 11/15/2007, -3/+1It's not down. Just very, very slow.
- zelzin, on 11/15/2007, -1/+1Enough!
- NoShameInc, on 11/15/2007, -0/+1Though the site's AJAX failed to load, the site could still be viewed properly through diggmirror. That's still a functionality aspect, even though certain features of the site where disabled the story was still viewable.
- HerrEisenheim, on 11/15/2007, -3/+1It's not down. Just very, very slow.
- taylormingos, on 11/15/2007, -8/+5As the founder of Shoeboxed, I want everyone to know that Rob Goodlatte, a fellow Duke student, is responsible for the great front page design (he is not credited in the article). The design is a great new face for our receipt organization and social shopping platform!
Taylor
http://www.shoeboxed.com - kxhoopshooter, on 11/15/2007, -9/+2This is just shameless self-advertising of a new web 2.0 design I'm trying. My website!- www.cantheworldhearme.com
- vacuum2440, on 11/15/2007, -2/+1its vital for websites to start realizing that web 2.0 is the only way to stay competitive in the online market..its funny because even porn sites are becoming increasingly more web 2.0
some of my favourite web 2.0 sites/applications would have to be:
http://www.stumbleupon.com
http://www.getitnext.com
http://www.popurls.com
and i was suprised when i came across this porn site from a list of web 2.0 websites. Its more web 2.0 than most non-pornagraphic websites:
http://pornput.com
oh and of course digglabs...that ***** is cool! - zingyGecko, on 11/15/2007, -0/+4"Web 2.0 is a combination of Web 1.0 and being punched in the dick."
http://www.somethingawful.com/d/hogosphere/web-20. ... - stuma9000, on 11/15/2007, -1/+3These designs work because it's about usability. They are more usable. If every site works the same then I can find what i want more easily.
- falafelkiosken, on 11/15/2007, -0/+2Yeah, it feels like the web has matured a lot the last years, the awareness of how to design smart pages seems to have increased
- TheSchwa, on 11/15/2007, -0/+4I wish this analysis did more analyzing. There's are reasons behind these trend, maybe they're obvious, but they're still worth mentioning.
1) Although it can get monotonous to look at similar layouts, they are easier to navigate by people who have never been to the site before, because they're used to this.
2) The trend in vertical views is something that should have been emphasized a long time ago; The web is inherently vertical. People are used to scrolling up and down, and particularly on smaller, mobile, screens, the information can be more easily read.
3) Large catchy text that gets right to the point is used at the top followed by more details and less ads as one moves down, because people will naturally look at the top of a page first, and their attention needs to be grabbed within the first few moments of viewing. You can then slowly add more information as the user continues to be more interested.
4) The move towards more simplistic, vectorized, layouts is a much needed change from the busy layouts of the 90s. These softer layouts and color choices are less straining on the eyes, and items like gradients are used to create subtle emphasis without looking like the eye soar edges of the "web 1.0" generation.
There are a lot of complaints about the styles of these new "web 2.0" websites, and many of them are worth noting and accounting for. (i.e. layouts looking too similar. Easily navigated interfaces can be maintained while still creating personalized sites), but many of these trends are here to stay, and as a voracious web surfer, I enjoy level of ease they add to browsing. I really enjoyed how this analysis and hope to see more of them. - pucklewis, on 11/15/2007, -1/+1Sounds pretty viral, in my opinion.
It makes me think people are going to visually browse the web.
(This is when I stop going to the internet)
That is just ***** invasive. 2.0 Sounds like big brother.
Hotkeys are fun. - copperdomebodha, on 11/15/2007, -0/+0I recall a frequently visited site that began laying out their pages in this horizontally oriented groups style a few years ago. I think the first place that I saw this style utilized. It was Apple.
- arcooke, on 11/15/2007, -0/+3I'm getting sick of all these cookie cutter web 2.0 designs. They all look the same. Yes, they're nice, they're easy on the eye, and usually easy to navigate.. but what ever happened to creativity?
- artemoff, on 11/20/2007, -0/+0great trends
http://hotnewbase.blogspot.com/ - breakdancingcat, on 11/30/2007, -0/+1Too much creativity can lead to a very disorganized layout. I'm used to designing vertically myself, but this has given me inspiration to try something new.
- vikingkarwur, on 02/03/2008, -0/+0nice...
© Digg Inc. 2008 —
Content posted by