Pattern Four: Rich User Experiences

Web 2.0 in this pattern

Applications including desktop and web application’s user experiences would be a very important point of software. Web 2.0 applications needs more deign for rich user experiences than desktop interface, because web applications are used more on interaction and communication area rather than desktop software that used more on individual application. In the other hand, with the software technology development, rich user experience in Web 2.0 could catch up, even surpass desktop application. For example, using AJAX or HTML5 or Flash techniques, traditional office work could be transferred into online application. About HTML5, as Wikipdia mentioned, “HTML5 adds many new syntactical features. These include the  new <video>, <audio> and <canvas> elements, as well as the integration of Scalable Vector Graphics (SVG) content that replaces the uses of generic <object> tags. These features are designed to make it easy to include and handle multimedia and graphical content on the web without having to resort to proprietary plugins and APIs.” Thought rich user experience, website will be upgraded to a new level with user satisfaction.  How to do it:

  • Combine desktop and online experiences

Desktop application experiences are a good reference towards Web 2.0 application, including fast speed, high interactivity and big computer power. Meanwhile online experiences are better on collaboration and communication area.

  • Simple first and meet usage requirement

Rich user experiences do not mean very complex user interface and very powerful integrated system.  User requirement needs to be matched on a basic level.For example ,Google docs could do office work with simple features.

  •  Search over structure ,content address ability, personalization

Web 2.0 user experience pays more attention to search technique, content addressability and application personalization.

Some cons of the pattern

  • Compatibility: Rich user experiences have higher requirement for multi-platform support.
  • Lack of standards: Each company or funds have their own tech-standard.
  • Network dependence: Rich user experiences have higher network dependence.

Evaluating Web 2.0 application

Youtube( is the world largest video clip share website. Besides the “collective intelligence” and “data inside” as other famous Web 2.0 website, on 2008 ,Youtube still used old techniques ,as Rayburn(2008) said,” YouTube streaming”, YouTube is not streaming. All YouTube content is delivered progressive download, via HTTP, and is not being delivered from a Flash Media Server [FMS]. Delivering and scaling video via HTTP is much easier and cheaper than using a streaming media server and streaming protocol. “ .But now Youtube’s new user interface and video play features are perfect with HTML5.  Youtube interface combine the fast speed and high interactivity video streaming features of desktop application and mobile devices, meanwhile it is very simple to meet the users requirement to search video, watch video, comment video, doing subscription, get video recommendation and share to other web pages. Youtubes also allow register user to do multi-dimension video searching, personalization of own channel. Meanwhile Youtube kept the same style and performance in different web browser platform like IE or Chorme. Comparing with other video website, Youtube’s application is designed more direct and easy to use. In the future, Youtube would extend their video application with social network and mobile devices platform.


Wikipeida HTML5

Rayburn,D.  2008.  Why Is the YouTube User Experience So Poor?


2 Comments (+add yours?)

  1. Julie
    Apr 06, 2012 @ 01:12:37

    The post you create is very good. I get some much clear information from here. From the evaluation part for web2.0 applications, i learn knowledges about youtube. I think that it is a better way to know even i can find this in internet. Moreover, links, examples help me achieving more. Thank you very much.


  2. Bo Peng
    Apr 06, 2012 @ 05:12:48

    thank you very much for your comments


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s

%d bloggers like this: