Monday, May 21, 2007

more usability research

It feels a bit lame only relying on Krug for usability there may other issues I need to consider not mentioned by him. Online I found a few do and don'ts in design from: http://www.usabilityfirst.com/websites/design.txl#DosAndDonts

One thing I picked up from them (Foraker design) was the suggestion all links which are blue and underlined tend to get more clicks than other links. This style has become a web standard, you see it everywhere and it does make links obvious. On the other side of this designers should never use blue underlined text unless they are actual links other wise we will confuse users. I added this blue link theory to my mock up site with the following result:



I notice the links do stand out more obviously, but I felt they were obvious before. Other points noted at that site were:

Dos and don'ts for achieving usability in design


Do:
Use ALT tags for all graphics, especially navigation graphics.
Use black text on white background whenever possible for optimal legibility.
Use either plain-color backgrounds or extremely subtle background patterns.
Make sure text is in a printable color (not white).
Place navigation in a consistent location on each page of your website.
Use a familiar location for navigation bars.
Keep the design from scrolling horizontally.
Use one axis of symmetry for centered text on a page.
Encourage scrolling by splitting an image at the fold.


Don't:
Allow ALT tags to get clipped (especially an issue for small, fixed width images).
Display static text in blue or underlined.
Use boldface or ALL CAPS for long pieces of text. These slow down reading.
Leave too much white space--reduces scannability.
Make the user scroll to find critical information, especially transaction buttons and navigation links.
Use horizontal rules to separate chunks of content.
Alternate too frequently between centered text and left-aligned text. Most text should be left-aligned.
Fix pages at larger than 800 x 600 pixels. Larger pages may force users to scroll horizontally.

And: "People with different browsers will more likely get the proper interpretation of text regardless of how it is displayed. For example, users with screen readers may be able to hear ‹STRONG› words emphasized in the speech synthesis as opposed to words in bold or italics. And automated tools can interpret an ‹H1› tag versus a header displayed as ‹FONT SIZE=5›" (Foraker, 2002-2005). I didn't notice that one at W3C accessibility guidelines.
I notice there site has the 3 A's for adjusting text size, I have noticed this before and will research a bit more to see if I should add that option to my site. Alot to read in this site accessibility, ROI, methods and so on... may be tomorrow.
Foraker design (2002-2005) website design:Design,
May 21, 2007.

No comments: