The Most Important Questions to Ask When Building A Web Application UI.

You didn’t think I was going to reveal it so quickly did you? Of course not, I like everyone to learn a little bit before they get the answer. There is nothing wrong with being forced to think a bit.

Let me back up a little and begin there. The other day I was driving home from work and recently started  on a new UI project. I was going through my normal routines  when presented with a  project.
I start to ruminate over all the things I can do and how all the various functions of this new application would tie together. As I pondered this in between paying attention to traffic and driving, one core question popped into my head. A light bulb snapped and thus this article was born. I realized just how many designers, and developers, forget to ask one magic question.
Maybe they are strapped for time, burned out, or whatever the reason might be. You need to ask yourself this question!

Would I use my own application?

Would  I use this application. At first glance it is such a simple question but extremely valuable and woven with complexity. By knowing the answer you begin to discover unknown paths, problems, and practical answers to otherwise obtuse solutions.

Frequently, when I’m working on a new application with a development team I have to stop them a minute and get them to think about what we are trying to build. Not from a developer, QA, BA, Interaction Designer, UI Designer, System Architect, SQL Developer, perspective but from the person using the tool.

Walk A Mile In My Application

I like to think of it this way. It’s easy to make a pair of shoes, especially if you don’t have to wear them. Nails can stick out of the heel and the fabric may be torn. I still get an A for effort right? WRONG!

Another comparison would be just like the athlete who advertises how great a product is then turns around and uses another instead. Wouldn’t you as a user / consumer feel cheated in some way?

A true life example recently involved a function and feature for inter-application navigation. The feature was supposed to allow the USER to quickly change between editing different individuals’ information.

“A user could quickly change between various people and edit them rapidly.”

It sounded like a safe idea on the surface, but here is where the problem existed. We started by examining all types of ways to make this feature work and be non-confusing to a USER. I tried chunking the information, grouping it in different ways, larger titles, more prominent text. No matter what was tried in the current framework it was still extremely likely for the USER to get lost and more importantly loose the context of the initial task they were trying to complete.

Should We Design for the Sake of Design?

So I sat back a while and thought about the problem. That is when the answer hit me. Why? Why are we trying to let the user do this? Why were we trying so hard to fit a square peg into a round hole? Of course, every group had their own answers:

  • Developers – “It would be great if a USER could manipulate the data quickly.”
  • QA – “It works and does not break functionality. What is the problem?”
  • Business Analysts – “The user should be able to do this function (but why?)
  • Interaction Designer – “There must be a solution to this to make it highly usable and fit into the requirements.”

Now let’s back up a second. What about the task itself? Why would a user care about editing multiple individuals quickly? The quick untested assessment was “Users sit down and want to edit multiple people at once.” That was the expected reality but taking a step back and analyzing the task step by step the team discovered that there was absolutely no need for 99% of the users to do this task. They just would not use this system or this feature in the way it was envisioned. If I was editing an individuals information it was because I was either:

A. Talking with a customer recently and discovered changes to this information
B. Made a mistake when entering information and wanted to correct the information.

In either case we had other methods to handle these scenarios. What we didn’t have is a way to mass edit a single individuals information (usability and focus group testing should be conducted to figure out if that is needed). No matter how much everyone wanted this feature we really had no need for it. It was cool but as you read in previous articles that is not enough to justify its importance in an application.

So when you are developing or building a new UI. Ask yourself these questions:

1. Would I use this application (feature)? If not why?
2. What are the tasks the user is trying to complete?
3. Are there too many tasks complicating a single workflow?
4. Does my UI or application framework have enough flexibility to support these new functions?
5. Have I been consistent in my UI framework?

So ask the question and challenge the team to give the “why”. Why are we building this application? Why should we build this application? Will our customers or more importantly will I use this application?

Related articles:

  1. Corporate Conflicts A Cantakerous Cacophany of Confusion.
  2. UI Design Lessons: A UI Designer in an Agile World, Get Me Out of Hell! – Part 1
  3. Agile UI Design: A Fundamental Miscalculation in UI Design Excellence?
  4. How Can I Speed up Proto-typing & Visual Design Mocks with Hybrid Design Proto-typing?
  5. Why Did My Design Fail Miserably and Other Not Nice Things?

One Response to “The Most Important Questions to Ask When Building A Web Application UI.”

  1. Tim Pearson says:

    Nice article. These are all good questions I need to ask myself as I ponder the benefits of converting a VB.net app to a web app.

    The fist question is a great one and I agree is to often not answered fully.

    Thanks,

Leave a Reply

comments-bottom

More UI Design Guide Articles

Design Conferences: Big D Design Conference Dallas Texas This is just a little note to let you all know I’ll be attending the Big D Design Conference in Dallas on May 30th. It’s a one day event 9 – 6 p.m. that looks to have a good lineup of speakers.  Admission is $50.00 and $10.00 to get into the “after party.” I... May 8th, 2009 | no responses
Which Widget is the Right Widget for My Application Design? Let’s talk about proper widget usage. It’s imperative to know when to use the right tool for the right job. I wouldn’t use a sledge hammer to hang a painting (unless it was a very large painting.) I wouldn’t use a socket wrench as a pliers. I could use a butter knife to... Apr 7th, 2008 | no responses
Blog Respose: Bowman Leaves Google This topic has been blowing up all over the design world online. For the full blog post from Bowman Lead Visual Designer at Google visit his blog. The quick summary is this. He left because of design V.S. engineering issues. The article goes on to talk about the almost obsessive need to validate... Mar 20th, 2009 | no responses

Twitter is a great way to share new and exciting resources with all our viewers. Each day I provide links and commentary on all things UI. You can find UI resources, UI design examples, new techniques, and a lot more by Following @UIDESIGNGUIDE on Twitter.

The idea for this design blog first came about two years ago at SXSW Interactive.

Currently UI Design guide is in its fourth redesign. This site takes quite a bit of time to maintain as well as write the content. Just like UI Design this site is a passion that keeps evolving.

Inside, I cover articles on many topics icluding: lessons, prototyping methods, agile UX methods, design reviews, design challenges, application features, and of course design experiences, just to name a few.

With all the blogs out there you may be asking yourself who are you to give advice? That's a fair question. If you have a moment feel free to read about my design history.