A beginner’s guide to Web 2.0

A beginner guide to Web 2.0

Remember when first knowing the term Web 2.0, I have no idea about what it is except Web 2.0 is the latest generation of web trend. It took me sometime to have a clear picture of it. So, if you are new to Web 2.0, this post is for you because I will teach you the best way to understand the Web 2.0 and what its web design trend.

Learn from the term inventor – Tim O’Reilly!

Tim O'Reilly explaining Web 2.0

The term Web 2.0 is invented by Tim O’Reilly, during a conference in 2004. According to him “Web 2.0 is the business revolution in the computer industry caused by the move to the internet as platform, and an attempt to understand the rules for success on that new platform.” He posted an article title “What is Web 2.0” to explain the essence of Web 2.0. Here I quoted the graph from the article that is showing the movement of web 1.0 to web 2.0:

Web 2.0
Google AdSense
Flickr
BitTorrent
Napster
Wikipedia
blogging
upcoming.org and EVDB
search engine optimization
cost per click
web services
participation
wikis
tagging (“folksonomy”)
syndication
Web 1.0
DoubleClick –>
Ofoto –>
Akamai –>
mp3.com –>
Britannica Online –>
personal websites –>
evite –>
domain name speculation –>
page views –>
screen scraping –>
publishing –>
content management systems –>
directories (taxonomy) –>
stickiness –>

Besides that, you can always learn something from Wikipedia, including Web 2.0. According to Wikipedia, Web 2.0 refers to a perceived second generation of web-based communities and hosted services — such as social-networking sites, wikis and folksonomies — which aim to facilitate collaboration and sharing between users. Below is a mind map of Web 2.0 which sums up the important aspects of Web 2.0.

The mind map of Web 2.0 showing its important aspects

The Machine is Us/ing Us

So if you think it is too much text to read and not your liking, you may like this awesome video explaining what is Web 2.0. The video is very attractive and explains well on the evolution of web and how the human react with the emerging Web 2.0. I like this video very much after the first time watching and I have been watching it several times since then.

Web 2.0 design guide

Web 2.0 design guide by Web Design From Scratch

Now we talk about the characteristics of web 2.0 design guide and trend. I found that Web 2.0 websites has several similarities: The color is brighter and tastier, the text is bigger, roundish logos, tab browsing, glossy, reflections, badges, nice icons and more. And most important is web page styling by using validate CSS and tables are no longer in use.

Web Design from Scratch had posted an article explaining the Web 2.0 design trend as well as guiding you on making Web 2.0 style design. The article is quite long but very resourceful, worth a delicious. If you interested on the Web 2.0 style logo, you can check out this article I posted earlier.

Let’s play a little Web 2.0 game

Jayhan is a Master Degree of Web 2.0. How about you?

If you want a little more interactive on learning, this Web 2.0 quiz exactly fit your taste. There is a set of 8 questions about the essential knowledge of Web 2.0. Give yourself a try on the quiz and don’t worry if get the answers wrong because explanation will be give after the submission.

Next, perhaps you can try “Identify a Web 2.0 logo” game with this awesome Web 2.0 pixel poster partially shown below. There’s a Del.icio.us, Last.fm, Blogger, Odeo…. The poster is nice! How I wish to buy this poster but I don’t have enough money!

Can you identify a Web 2.0 site logo?

So here is it, a beginner guide to Web 2.0 trend and design. From my experience, to really know how the Web 2.0 functions, you have to use them. Try social bookmarking, try social networking, try personalize homepage, subscribe to Techcrunch, Mashable, Smashing Magazine and more, then you will know what is Web 2.0!

Similar Posts:
Powered by Shutterstock

Comments