Designing Your Site for Web 2.0
Have you heard it? There's a buzz like never before on the Internet. Everyone is talking about Web 2.0. If you're like many people, you may think it's a marketing gimmick and quite an overused statement. If so, you would be at least partially right.
Fortunately, there's another side to the story. Underneath all of the chatter is a concept that is even more powerful than the hype that surrounds it.
The concept of Web 2.0 started as a conference brainstorming session between O'Reilly and MediaLive International. During their discussion, they analyzed the companies that had survived the dot-com collapse. Interestingly enough, many of these companies had quite a few things in common. Was there a connection? Was the dot-com crash a turning point for the web? O'Reilly and MediaLive believed so. And therefore, Web 2.0 was born.
So, what is it?
Wikipedia defines Web 2.0 as:
"The term Web 2.0 refers to a second generation of services available on the World Wide Web that lets people collaborate and share information online. In contrast to the first generation, Web 2.0 gives users an experience closer to desktop applications than the traditional static Web pages. Web 2.0 applications often use a combination of techniques devised in the late 1990s, including public web service APIs (dating from 1998), Ajax (1998), and web syndication (1997). They often allow for mass publishing (web-based social software). The concept may include
blogs and wikis."
There is no official standard for what makes something "Web 2.0", but there are certainly a few common attributes
that often describe this new culture of transformation.
You can see many of these concepts in sites like Flickr, del.icious, Wikipedia, Amazon reviews, and the eBay reputation system.
Web 2.0 is built on a system of collective knowledge. It provides a social fabric for the Web, empowering the individual and giving them an outlet for their voice to be heard.
However, we have only seen a small glimpse of the effects of these new transitions. Del.icio.us and Digg are just the beginning of what will soon become a much more interactive Web.
Each day there are a variety of new online applications being released: online spreadsheets, online word processing, to-do lists, reminder services, and personal start pages.
In addition, the Web 2.0 world of design examples can be seen through many changes have generally been disclosed. Was filled with old-school HTML table or a square box. Today's Web is moving to a flexible curve away from the design of the box designers rapidly. When the Internet today, it is designed for all round design, a nice big text, gradients, effects of glass, bright colors.
Rounded Corners:
Let's face it. The days of good 'ol tables and square boxes are good and gone. The Web 2.0 era has ushered in the pleasing sight of rounded corners.
Unfortunately, many web masters have spent unending hours trying to obtain perfectly rounded corners. Their pain and suffering has led to a number of tutorials that will help us bypass the grief.
Below are some links to tutorials that will get you started creating your very own rounded corners:
Nice Big Text:
Have you ever been a website, you almost can not read the text? So, join the club. Fortunately, times have taken a turn for the better. With Web 2.0, large font style in force. You can start using text messages to large number of important outstanding. Of course, you do not want on your site all the text is very large, but to ensure that the text on the page is the most important thing is not in general a larger text.
Gradients:
Gradient Web 2.0 is another popular design element. This background is especially true. Currently used common background, and tilt the top of some other color Daunfejingu continuously throughout the rest of the background of the page.
For a complete tutorial on how to create this type of effect, go to http://www.photoshoplab.com/web20-design-kit.html.
Colors:
Web 2.0 sites are strongly defined by their colors. They nearly always use bright and cheery colors - lots of blue, orange, and lime green.
They also often include large, colorful icons, sometimes with reflections and drop shadows. To see some samples of how web sites are effectively using bright colors, check out:
http://www.9rules.com/
http://www.iconbuffet.com/
http://www.linkedin.com/
Other common design characteristics include the use of tabs, reflections, glassy effects, large buttons, and big text boxes for submission forms.
The embrace of Web 2.0 sites are often identified by their tag cloud. If you have gone through many Web sites over the past 6 months, then you surely have seen the tag cloud. They are used prominently del.icio.us, Technorati's, and Flickr. A tag cloud is basically the content on the site a visual depiction. In many cases, the more popular the tag shows a larger font.
Why not add a tag cloud to your own site? Not only do they look cool, but they also provide your visitor with a search tool that helps them to find your content quickly and easily.
You can create your own tag cloud with a very simple service called Eurekster Swicki. This is a community-based search engine that creates free tag clouds for web sites.
Although we have discussed many of the design elements associated with Web 2.0, this change is much more than just an aesthetic transition. Web 2.0 is essentially on the transition in the way we experience the Internet. The new Ajax programming web-based Master allows to create an architecture of participation of its users. Web 2.0 refers to the ongoing transition to full participation on the Web.
Your site can be much more than a source of information. Your Web presence is a part. With good programming skills, you can create a virtual world complete with an online shopping mall which compares prices from various merchants seeking dynamic coupons, and displays reviews Amazon.
In addition, traditional desktop applications are rapidly becoming available online as a service. Why not offer your visitors the ability to create their own to-do lists, online note pads, reminder services, and personal start pages?
Designing Your Site for Web 2.0
Have you heard it? There's a buzz like never before on the Internet. Everyone is talking about Web 2.0. If you're like many people, you may think it's a marketing gimmick and quite an overused statement. If so, you would be at least partially right.
Fortunately, there's another side to the story. Underneath all of the chatter is a concept that is even more powerful than the hype that surrounds it.
The concept of Web 2.0 started as a conference brainstorming session between O'Reilly and MediaLive International. During their discussion, they analyzed the companies that had survived the dot-com collapse. Interestingly enough, many of these companies had quite a few things in common. Was there a connection? Was the dot-com crash a turning point for the web? O'Reilly and MediaLive believed so. And therefore, Web 2.0 was born.
So, what is it?
Wikipedia defines Web 2.0 as:
"The term Web 2.0 refers to a second generation of services available on the World Wide Web that lets people collaborate and share information online. In contrast to the first generation, Web 2.0 gives users an experience closer to desktop applications than the traditional static Web pages. Web 2.0 applications often use a combination of techniques devised in the late 1990s, including public web service APIs (dating from 1998), Ajax (1998), and web syndication (1997). They often allow for mass publishing (web-based social software). The concept may include
blogs and wikis."
There is no official standard for what makes something "Web 2.0", but there are certainly a few common attributes
that often describe this new culture of transformation.
You can see many of these concepts in sites like Flickr, del.icious, Wikipedia, Amazon reviews, and the eBay reputation system.
Web 2.0 is built on a system of collective knowledge. It provides a social fabric for the Web, empowering the individual and giving them an outlet for their voice to be heard.
However, we have only seen a small glimpse of the effects of these new transitions. Del.icio.us and Digg are just the beginning of what will soon become a much more interactive Web.
Each day there are a variety of new online applications being released: online spreadsheets, online word processing, to-do lists, reminder services, and personal start pages.
In addition, the change is evident in the Web 2.0 we can see that many of the world, through a common design practice. Old-fashioned square table in HTML is the box and full. Today's web designers are rapidly away from the curve of a square design flexibility. In the design of today's Internet, it is all about the design of a round, beautiful big text, gradient, glass effects and bright colors.
Rounded Corners:
Let's face it. The days of good 'ol tables and square boxes are good and gone. The Web 2.0 era has ushered in the pleasing sight of rounded corners.
Unfortunately, many web masters have spent unending hours trying to obtain perfectly rounded corners. Their pain and suffering has led to a number of tutorials that will help us bypass the grief.
Below are some links to tutorials that will get you started creating your very own rounded corners:
Nice Big Text:
Have you ever been a website, you almost can not read the text? So, join the club. Fortunately, times have taken a turn for the better. With Web 2.0, large font style in force. You can start using text messages to large number of important outstanding. Of course, you do not want on your site all the text is very large, but to ensure that the text on the page is the most important thing is not in general a larger text.
Gradients:
Gradient Web 2.0 is another popular design element. This background is especially true. Currently used common background, and tilt the top of some other color Daunfejingu continuously throughout the rest of the background of the page.
For a complete tutorial on how to create this type of effect, go to http://www.photoshoplab.com/web20-design-kit.html.
Colors:
Web 2.0 sites are strongly defined by their colors. They nearly always use bright and cheery colors - lots of blue, orange, and lime green.
They also often include large, colorful icons, sometimes with reflections and drop shadows. To see some samples of how web sites are effectively using bright colors, check out:
http://www.9rules.com/
http://www.iconbuffet.com/
Other common design characteristics include the use of tabs, reflections, glassy effects, large buttons, and big text boxes for submission forms.
Site, and can often be identified by the Web 2.0 tag cloud is adopted. Cases, go into the last six months, has traveled the web looking at the tag cloud bet. They stand out del.icio.us, Technorati is, Flickr is used. Tag cloud is a visual depiction of content on the website basically. Often, the more popular tags are displayed in large font.
Why not add a tag cloud to your own site? Not only do they look cool, but they also provide your visitor with a search tool that helps them to find your content quickly and easily.
You can create your own tag cloud with a very simple service called Eurekster Swicki. This is a community-based search engine that creates free tag clouds for web sites.
Although we have discussed many of the design elements associated with Web 2.0, this change is much more than just an aesthetic transition. Web 2.0 is essentially on the transition in the way we experience the Internet. The new Ajax programming web-based Master allows to create an architecture of participation of its users. Web 2.0 refers to the ongoing transition to full participation on the Web.
Your site can be much more than a source of information. Your Web presence is a part. With good programming skills, you can create a virtual world complete with an online shopping mall which compares prices from various merchants seeking dynamic coupons, and displays reviews Amazon.
In addition, traditional desktop applications are rapidly becoming available online as a service. Why not offer your visitors the ability to create their own to-do lists, online note pads, reminder services, and personal start pages?
Posted in: ajax tutorial| Tags: Internet web site designing concept generation itthere buzz medialive reilly