Saturday, 25 June 2011

Skittles Twitters The Rainbow

 [skittles.jpg]

What if a real company decided to turn their whole site into a twitter conversation?


That’s what skittles did in what can only be described as a bold move to embrace Web2.0. 

What a unique approach. In a traditional viral campaign, you launch a viral concept and it takes on a life of its own, living in media largely beyond your control. Skittles did one better. They launched a viral campaign and turned their website into an incubator for the virus. 

Talk about putting your money where your mouth is! An argument could be made that the skittles website isn’t core to their product sales, so replacing it with a twitter results page isn’t as big of a risk as if a B2B company were to do it. But still, you have to respect the moxie of Skittles’ Web 2.0 marketing team. What a great campaign!

Thursday, 23 June 2011

How blogs work?

­
Blogs appear on the news pretty often these days. For example, a reporter is tipped to a story by a blog, or a blog reports another angle on a story. Blogs show up in magazines a lot, too.
But there is a good chance you have never seen a blog (also known as a weblog) or experienced the blogosphere. What are blogs? There are now millions of them -- where did they all come from?
One of the things that is so amazing about blogs is their simplicity.
Think about a "normal Web site." It usually has a home page, with links to lots of sub-pages that have more detail. HowStuffWorks is like this, with thousands of information pages all organized under a home page. A small business site follows the same format -- it might have a home pag­e and five or 10 sub-pages. Most traditional Web sites follow this format. If the site is small, it is sort of like an online brochure. If it is large, it is like an electronic encyclopedia.
­ A typical Web site has a home page that links to sub-pages within the site. CNN.com is typical of this genre. The CNN site contains thousands of articles all organized into big categories. The categories and all the latest stories are accessed from the home page.
­ A blog is much simpler:
  • A blog is normally a single page of entries. There may be archives of older entries, but the "main page" of a blog is all anyone really cares about.
  • A blog is organized in reverse-chronological order, from most recent entry to least recent.
  • A blog is normally public -- the whole world can see it.
  • The entries in a blog usually come from a single author.
  • The entries in a blog are usually stream-of-consciousness. There is no particular order to them. For example, if I see a good link, I can throw it in my blog. The tools that most bloggers use make it incredibly easy to add entries to a blog any time they feel like it.
­­In this article, you will have a chance to enter the world of blogging. You will even learn how to create your own blog and publish it to the world.

Friday, 10 June 2011

Web 2.0 Design – How to Design Web 2.0 Style (part 1)



Web 2.0 Design – How to Design Web 2.0 Style (5 Parts)

 

In this tutorial, I describe various common graphic design elements in modern web (“2.0″) design style.

I then attempt to explain why they work (i.e. why they have become common), as well as how, when and where you might use each element in your designs.

To learn how to design Web2.0 sites yourself, you must read “Save the Pixel – The Art of Simple Web Design”, which is a comprehensive guidebook to the principles and techniques of Web2.0 design.

 Summary of features covered

The list below is a summary of many of the common features of typical “Web 2.0″ sites.
Clearly, a site doesn’t need to exhibit all these features to work well, and displaying these features doesn’t make a design “2.0″ – or good!

Introduction

I’m going to take you through the features of the current wave of excellent web site designs, dissect the most significant features, explain why each one can be good, and show you how to use them in your own sites.
If I had to sum up “Web 2.0″ design in one word, it would have to be “simplicity”, so that’s where we’ll start.
I’m a great believer in simplicity. I think it’s the way forward for web design.
Today’s simple, bold, elegant page designs deliver more with less:
  • They enable designers to shoot straight for the site’s goals, by guiding the site visitor’s eye through the use of fewer, well-chosen visual elements.
  • They use fewer words but say more, and carefully selected imagery to create the desired feel.
  • They reject the idea that we can’t guess what people want from our sites


Thursday, 2 June 2011

What Is Web 2.0

Design Patterns and Business Models for the Next Generation of Software

 

Oct. 2009: Tim O'Reilly and John Battelle answer the question of "What's next for Web 2.0?" in Web Squared: Web 2.0 Five Years On.
The bursting of the dot-com bubble in the fall of 2001 marked a turning point for the web. Many people concluded that the web was overhyped, when in fact bubbles and consequent shakeouts appear to be a common feature of all technological revolutions. Shakeouts typically mark the point at which an ascendant technology is ready to take its place at center stage. The pretenders are given the bum's rush, the real success stories show their strength, and there begins to be an understanding of what separates one from the other.
The concept of "Web 2.0" began with a conference brainstorming session between O'Reilly and MediaLive International. Dale Dougherty, web pioneer and O'Reilly VP, noted that far from having "crashed", the web was more important than ever, with exciting new applications and sites popping up with surprising regularity. What's more, the companies that had survived the collapse seemed to have some things in common. Could it be that the dot-com collapse marked some kind of turning point for the web, such that a call to action such as "Web 2.0" might make sense? We agreed that it did, and so the Web 2.0 Conference was born.
In the year and a half since, the term "Web 2.0" has clearly taken hold, with more than 9.5 million citations in Google. But there's still a huge amount of disagreement about just what Web 2.0 means, with some people decrying it as a meaningless marketing buzzword, and others accepting it as the new conventional wisdom.
This article is an attempt to clarify just what we mean by Web 2.0.
In our initial brainstorming, we formulated our sense of Web 2.0 by example:
Web 1.0   Web 2.0
 
DoubleClick --> Google AdSense
Ofoto --> Flickr
Akamai --> BitTorrent
mp3.com --> Napster
Britannica Online --> Wikipedia
personal websites --> blogging
evite --> upcoming.org and EVDB
domain name speculation --> search engine optimization
page views --> cost per click
screen scraping --> web services
publishing --> participation
content management systems --> wikis
directories (taxonomy) --> tagging ("folksonomy")
stickiness --> syndication







The list went on and on. But what was it that made us identify one application or approach as "Web 1.0" and another as "Web 2.0"? (The question is particularly urgent because the Web 2.0 meme has become so widespread that companies are now pasting it on as a marketing buzzword, with no real understanding of just what it means. The question is particularly difficult because many of those buzzword-addicted startups are definitely not Web 2.0, while some of the applications we identified as Web 2.0, like Napster and BitTorrent, are not even properly web applications!) We began trying to tease out the principles that are demonstrated in one way or another by the success stories of web 1.0 and by the most interesting of the new