Design Trends For Web Applications

Design Trends for Web Applications Rich Miller Research Scientist, LexisNexis World Usability Day – 11/08/2007

The state of web application design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

The web2.0 triangle create consume connect/share As applications mature, they move toward the middle, e.g. GoogleMaps adding mymaps

One of the millions of new sites appearing… Q: What does this have to do with anything? A: It demonstrates the “lowering barrier of entry”

Ridiculously cheap hosting services It can get as cheap as $4 !

The lowering barrier of entry ,[object Object],[object Object],[object Object],[object Object],[object Object]

Trends in user behavior, expectations ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Trends in web application design ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Stability of focus ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

“ Task-focused” UI example: lala

From tutorial by trulia “ Task-focused” UI example: trulia

Emergent, faceted navigation ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Apps becoming more visual and interactive ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Network effects and collaboration ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Connectbeam – collaboration through enterprise tagging ,[object Object]

Webtop merging with the desktop ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Rich Internet Applications (RIAs) ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Rich applications and components

User Experience Evolution WEB APPLICATIONS CLIENT/SERVER MAINFRAME Text UI Integrated media GUI Local Global 1992 1998 2004 RICH INTERNET APPLICATIONS

<submit> <data> <data> <data> Rich Internet Application Traditional Web Application ,[object Object],[object Object],[object Object],[object Object],<submit> <data> <data> <data> <data> <data> <data> <data> <data> <data> <data>

Why use RIAs? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Usability Issues with RIAs ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

What are the RIA tools options? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Simplicity and mini-task efficiency ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Example web applications ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Category/Characteristics Applications

Trend strength by site H H H M H M H yahoo pipes M L H M H M M many eyes L L M H L M L facebook Linked-in L M L L H L M Google Finance L L L M L H L del.icio.us H H M M M L H buzzword H H H H L L H Zoho ThinkFree Google mini-task efficiency RIAs webtop desktop networkcollabo  viz faceted nav stability of focus

Questions? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Design Trends For Web Applications

Recommandé

Recommandé

Contenu connexe

Plus de Rich Miller

Plus de Rich Miller (6)

Dernier

Dernier (20)

Design Trends For Web Applications