views:

605

answers:

16

Usability is extremely important, and yet there are so many products that violate a lot of rules. There are several questions on StackOverflow that are about usability (see: link1, link2, link3), however what I feel is missing still is a comprehensive list of usability "tactics": concrete examples of what (not) to do for a web application.

Please don't add references to books. Please list one example per answer so that we can use the voting to actually prioritize the list.

+8  A: 
Jilles
What happened to buttons staying on the same page (or appearing to) and links taking you to another page?
DOK
I disagree with this. Well, I disagree with the second visual distinction more than the first.
Thomas Owens
+10  A: 

Show, Don't Tell

Whenever possible, meaningful visual cues (when appropriate to the audience) should be chosen instead of lengthy textual descriptions.

VonC
Less text is more indeed!
Jilles
Dont't Make Me Read, also the title of an excellent web design book.
DOK
@DOK - I think that's "Don't Make Me Think!"
Ben Scheirman
+1  A: 

Use affordances to make controls understandable. Avoid confusion between emblems, banners, and buttons.

Galwegian
+4  A: 

Make good use of whitespace. It helps to make things much more clear than just having everything crammed in competing for attention.

Aaron Palmer
+1  A: 

Use a statistics package to monitor traffic through your site.

Which pages pique user interest? Which pages make users leave? Adjust your site accordingly.

Galwegian
Are there any specific things you'd monitor? And how do you cope with the fact that you're measuring what is happening in your webapp, not what it _could_ be? (E.g. is a 50% bounce rate on a particular page bad? What do you need to change to improve that?)
Jilles
I would monitor people who looked at X also looked at Y and Z, people spent a lot of time on pages with a certain tag (either raw views or a count of the time spent), etc.
Thomas Owens
+1  A: 

Don't reinvent the wheel - use tried an tested user models so the user elements behave as the user expects.

Galwegian
So what are these "tried and tested user models"? Let's list them here!
Jilles
I tend to review all products I use to generate ideas so that I follow standards and avoid reinventing the wheel.
Zamboni
+2  A: 

I wish more sites would make better use of tooltips (i.e., the TITLE tag on links, images etc.)

In these days of AJAX applications it's not always clear what is going to happen when you click on a link - a brief description would help!

Phill Sacre
I guess this is changing over the last years: it used to be you'd be carried off to page confirming your action, and now (with AJAX) it might happen with just that one click. I guess it would be a good thing to make that consistent across your webapp.
Jilles
+3  A: 

Don't hide functionality in a dropdown (users can not explore the possibilities your application offers)

Jilles
DOK
Yes, I know I can type the first letter of my selection, but what if I need more letters? I know to type "N" to get somewhere near North Carolina, but then it's usually six more rows down or so.
DOK
Exactly, plus... it does little for the user to discover the functionality (I have seen that happen too, where people hide functionality instead of a list of options in a dropdown)
Jilles
Same goes for hierarchical menu structures.
le dorfier
@DOK, you should be able to start typing the word you want and it will search for it, you do have to be fairly quick at it though. At least it works with Firefox.@doofledorfer, I think it fits more under don't use things wrong. I find hierarchy to be great if the site can be laid out that way.
he_the_great
+4  A: 

Use Standard Controls: Don't create new controls unless there is a clear reason to do so. Users are used to the standard controls and know how to use them.

Mr. Matt
+3  A: 

If a button does one thing on one screen, and the same button appears on another screen, it better perform the same action as it did on the previous screen.

Dana
Should that button appear in the same area as well, then?
Jilles
+5  A: 

Be Consistent: There should be a convention accross all pages / dialogs / screens that maintains the users expectations when using a control or performing an action. This could be the caption on buttons, the position of elements or the steps required to perform certain actions.

Mr. Matt
+4  A: 

Do REST-like links, so user can easilly bookmark or copy-paste your site. This is often forgotten in todays AJAX-times.

Supowski
+4  A: 

I've always been partial to the Principle of Least Astonishment, which stipulates that the best user interface is the one that minimizes any surprises to the user.

In other words, make it do what the user expects it to do!

Corollary: Users don't read manuals. Or help text. Heck, users don't read!

Adam Liss
Touche -- how true!
Adam Liss
A: 

Study up on User Stories, and treat them like a Holy Grail. Then get user feedback to improve them, and to learn what you can change. Pay special attention to what you can remove. Then pay next attention to what you can simplify. Consider all options before adding anything.

le dorfier
A: 

Elegant - use less to accomplish more.

Zamboni
+1  A: 
  • Don't over-do your UI/UX with too much stuff. If it's too buzy the eyes get distracted.
  • The UI layout should be natural (this depends on your culture). But for most this means reading left-to-right, top-to-bottom.
  • No manuals are needed, aka, it's user-friendly and self-explanatory. The UI feel natural, nothing is forced or stressed by the user, what is expected happens.

PS - We are all, to a certain degree, UX "experts". UX is not just about UI in the computer world. On the contrary, UX, aka user experience, applies to every thing and any thing we interact with in the real world.

Example of good UX: - Simple coffe machines - Inserting a VCR cassette - Pencial sharpeners - Q tips

Examples of arguably bad UX: - Complex, computerized coffee machines from hell - Programming VCR's - Motorized pencil sharpeners that frequently jam - Cheap Q-tips that break or fall apart in your ear

AlvinfromDiaspar