84 Bytes
Development, Design, Applications, and the Web.
Development, Design, Applications, and the Web.
Posted by Richard Wong under Design, Development

Considering the only way users can communicate with your application is through the interface, interface design then should be one of the most important part of any application. A good interface will enhance the experience, usability, effectiveness or even success of your system.
From the book Designing the User Interface by Ben Shneiderman, he pointed out 8 rules to guide us to good interaction design.
1. Strive for consistency.
Consistent sequences of actions should be required in similar situations; identical terminology should be used in prompts, menus, and help screens; and consistent commands should be employed throughout.
2 Enable frequent users to use shortcuts.
As the frequency of use increases, so do the user’s desires to reduce the number of interactions and to increase the pace of interaction. Abbreviations, function keys, hidden commands, and macro facilities are very helpful to an expert user.3 Offer informative feedback.
For every operator action, there should be some system feedback. For frequent and minor actions, the response can be modest, while for infrequent and major actions, the response should be more substantial.4 Design dialog to yield closure.
Sequences of actions should be organized into groups with a beginning, middle, and end. The informative feedback at the completion of a group of actions gives the operators the satisfaction of accomplishment, a sense of relief, the signal to drop contingency plans and options from their minds, and an indication that the way is clear to prepare for the next group of actions.5 Offer simple error handling.
As much as possible, design the system so the user cannot make a serious error. If an error is made, the system should be able to detect the error and offer simple, comprehensible mechanisms for handling the error.6 Permit easy reversal of actions.
This feature relieves anxiety, since the user knows that errors can be undone; it thus encourages exploration of unfamiliar options. The units of reversibility may be a single action, a data entry, or a complete group of actions.7 Support internal locus of control.
Experienced operators strongly desire the sense that they are in charge of the system and that the system responds to their actions. Design the system to make users the initiators of actions rather than the responders.8 Reduce short-term memory load.
The limitation of human information processing in short-term memory requires that displays be kept simple, multiple page displays be consolidated, window-motion frequency be reduced, and sufficient training time be allotted for codes, mnemonics, and sequences of actions.
I think it does not matter whether you are developing for the web or desktop. These rules should always help when making any design decision. But as web applications are becoming more and more interactive and complex, we need to make sure the experience of them are improving and not degrading.
Source from Wikipedia
Thanks for sharing this, Richard. These all seem like common sense but of course that doesn’t necessarily make them common practise now does it?
Bernhard H.
Alltough you seem to know pretty much about interface design your comment area down here is definitely confusing. It reads “One Comments” and then there’s a single short comment in a huge form. Put together in a grew box the comment seems like a standard terms of use etc. field and is therefore first supposed to be part of the form.
Nice to see an article going back to the roots of usability. Schneiderman’s 8 golden rules are usability 101 and all designers should know them inside out but very few have ever heard the name. Shame.
gwawr
#9… Don’t render your entire interface in italic.
Perhaps?
gwawr
cancel that. I do believe it’s a local issue with Helvetica Neue of all things!
Nice :/
Tara Cultis
I have the same problem with bold italics. I thought it was a trend, lol.
#10 Visual Hierarchy - In this article, for instance, it would be nice if the “8 Reduce short-term memory load.” was bigger and a different colour than the body copy following it, so the user can easily scan the text and pick out the headlines.
Unless of course you did that and Helvetica Neue is disguising it on us!
Thx for your comments about “Visual Hierarchy”. I’ll definitely be more careful next time.
Also I will try sort out this “bold italics” Helvetica Neue issue. May be by using a more standard font?
Gino Cantu
4cjeg7ii21wpo6u8
Pingback from links for 2008-08-26 « i noted
Pingback from 8 reglas de oro para el diseƱo de interfaces | frogx.three
Pingback from ProjectX Blog » Blog Archive » Xlinks - 28 / 08 / 08
Pingback from 150 Lists: An Introduction « Benjamin Montgomery