For those building web apps, help the user’s transition from the desktop to the browser be more seamless and natural by mimicing the bahaviour of desktop apps on your web app. Code libraries have matured to allow for drag and drop and other advanced interactivity – take advantage of this to help deliver a more familiar and comfortable experience.
Murder in the First dvd Source: Google Docs intuitive drag and drop (UI Scraps)
Well said. And well written.
Cheers,
Jason R.
http://uiscraps.tumblr.com
I can see a big problem in Web applications. By the first sight the Web application look no different then any other page.
How can I know that I can drag&drop? How can I know that this is “Web Application” that allows me to do more? There are no clear visual guides. And if there were then the value was decreased by zillions of web pages that use this visual style without providing necessary capability. For example if I see window-like styled DIV then I don’t expect it is drag-able by default…
For me the only way how to make it clear is not only support the behavior of desktop application but also have the full look of the desktop application. If you came across the page that looks 100% like your Word, sure you will try to behave like in Word and you will expect pull down menus and drag&drops.
This is not the case of Google UI. People don’t expect it to behave like desktop application yet so people will not even try it. This is the problem with their “simplistic” design.
For me the nice way is Mozilla’s XUL that I use for development. It is web-based but it looks like native desktop app on whatever OS you use…