Keeping the Web in Web 2.0 Designing user interaction for web applications Instructor: Steffen Meschkat (Google)

Ajax applications Advantages: Sophisticated UI, interactive and visual quality of desktop applications Disadvantages: Browser history and bookmarks of classic web applications are broken if not implemented specifically.

Advantages:

Sophisticated UI, interactive and visual quality of desktop applications

Disadvantages:

Browser history and bookmarks of classic web applications are broken if not implemented specifically.

Classes of interaction state elements Hard state: Change creates history entry E.g.: search in google maps ( http://maps.google.be ) Soft state: Change is recorded in history, but doesn’t create a new entry E.g.: panning in google maps ( http:// maps.google.be ) Transient state: Not recorded in history E.g.: chatbox in google docs ( http://docs.google.com ) External state: Not recorded in history, but recorded elsewhere E.g.: messages in gmail ( http://mail.google.com )

Hard state:

Change creates history entry

E.g.: search in google maps ( http://maps.google.be )

Soft state:

Change is recorded in history, but doesn’t create a new entry

E.g.: panning in google maps ( http:// maps.google.be )

Transient state:

Not recorded in history

E.g.: chatbox in google docs ( http://docs.google.com )

External state:

Not recorded in history, but recorded elsewhere

E.g.: messages in gmail ( http://mail.google.com )