RSS
 

Archive for December, 2009

Better, Simpler UI Messaging

11 Dec

The messaging on web forms need to be much better — I submitted a comment 10+ times (in one case) trying to pass the captcha because I didn’t notice that one of them had already succeeded.

Comments should have an obvious status message:

<p class="msg ok"></p>

and add the following css rules:

.msg { border: 1px solid #999; }
.msg.ok { background-color: #eef; color: #009; }
.msg.err { background-color: #fee; color: #900; }

The key here is the .dual.class selector in the 2nd and 3rd rules (this goes back as far as IE 5.5 for support).

VN:F [1.9.3_1094]
Rating: 10.0/10 (2 votes cast)
VN:F [1.9.3_1094]
Rating: +1 (from 1 vote)
Retweet
 
Comments Off

Posted in UI Design