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 screw something in, but is that the best solution? It’s all about using the right application piece at the right time.
Part of this comes from knowing what the common design pattern is for a particular widget. Another part is knowing how and when to stretch the limits of what is considered to be “common usage.” Any time you do something outside of the user expects is when your usability can start to plummet.
The Naked Anatomy of a Check box
Let’s take a look at a simple example our beloved friend the check box. There are two states to this standard check box that are considered common.
- If an item is checked it can indicate either something was accomplished.
- If the box is unchecked you are undoing or indicating you do not want to follow through on an action.
Generally you will find a check box in an unchecked state. Suppose for an instance that we reversed the common usage. A check box when checked now indicates to the user they are NOT SUPPOSE TO DO SOMETHING. Applying this to the example below we see that because the current state is checked I would un-check to save my selections. Not only is this conter-intuitive but see how hard it was to explain that. You may have to read what I wrote twice to figure out what we are trying to accomplish.
Save Selections:
The same holds true for the most minute details in your application design and ultimately in the widget you choose to use. Going against the common accepted practice has already introduced unneeded complication and confusion.
In future stories we will be looking at a number of controls and how they should be used effectively. Soon I will have a forum setup (next few weeks) to continue on the discussions outside of the articles written here.
Related articles:
- When is it the Right Time to Use Icons?
- SXSW Interactive 2008 – Pre-Morning Wakeup Planning
- Did You Know Paper-Prototyping Adds Value If Done Right?
- UI Design Challenge: Redesign A Filter Widget
- Site News: The State of the UI Design Guide Union
More UI Design Guide Articles
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.
- I'm at Southbound 35 in Dallas, TX http://gowal.la/s/2eCe
- I'm at Outlets at Hillsboro in Hillsboro, TX http://gowal.la/s/56d
- Best kolaches in texas — at Czech Stop http://gowal.la/s/4Zu
- #viznotes - still looking for some more resources on techniques for visual note taking [ as far as drawing, etc...]
- #sxsw stuck on a conference call - not sure I'll get to make it to anything else..... sigh
- #viznotes anyone have any more great book web resources on techniques?
- @flairbuilder look forward to meeting you at book store
- @rweinberg what was the hash tag you mentioned to me at lunch for the panel you attended thanks
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.