Archive for the ‘User Interface Design’ Category

How Important is Label Placement and Alignment in Forms?

Thursday, January 21st, 2010

Form Field Eye TrackingTo some, it may seem like a trivial or even mundane point to even give any thought to this at all. But choosing suitable placement for your form labels can be very important indeed.

The experts at UXmatters have done extensive research in this area and have a lot to say on the subject.

In an article, published earlier this week, they provide detailed answers to a question about Label Alignment in Long Forms.

And that article is essentially a follow up to their Label Placement in Forms article published over 3 years ago but still as relevant today as it was then.

Using eye tracking tests with users, they tested the time spent filling forms and, specifically, the eye saccades between labels and entry fields. This basically showed how much effort was required by the eyes to scan the form and by the brain to make sense of what it was seeing.

Here’s my interpretation of the results:
(more…)

GUI Design Studio 3.5 Released

Thursday, November 26th, 2009

New Version 3.5GUI Design Studio version 3.5 is now available for immediate download. This is a maintenance release with some fixes and changes based on customer requests. It’s a free upgrade for all registered users.

For customers using any prior version of GUI Design Studio, simply install the new version and your existing licenses will continue to work.

Tree Icons
Tree IconsUntil now, Tree elements have come with just a couple of basic sets of icons and the only way to change individual item icons was to place other icons on top.

That worked well until scrolling and item expansion/contraction functionality was added in version 3.3. After that, you needed to jump through a few hoops with components to get custom tree icons working properly.

Well, we’ve finally given Tree items their own icon property so you can now select them directly and everything works as it should. For convenience, the icon selector also keeps a record of the 10 most recent icons for fast, one-click selection.

Other Changes
(more…)

A Powerful User Profiling Example for Software Usability

Thursday, November 5th, 2009

For optimal usability in software design, there’s nothing more powerful than developing a laser targeted profile of the people who will be using it and discovering their particular needs and wants.

In the highly competitive smart phone market, a new breed of phones based on Google Android are doing just that, going head-to-head with the Apple iPhone.

Whether or not you’re interested in smart phone technology, this video, comparing the new HTC Hero with the iPhone 3GS (courtesy of PhoneDog.com), contains a great example of taking a specific user profile and creating a targeted user experience for them.

In many respects, the two phones are similar, but see how the folks developing the HTC Sense UI have focussed their efforts on provding a far superior interface for people who need to communicate through email and social media. This is a very specific (and growing) target market and a key distinction for HTC when the Hero lags behind the much more mature iPhone in many other areas.



Parts 2 and 3 of the review are less interesting from a user interface design and usability point of view as these are more concerned with performance and comparison of like-for-like application features.

However, it’s worth watching Part 2 from around the 7 minute mark for another great example of how the HTC keyboard interface and the spell checking facility has some really well thought out advantages over that of the iPhone.

From a hardware usability perspective, it’s interesting to note how the ‘chin’ of the HTC Hero causes the device to flip up when it’s placed on a flat surface and the buttons are pressed. This may have become an issue for early users because newer versions seem to have dispensed with the chin and adopted the more streamlined, flat form factor.

GUI Design Studio 3.4 Released With Enhanced Team Collaboration Support

Friday, August 28th, 2009

New Version34GUI Design Studio version 3.4 is now available for immediate download. This is a maintenance release with some important changes based on customer requests, and is a free upgrade for all registered users.

For customers using any prior version of GUI Design Studio, simply install the new version and your existing licenses will continue to work.

(1) Project Organisation

Now you can re-organise your projects with ease. In previous versions, we restricted the ability to move and rename design files to ensure that references remained intact and to help with project sharing.

In version 3.4, you can rename files and move them around using drag and drop. GUI Design Studio will track the changes and keep those references working.

Renaming design files
(more…)

GUI Design Studio 3.3 Released

Friday, April 24th, 2009

newversion33GUI Design Studio version 3.3 is now available for download. This is a further maintenance release with some changes based on customer requests. It sees the start of some of the more interactive features we’re working on.

For customers using any prior version of GUI Design Studio, simply install the new version and your existing licenses will continue to work.

(1) Active Scroll Bars

For all those cases where it’s important for you to demonstrate the entire contents of your edit boxes, lists, tables and trees, you can now work those scroll bars when you run your prototype!

By selecting elements first, you can also scroll them within the design editor if you want to and set default scroll positions.

Scrollable Elements

(more…)