[cvs] [Wiki] changed: UsefulAJAXinHorde

Chuck Hagenbuch chuck at horde.org
Tue Mar 28 10:47:30 PST 2006


chuck  Tue, 28 Mar 2006 10:47:30 -0800

Modified page: https://dev.horde.org/horde/wicked/UsefulAJAXinHorde
New Revision:  1.3
Change log:  add some tips

@@ -15,4 +15,18 @@
 Filter entry screen
 
 ++ Other
 Progress bar updates (search screens, file uploads).  Sample from Ruby on Rails [http://sean.treadway.info/demo/upload here].
+
+++ Tips on interactive applications
+
+From http://looksgoodworkswell.blogspot.com/2006/01/nine-tips-for-designing-rich-internet.html
+
+# **Make it directly interactive** Instead of page to page interactions think direct interaction. Use in context editing as much as possible. Use drag and drop only where it makes sense. Barring a selection model, put tools as close to the objects being edited as possible. Cooper states it as "Where there is output, let there be input."
+# **Make it inviting** Use hover to invite users to the next level of interaction. If the interface responds well to light events (like hover) it can be used to entice the user to interact.
+# **Use lightweight, in-context popups instead of page transitions where possible** Although they will eventually get over-used, lightweight popups can be your friend. Think of them as annexed areas for your page.
+# **Use real-estate creatively** As mentioned popups help. But slide outs have long been allies in desktop tools, they can be an aid in the world of the web.
+# **Cross page boundaries reluctantly** Think of a page switch as a context boundary that the user may or may not want to cross. Think of it as a place that many of your users will lose interest and no longer follow you.
+# **Create a light footprint** Make it extremely easy to interact. Rating movies or news with just a click on a star with no-refresh is awesome. Checking hostnames without leaving the page is an excellent way to keep a user engaged. Shopping by clicks that only add to a container on the page (instead of going to a new page) are like impulse aisles in the grocery store.
+# **Think of your interactions as storyboards** As the designer you are the director. Think about the event states as acts in a play and your interface elements as actors. Get them all moving towards telling your story. Putting the frames down on a storyboard is a great way to rehearse your script. Think of the interesting moments as opportunities for engagement.
+# **Communicate transitions** Keeping the user informed during lightweight operations (that don't leave the page) with spinning wheels, busy or progress indicators keep the user engaged with a living page.
+# **Think in objects** Instead of thinking about content and pages, think about Rich Internet Objects. The travel log in Yahoo!'s Trip Planner is a good example. Once created it can be searched for or shared. This will help you create more interactive applications and make the user's work recognizable and sharable.


More information about the cvs mailing list