4/15/06 CS 575 Web 2.0 Culture Martin Olsen

4/15/06 CS 575 Agenda What is Web 2.0? Similarities between Web 2.0 pages.

4/15/06 CS 575 What is Web 2.0? Changes –Burst of the bubble in –Many companies fell –Some stayed put / arose Brainstorming session, 2001 –O’Reilly –MediaLive International Initially nothing to do with AJAX

4/15/06 CS 575 Some changes Web 1.0 Web 2.0 DoubleClick-->Google AdSense Akamai-->BitTorrent mp3.com-->Napster Britannica Online-->Wikipedia personal websites-->blogging publishing-->participation cms-->wikis

4/15/06 CS 575 Netscape Web-browser Huge market share in mid 90’s Business model –Supply market with free web-browsers –Offer expensive server-end software –The “webtop” client that would run software through the web No longer market Market has moved up the stack to services delivered over web

4/15/06 CS 575 DoubleClick Early out on internet advertisement DoubleClick only offered services to the high-end clients, not the average users From website: –"over 2000 successful implementations“ Adsense offers services to all types of users for no cost. (very easy implementation)

4/15/06 CS 575 What made some survive? Collective intelligence –The web can not be controlled, users add links –Organizing/Indexing the web (Google, Yahoo) –Google pagerank –Let your users do the work, Ebay, Wikipedia –Amazon Book reviews Other books Resale

4/15/06 CS 575 End of Software rel. Cycles Harder to run traditional software company –Scheduling releases –Software as an artifact –Still doable: Microsoft, Adobe, Game industry. –Harder to break through than before Success stories: software as service Example: –Netscape business model vs. Google business model

4/15/06 CS 575 Web 2.0 Design similarities A lot of pages today have what we call a 2.0 design. Sites that talk about 2.0 design: – 0-culture/ 0-culture/ – ality_check_20.htmlhttp:// ality_check_20.html

4/15/06 CS 575 Design: Shapes Rounded shapes has become common for newer websites. Example: –Gtalkr.com Example no rounded shapes: – / /

4/15/06 CS 575 Design: Shades

4/15/06 CS 575 Design: Fonts Simple fonts, easily readable: Arial Microsoft Sans Serif Not: Times New Roman Comic Sans MS Old English Text MT

4/15/06 CS 575 Design: Colors Pastel colors have become more common: Light pastel background Darker shade of that pastel when used elsewhere Example: –

4/15/06 CS 575 Design: Footers Footers is an expected element. –No footer can be associated with personal web page. –Footer resembles professionalism and business. Example: –

4/15/06 CS 575 Design: Buttons The newer trend is to use buttons that are images –Colorful –Rounded shapes –Often oversized Example: –

4/15/06 CS 575 Design: Oversized Use over sizing as a tool to emphasize: –Headings –“Click here” or “next” buttons –Links Example: –