5 Ways to Make a User Interface Intuitive
When designing a user interface, be it for the web or an application, my core goals are always to eliminate redundancy and make the UI as intuitive as possible. Sounds fairly simple, but like with all subjective processes, keeping those core goals on track can be tough. By no means are the suggestions below written in stone; these are just things that I keep in mind when designing a user interface. I also use simplicity or the KISS principle as a guiding tenet when developing my user interfaces.
1. Eliminate Redundancy
In the old Windows vs. Mac OS debate, most of the time people talk about security, but my biggest pet peeve of the Windows platforms is its overwhelming myriad of ways to do the same thing. With all user interfaces there will be a learning curve, but don’t use that as an excuse to add duplicate functionality.
Be stingy as it relates to adding top-level navigational elements, and make sure adding them is the right choice. A higher-level grouping may be what is needed. I recently came across a book called The Paradox of Choice; it talks about our inability to deal with an abundance of choices. An excess of choice has a paralyzing effect, so keep the UI from overwhelming the users. Make sure everything that’s included is absolutely needed to accomplish the goals of the UI.
2. Nomenclature & Contextualization
A user should have a reasonable understanding of what they will find underneath top-level navigation. Name your navigation exactly what it is and try not to be cute when naming different areas. When developing navigation and content areas, group like items together. This will add cohesion to areas and straighten the users understanding of the content.
Contextualize navigation and certain content elements to limit what the user has to visually take in at any one time. Content having the appropriate context and related information can do a lot to add additional clicks to supporting content.
3. Consistency
Being consistent in placement of navigation is a must. Some of the worst UI’s are ones where navigation moves around the page. Iconography and color can do a lot to improve the UI. Stick with your design conventions and try not to have many variations.
Buttons and typography should have a consistent feel and any deviations should point out special situations to the user. If you have a case where there is a slight change from page to page, like the case of an error message on a form, make sure the user notices the change. This can be extremely frustrating to users who don’t notice the page refresh and the page isn’t noticeably changed.
4. Beware of the Visual Arms Race
When designing a site or application you will usually have input from a client or business interests. It’s important to translate their request as it relates to the UI. A lot of times there will be multiple interested parties with separate goals competing for UI importance. It’s vital to understand this; it happens so often I coined the phrase “visual arms race” to describe it.
A visual arms race is when multiple stake-holders compete for prominence in the UI. It tends to skew the UI in some funky directions with the danger of losing focus of the core goal. Remind them what the core goals of the UI are and make sure their suggestions are in line with them. I’ve had many UI’s fall apart because of competing interests fighting to be the biggest and boldest.
There will also be a tendency for people to provide solutions to UI problems — try to get them to articulate the problem first. Many times their suggestion will be to add something to the UI, but this may not always be the best solution. If you first understand the problem, you may be able to come up with a better solution.
5. Testing
Because we are so involved in developing the UI, it’s hard to look at it as if you were a new user. That’s where testing comes in. For most projects I don’t think you have to do extensive user testing, but for projects that have sophisticated UI’s, testing can eliminate a lot of customer service question and also save money.
For smaller projects, taking simple screen mockups and asking someone new to the UI what the primary and secondary goals of each screen is can give you a good idea if the UI is working. For larger, more complex projects, having a formal user test or focus group can also be helpful.
In Conclusion
None of these suggestions are ground breaking, but they are things that I keep in mind when developing a new user interface. You can’t go wrong with just trying to keep it as simple as possible.
→ George @ November 13th, 2007 at 3:21 pm
Well said Rik.
It is a constant struggle to maintain consistency in the UI — especially on large teams where developers are designing visual component in their own vacuum. I think it helps to have a dedicated resource to oversee the UI development and enforce the consistency.
I have also encountered the Visual Arms Race and it does compromise the UI. In my case, the battle usually rages between the business analysts, the end-users and the development team itself. Strangely enough, the first to yield in the race is usually the development team who best understand good UI design and how all the pieces of the application interact.
I like how you’ve set up you web site in particular. It does a great job demonstrating the principles you’ve outlined. Have you considered creating WordPress templates? Or maybe you already have.
Thanks! I enjoy your posts.
George
→ Illustration Career @ December 10th, 2007 at 9:08 pm
[...] Keep it simple – clearly explain what service you are providing – http://www.useit.com/alertbox/20030825.html [...]
→ Nate Williams @ December 10th, 2007 at 9:13 pm
great article .. the only thing I would add is to be aware that most people rely on the browser to navigate a web site .. don’t break things like the back and forward button .. each page should have a unique search engine/people friendly url .. etc
great article!
→ Design Rhythm Nation - Rikcat Industries : The Portfolio of Rik Catlow @ January 4th, 2008 at 6:13 pm
[...] rhythm supports consistency and contextualization, two of the ways I wrote about in the post “5 Ways to Make a User Interface Intuitive“. Consistency creates pattern which helps users easily scan pages to find beginnings and [...]
→ illustration advice « DTran’s Blog @ February 10th, 2008 at 10:49 pm
[...] Keep it simple – clearly explain what service you are providing – http://www.useit.com/alertbox/20030825.html [...]