The Wiert Corner – irregular stream of stuff

Jeroen W. Pluimers on .NET, C#, Delphi, databases, and personal interests

  • My badges

  • Twitter Updates

  • My Flickr Stream

  • Pages

  • All categories

  • Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    Join 1,854 other subscribers

Archive for the ‘UI Design’ Category

Web 2.0 apps throwing away your user input #fail

Posted by jpluimers on 2010/06/30

It seems quite a few “web 2.0” apps too have the same glitch: they throw away user input when the first page finishes loading.
This is especially noticeable on slow connections (UMTS, DSL that is a long distance from the phone company, EDGE, GPRS, etc): the connection speeds that a lot of developers don’t seem to test on.

So, the sequence of events  goes like this:

  1. The data entry fields (in this case, from and to location) become visible
  2. You put the focus on the from field
  3. You type the from address (I do blind typing)
  4. You press the tab key to go to the to field (more and more Web 2.0 apps get their tab order right nowadays)
  5. You type the to address
  6. You wait until the “GO” button becomes visible
  7. The Web 2.0 app keeps loading
  8. It erases the “from” and “to” fields that you just typed

Or more general:
when you start typing in a Web 2.0 app which is still loading, almost all the times you loose your input.

And since there is usually no visual clue when the Web 2.0 app has finished loading, you have to wait until you feel comfortable not loosing your input.

Bad!

Examples that get this wrong:

Please add your own in the comments…

–jeroen

Posted in Development, Opinions, Software Development, UI Design, Web Development | 1 Comment »

VMware Virtual Infrastructure Client UI: why is the “edit…” on the top right, away from all other actions?

Posted by jpluimers on 2010/06/09

For almost all actions inside the VMware Infrastructure Client UI, you don’t need the “edit…” action.

The only place you need this is in the “Configuration” and “Users & Groups” tabs.

So when you want to enter your ESXi license, you might wonder how to do that.

Well: hit the “Edit…” action on the far right.
Indeed: far right, especially when running 1920×1200 or other high resolutions :-)

I wonder who did the UI design for the VMware Infrastructure Client, and what the reasoning for the placement of the “Edit…” action is.

–jeroen

via: VMware Communities: Where do I enter my ESXi license key? ….

Posted in Development, Software Development, UI Design | Leave a Comment »

Duplicate Shortcuts IE8 configuration dialog – Alt-N binds to “No” and “Next”. Are UI designers ever going to learn to be nice to keyboard users?

Posted by jpluimers on 2010/05/17

Duplicate Alt-N shortcut: No / NextFor every (re)install, IE8 is usually part of the installation.
So, for the upteenth time, I came across the dialog on the right.
This time Alt-N is bound to both the “No” choice as well as the “Next” button.

–jeroen; wishing UI designers would learn to pay more attention to keyboard users…

Via: 20100516-UI-Duplicate-Shortcuts-IE8 on Flickr – Photo Sharing!.

Posted in Development, Keyboards and Keyboard Shortcuts, Power User, Software Development, UI Design | Leave a Comment »

Classic UI mistake – OK/Cancel buttons for a Yes/No question.

Posted by jpluimers on 2010/04/12

Just unlinked/linked my DropBox account because of some synchronization issues, then got this messagebox:

—————————
Dropbox
—————————
There is already a folder in your My Documents folder called ‘My Dropbox’. Do you want to merge all the existing files in that folder into your Dropbox?
—————————
OK   Cancel
—————————

Sometimes I wonder if programmers ever are going to learn to get the basic UI things right :-)

(This was in version 0.7.110.0 of dropbox)

–jeroen

PS:
I absolutely love the functionality of dropbox, and to their credit: they do get most of their UI right.

Posted in .NET, Delphi, Development, Software Development, UI Design | 7 Comments »