Friday, November 18th, 2005

Ajax Dialog Windows

Category: UI, Usability

<>p>Luke Wroblewski, a usability guy, has written about Ajax Dialog Windows.

He analyzes the new world of poping up dialog windows, rather than having to send people to new pages for those tasks.

This technique makes perfect sense when:

  1. You only need to capture a little content
  2. You don’t want to end up on a different page after that information is submitted (and hence you don’t have to go to a new page, and then get sent back. You get to just stay on the page!)

We must remember the visual

As Edward Tufte pointed out in Visual Design of the User Interface (1989):

“The border of an active window should be light in value (to avoid
clutter with other windows), yet deeply saturated (to provide a
conspicuous signal). Yellow is the only color jointly satisfying those
conditions, and therefore proves valuable for bordering windows.” -Window Research: Color Guidelines

Tufte’s analysis may explain why yellow backgrounds
are often the preferred choice for differentiating dialog content from
the rest of a user interface.

Not so mellow yellow

Related Content:

  • Working with ColorDialog in WPF
    In Windows, there is a native ColorDialog window. This dialog is not very friendly to WPF applications however. This tip shows how to force the dialog...
  • Getting a DialogResult
    When interacting with the user, you need to gather information for use later in the application. Dialog windows are a common way to solicit this...
  • Ajax Learning Guide
    Chances are, you've been doing JavaScript and XML developer work in Lotus Domino for quite some time. This old/new approach is causing quite a stir in...
  • Ajax Learning Guide
    Are you a Web developer? The time has come to rethink your entire approach to developing Web applications. Find out about the Ajax approach...
  • Dialog box over the Web
    This tip describes a method for employing dialog boxes over the...

Posted by Dion Almaer at 10:08 am

3.7 rating from 63 votes


Comments feed

I agree this kind of technique is good from a general usability point of view, but how does it fair from an accessibility point of view? For example how would a screen reader cope with an example like the above?

Comment by Ian — November 18, 2005

Yeah, I agree with Lan, now with this tech, we can make GUI of web become strongly like Application in windows..the problem is speed of web.I think If we apply this to our web. not too much but I’m sure that speed of loading will lower than normal…

Comment by Zeroj — December 19, 2006

great .. thanks for sharing

Comment by gautam — April 12, 2007

i will see

Comment by fahed — November 12, 2007

Leave a comment

You must be logged in to post a comment.