• Anonymous
  • Login
  • Register


UI design guidelines for Notes applications

Posted by Anil Vartak | February 24, 2006

A couple of days I was given access to a Notes application that another group wanted us to use. It was a form with two regular tables and a tabbed table with about 6 tabs at the bottom. Every table and every tab in the tabbed table had a different background color and used the gradient fill/shading that you can use with Notes tables. The colors ranged from bright red to orange, dark green, bright blue, brown and some other colors. It was one of those forms that would wake you up when you opened it, and would make you want to reach for your sunglasses. This was obviously done by a developer who loved the fact that he could use colors and gradients for tables and wasn't really focused on function. It made me think about how we could point users to a reference on UI design and although I've looked on the web and I'm sure it exists, I haven't really been able to find a definitive guide to UI design. I did find a couple of points that although they seem obvious, are not followed by a lot of people.

- Consistency in the appearance and behavior of common design elements
- Aesthetic appeal that does not distract from application content

Someone at Lotusphere did ask if we could come out with some standards/guidelines for development, and maybe we need to add this to the wiki as well. Feel free to post comments here on what you consider important in a UI design and maybe if we get enough feedback I can take that list and add it to the Wiki.

Share

Comments

 Laurette Rynne commented on Feb 26, 2006 11:46:58 PM

This is one of the things that we are hoping to help achieve with http://www.openslice.com. We have tried to build a simple way to provide both coding consistency, but also UI consistency between applications. From a UI perspective two key things which stand out for me are (aside from obvious font/colour combinations) are using stylesheets where possible, and using drop-down action menus' rather than 20 buttons stretching across the screen. With openslice we are hoping that by providing a simple frameset display which is easily customised through stylesheets that at the very least people will always include a UI, and not just a database with folders/views showing.

Anyway, if you want some help with setting up the wiki (well, the content), let me know.

 Anil Vartak commented on Mar 1, 2006 8:51:52 AM

Thanks for the comment - I've created a wiki entry on our site. If you can add content under the usability category that would be great.

 Jim Romaine commented on Mar 11, 2006 12:29:06 AM

I often search web design forums for suggestions on standards and one site that I have found to be really useful is webreference.com. There is a section covering design here:

http://www.webreference.com/dlab/

IBM may have read this site as it was pointed out on at least one occassion related to fonts ( which has since been corrected )

"...The AlphaWorks site offers a similar yet contradicting example. As most other IBM sites, this one was developed by Studio Archetype; however, the decision to make a logo from the humanist Meta sans serif font (particularly favored by this studio's designers) and an old-fashioned Modern serif font (which is traditional for IBM's corporate style) resulted in a composition of questionable merits---exactly because of the clashing levels of humanization in these two fonts. It is difficult to suppress the feeling that the contrast in this logo is either insufficient or irrelevant...." ( http://www.webreference.com/dlab/9802/matching.html )

 Janet Cirminiello commented on Jan 27, 2012 12:52:09 AM

The blog was absolutely fantastic! Lot of great information which can be helpful in some or the other way. Keep updating the blog,looking forward for more contents...Great job, keep it up..

Human Hair Extensions

 hotel logix commented on Jan 30, 2012 5:10:59 AM

wonderful post, very informative. I wonder why the other specialists of this sector don’t notice this. You must continue your writing. I’m sure, you have a huge readers’ base already!

 

Property Management System

Please login first to comment.