5 Ways to Make User Interface Design Work for Everyone

Inspired in (Web Design) by Bill on February 8, 2010

It’s a user interface tug o’ war…
When it comes to UI, there is inherently a balance that needs to be struck between the needs of the user and the needs of the client. Sometimes these needs are the same and you have an ideal situation on your hands – congratulations! More often than not, the creation of the user interface becomes a careful balance of what the user wants to see on the page and what needs to be displayed on the page in order to drive business objectives. Here are a few tips and guidelines to help keep things in perspective and allow you to blend the two seamlessly rather than end up with a patchwork quilt for a UI. Each of the examples have their strengths and weaknesses, but each has at least one aspect of user interface design that is done exceptionally well. Here we go:

1. Be Intentional

When we design pages we deal with the users’ intentions. It doesn’t matter who they are in terms of demographics, rest assured they have a goal in mind, and therefore an intention. To ignore this intention in exchange for your goals is “website suicide.” Users must feel that their needs are being addressed even if your intent is to introduce them to new (more lucrative) goals. As a designer, you must balance clear messaging that identifies the user’s intentions with direct access to work flows that take a user to their goals.  Naturally, the presentation of the site’s key business goals also needs to be present. Sites like Mint.com make sure to address the user’s needs and provide him/her with the services they are looking for; if you look more closely, it’s clear that Mint’s business objectives are being presented to the user in a “helpful” way as well.

2. Let Them Simplify

When inventory display is the goal and you are allowing users to search through your data, the last thing that you want to do is oversimplify the process. Searches that yield too few results (or even worse, none) will make users think that you have a lack of inventory or inability to meet their needs. DO help them focus in on a manageable result set, DON’T try to wow them with instant access to the right results.  Sites like Kayak and REI allow users to narrow down their results in a way that is easy to understand and flexible. The user is in control. If they “tweak” the search to a point that they are presented with no results, they can understand why that has happened, and simply broaden their search until an acceptable result is returned.

3. Let Them Customize

No user interface that we create is ever going to be perfect for everyone (try as we might).  The more complex a site is or rather, the more potential intentions that we deal with in our user types, the more important it might be to offer some form of customization.  The extreme examples of this, like iGoogle and Netvibes are very customizable and let a user basically create their own UI, but in many cases, this level of customization can lead to confusion and a poor user experience.  Sites like USAA offer excellent and sometime unexpected amounts of control that allow the user to make more sense of the information being presented to them. They also make commonly used functionalities more prominent and group information in a way that is more meaningful to the user, all without compromising the goals of the website.

4. Make it Visual

As designers, we have our own internal struggle to deal with. Design is everything, but should everything be designed? The answer is no…and yes! Everything within a user interface should be laid out with purpose, meaning and detail, but not everything needs to be done graphically. Too much visual stimulation or too much design can leave the user feeling that the graphical “layer” of a site is getting in their way and making them work harder to access information. If this is the case, then we as designers have lost the balance and have probably lost the user. On the other hand, graphics and visual layout can be used very effectively to make mundane tasks easier to understand or to simplify a page that may otherwise feel overwhelming. Wufoo is a perfect example of a site that has used design and visual balance to make the creation and use of forms into a pleasing (and almost fun) experience. Alternatively, Burton uses graphical feedback to convert a traditional form-based experience into a visual one.

Which brings us to the last point…

5. Make it Fun

How dare we lose sight of this one. It is one of the core elements of user interface design. Of course, fun may be a lofty goal. Some sites demand a level of professionalism or seriousness, but we can always make sure that using the interface of a site is enjoyable, pleasing and at the very least, easy to use.  This balance that is very important, as it allows us to keep a user’s interest long enough to connect them to the information that they need, as well present the information that we want them to see. Sites like Burton and Spectra/MSNBC use design and graphical user interfaces to make accessing information intriguing and engaging (and yes, even fun) without losing usefulness.

Final Thoughts

Ultimately, it’s is up to the user interface designer to balance the goals that he/she has in mind for creating a great user experience and the goals that the client company has in creating a great customer experience.  So ask yourself  ”Am I sacrificing one or the other in the design I am creating?” If the answer is “yes,” then you need to push your creativity even further, because for every instance where you feel that you are sacrificing, you have identified an opportunity to innovate and use interface design to create a solution that addresses both goals at once.

Inspiration is Contagious

About the author

Bill

Bill Bonnefil is the co-founder and creative director of digital-telepathy. He has been working in the web industry creating user interfaces and user experiences for over 10 years. To find out more about him and his team visit www.dtelepathy.com

Comments:

Trackbacks

  1. WebProCafe
  2. Louis Gubitosi
  3. Louis Gubitosi
  4. Creative in Links
  5. Creative in Links
  6. chadMueller
  7. chadMueller
  8. Designers World
  9. Design & Art Geek
  10. dzinetweets
  11. hui zhang
  12. chadMueller
  13. Domenico Polimeno
  14. topsy_top20k_en
  15. Schumacher
  16. Petrus
  17. trexaurus
  18. Dan Shust
  19.  Gopal Raju 
  20. Best Indian Bloggers
  21. Don Rogers
  22. Richard Fang
  23. Michael Wilson
  24. alboh laboratories
  25. Mike Lane
  26. Kevin Vertommen
  27. Filip Van Reeth
  28. symeya
  29. Wilhelm Rahn
  30. Farabi Hossain
  31. Bill Bonnefil
  32. KCzen
  33. Andrew Dertinger
  34. Imran
  35. AJ
  36. David Mulholland
  37. Chuck Longanecker
  38. fazai38
  39. Phil Clubb
  40. jimmylivre
  41. Vandelay Design
  42. Oscar
  43. Johnni Hested
  44. Rik Hopkinson
  45. BillBolmeier
  46. staen aka Sebastian
  47. Pontus Ekman
  48. purplehayz
  49. Ivor Padilla
  50. ThinkDesign
  51. Tom Summit
  52. Mielle
  53. stewart griffiths
  54. Brandon Cox
  55. Schumacher
  56. Raju
  57. Me Aliii
  58. Richard Lee
  59. Ricardo F. Prochnow
  60. Guilherme Cruz
  61. Feb2481
  62. Arnold
  63. Baronne Mouton
  64. Janet Ware-Leo
  65. mccasal
  66. Baronne Mouton
  67. The Best Web Design Links From The Week #3 | D-Lists
  68. Richard Laksana
  69. Nicholas Patten
  70. WPstudios
  71. Web Design Filter
  72. Nic Rosental
  73. Holly Lamarche
  74. Michael Baldovski
  75. Bernard Lieberman
  76. Usama Wagih
  77. Amira Salah
  78. Igor Micov
  79. Toni Holder
  80. Developer Mike
  81. #webDesign (less)
  82. Bård Lerberg
  83. Zizi Vzin
  84. Johan Hazenbroek
  85. helenoalmeida
  86. João Neto
  87. NAVY-RYU
  88. TerraForum
  89. luisgalvis
  90. luisgalvis
  91. Alex Hall
  92. Kim auclair

Post a comment

Allowed tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>