Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Gurmeet Ghatora's Presentation


Published on

This is a presentation i made for my add+vantage module on how to do business over the internet at university. I did some research and made notes to focus on a presentation about how web 2.0 has revolutionized web design.

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

Gurmeet Ghatora's Presentation

  1. 1. How Web 2.0 has Revolutionized Web Design Presented and written by GURMEET SINGH GHATORA <ul><li>What is Web Design and Web 2.0 </li></ul><ul><li>How was web designing like in the web 1.0 era </li></ul><ul><li>Examples of How Web 1.0 sites were designed </li></ul><ul><li>How is web designing like in today's web 2.0 era </li></ul><ul><li>Examples of How Web 2.0 sites are designed </li></ul><ul><li>What does Web 2.0 means for web designers </li></ul>
  2. 2. Firstly What is Web Design and Web 2.0 Web design is the design or designing of a Web page, Website or Web application. The term generally refers to the graphical and technical side of Web development using images, JavaScript, CSS and XML. Web 2.0 is a term popularized by Tim O’Reilly. It is an expression which was used for the first time in 2004 and referred to the second generation of Internet. The main characteristics of new era in Internet is connected with its constant development and delivering services tailored to the needs of each user. This refers to a perceived second-generation of Web-based services—such as social networking sites, wikis and communication tools Ref:
  3. 3. How was Web Designing like in the Web 1.0 era <ul><li>Web 1.0 was all about making the internet for people. In 1994, Yahoo and Amazon had only just launched and most websites were text-based, Google and eBay had yet to appear. </li></ul>Ref: Ref: http :// - Jakob’s website <ul><li>In the 90’s, websites had loud background images and &quot;email me&quot; </li></ul><ul><li>mailboxes with letters going in and out in an endless loop. The reason why web </li></ul><ul><li>design was so bad was due to lack of knowledge. As Sir Francis said himself, </li></ul><ul><li>‘ Knowledge is power’. Only a few people knew how to build a good website back </li></ul><ul><li>Then. But even then authorities like Jakob Nielsen started critically evaluating their </li></ul><ul><li>studies of web user behavior. </li></ul><ul><li>Most of the designers in this era used simple Hyper Text </li></ul><ul><li>Markup Language to design their websites (like Yahoo - 1994) to view information </li></ul><ul><li>not considering the aesthetical features to make the site look good. There weren't </li></ul><ul><li>many web technologies around that time to enable them to do this, so web </li></ul><ul><li>designers were limited. </li></ul>
  4. 4. Examples of Web 1.0 Web sites - McDonalds This is the website in 1996, 11 years ago. This is the home page, where the user clicks to view website as a adult or kid. Here shows the website viewed as adult. Very simple and you can see how bad the design is. Ref:
  5. 5. This is the website on Dec 02, 1998 . 9 years ago Another example of Web 1.0 Web site - Google This is the actual page of Google in 1998. Its very simple and used tables has a form input field to sign up for newsletter every month.
  6. 6. Examples of Web 1.0 Web sites - Yahoo This is the website in Oct 17, 1996, 11 years ago. Ref: This is the home page of yahoo. You can see how simple it is with text, bullet lists and graphics and a huge used of space.
  7. 7. How is web designing like in today's web 2.0 era <ul><li>Web 2.0 is making the internet better for companies and web designers play an </li></ul><ul><li>important role in this development. </li></ul><ul><li>Web designers have to use a new combination of technologies to revitalize and </li></ul><ul><li>enhance web features – JavaScript, JavaScript Object notation, Ajax – </li></ul><ul><li>Asynchronous JavaScript + XML, these are the new web technologies and they </li></ul><ul><li>are being used substantially across the World Wide Web. </li></ul><ul><li>For visual designers its not jus about creating designed web pages but to use </li></ul><ul><li>XML technologies to enhance features and functions on a website – A form is </li></ul><ul><li>enhanced with java script – click on a field and it changes colours, click on something </li></ul><ul><li>that gives me some sort of usability cue to show how something is done while on </li></ul><ul><li>the same page. </li></ul>
  8. 8. How is web designing like in today's web 2.0 era 2 <ul><li>Let’s take Flickr for example. Ajax is used throughout the site. This allows a means of </li></ul><ul><li>communicating with a server without refreshing the current page. Today in web 2.0, </li></ul><ul><li>web designers have to choose the best option for a given task. </li></ul><ul><li>Flickr allows you to: </li></ul><ul><li>Update many parts of a document, Ajax will do the job well. </li></ul><ul><li>Retrieving data from another source, JSON coding is the only current option. </li></ul>One of the more common ingredients would probably be use of the AJAX programming technique — a technique that generally speaking adds an element of real-time interactivity to Web pages that might otherwise be very static. Ref: Google's Gmail e-mail service, for example, uses AJAX to keep your view of the inbox updated as new mail arrives with out having to refresh the entire Web page. This Involved complex web programming and will only work using accurate syntax coding.
  9. 9. Examples of Web 2.0 Web sites - YouTube This is the website today and was first appeared on April 28 th 2005, 2 years ago. Ref: You Tube is a place for people to engage in new ways with video by sharing, commenting on, and viewing videos. YouTube originally started as a personal video sharing service, and has grown into an entertainment destination with people watching more than 70 million videos on the site daily. Ref:
  10. 10. Examples of Web 2.0 Web sites – Myspace This is the website today. Ref: Myspace has gone beyond being just a social site and has now become a social platform where companies form around the sole purpose of developing widgets to use on Myspace . That’s power that any site would love to have.
  11. 11. So what does Web 2.0 means for web designers For web designers it doesn’t matter what web 2.0 is and what people say about It. What does matter is to focus on their job, seek to understand the business, economical and social issues. To educate themselves on hot technologies like XML and know what are the fuzz words. What do they need to know about it and how can they help in their goal as web designers and for their users and customers. Ref: Technology and design for the web are changing dramatically and quickly, Their jobs require constant learning, Designers have to accept change, embrace it and love it in the web 2.0 design industry. If not, people are miserable and cannot handle change. Most web designer today look for organic inspiration, at other media i.e. magazines, interactive media, textures colours, interactive design and not just other websites to get their inspirations. Their main Objective is to have an ongoing acceptance that they will always be learning if they want to stay on top. Ref: