Poor Interface Design Example

Posted July 27, 2007 at 8:57 AM by Ben Nadel

Here at Nylon Technology, we use GetMyTime.com to enter our daily timesheets. Overall, I think it's a fantastic service and provides a very efficient, easy-to-use application that makes entering time a non-issue. There is one thing, though, that irks me to no end and it has to be one of the word design decisions I have ever seen. One of the features that GetMyTime.com provides is a way to enter multiple line items on one page. The screen shot down below allows up to 10 entries. That's all good and useful, but, right before item 7, the interface suddenly adds a button labelled "Clear Entire Page":


 
 
 

 
GetMyTime.com Screen Shot - Poor Interface Design  
 
 
 

None of the other items have this, just Item 7. And, yesterday, I accidentally clicked it; on this page, I use tabbing and space bar to navigate (faster than using the mouse) and my tabbing hand sort of twitched and tabbed right over the "Submit Entire Page" and then instinctively hit space bar when "Clear Entire Page" was focused. And let me tell you, it does exactly what it says it will - it cleared every field in the page. No prompt. No confirmation. Just straight-up data removal.

WTF??? Why does that button even exist?!?! Who the hell enters 6 time sheet items and then thinks to themselves, "Man, I wish I could easily erase all that data I just put in!" This is just a horrible, horrible interface decision. Come on people - if you are gonna let a user erase all their data easily, at least give them a chance to cancel out of it.



Reader Comments

Jul 27, 2007 at 9:59 AM // reply »
92 Comments

I agree Ben. They say that Cancel or Reset buttons are not needed on the web and should not be used. I have had to make that fight here as we build web applications and some feel they have their place. If they do the buttons need to be given a much lower visual weight. It's common best practice to never use a Reset button but there are times when you might want a Cancel one. Instead of using a button I use a link since for me it works as navigation and I give it very little visual weight so not to confuse users.


Jul 27, 2007 at 10:07 AM // reply »
18 Comments

They probably initially designed this form for a calendar week's worth of timesheets, i.e. 7 days, with the reset button at the end of the form. Then decided they really needed to allow 10 days, but left the old code in that if I EQ 7 display reset button. Jakob Nielsen did a good article on this, 7 years ago:
http://www.useit.com/alertbox/20000416.html


Jul 27, 2007 at 10:17 AM // reply »
1 Comments

I feel your pain. We use eFAACT at work, and it's not exactly the prettiest of applications. We often face similar data loss when entering time data. What is it with all these time tracking apps looking so horrendous?


Jul 27, 2007 at 10:35 AM // reply »
12 Comments

OH MY GOD!

That is quite possible the worst form I have ever seen. What ever were they thinking? Or better yet where they?


Jul 27, 2007 at 10:35 AM // reply »
10,640 Comments

@Javier,

I like that idea - removing them or making them much less prominent. My grief with this interface was that it made no sense in terms of placement and functionality... but now that you mention it, most forms probably don't need cancel button, or if they do, a low-priority one.

@Duncan,

That's a good article. Thanks for passing that along. I am gonna go through the related articles and see what else he has to suggest.


Jul 27, 2007 at 10:37 AM // reply »
10,640 Comments

@Gary,

In all fairness, the form does have some really useful functionality - caching recently used combinations and stuff... its just that Reset button... I mean, COME ON!


Jul 27, 2007 at 11:06 AM // reply »
12 Comments

@Ben,

I am sure it does do some really useful stuff but even with caching recently used combinations it seems a bit overkill to make such a huge form!

10 Time entries one one page? Come on! The reset entire page button was just the Icing on the cake that whole form is horrible.

If you are lucky enough to be working on only one task on a given day you still have to load that huge ... form. If you are busy and are working on 10 different tasks in a day I still think that form is just way too much.


Jul 27, 2007 at 11:40 AM // reply »
78 Comments

Reminded me of this recent article: http://www.alistapart.com/articles/neveruseawarning


Jul 27, 2007 at 11:46 AM // reply »
13 Comments

I agree with you Ben. Cancel button needs to die! Unnecessary in web forms.


Jul 27, 2007 at 11:47 AM // reply »
10,640 Comments

@Sam,

Great article! I will have to keep the whole "undo" idea in mind when I build my next system.


Jul 27, 2007 at 5:04 PM // reply »
4 Comments

I was doing research on time tracking solutions and found this service, I discarded it based on the GUI. Harvest was the best service I found, it is simple and it just tracks hours based on project take a look at it and move away from that monstrosity.


Jul 28, 2007 at 5:29 PM // reply »
10,640 Comments

@John,

I will take a look at Harvast. I assume this is what you were talking about:

http://www.getharvest.com

Thanks.


Jul 29, 2007 at 1:11 PM // reply »
1 Comments

Ben,
My name is Anthony Codispoti, founder of GetMyTime.com. I want to thank you for pointing out this design flaw. I am unsure why "Clear Entire Page" button was put there, and I agree that it likely serves no useful purpose to most customers. We have since removed this button. I know how frustrating it can be to lose data from a single errant key stroke, so please accept my apologies for this misplaced button. We are always looking for ways to improve our service and welcome feedback from our customers. If you have any other suggestions, we'd love to hear about them; here is our Suggestions Form http://getmytime.com/suggestions.asp

A few people in this thread commented about the use of a form with 10 time entries on it. Originally this feature did not exist but was born out of requests from several customers. The idea is that some people track their time the old fashioned way (pencil and paper) and then enter all their time at once into the system. It is more time effective for them to make multiple time entries on the same page and submit it once, rather than have to make single time entries with individual submissions.

We have been looking for a way to incorporate the functionality of this page into a more aesthetically pleasing format. We're currently working to turn our "Weekly TimeSheet View" (a screenshot can be seen here http://getmytime.com/demo/gmt/demo2.asp) into an editable grid. We don't have a release date for this yet, but it is in the works.

Our customers' suggestions have led to many new reports and feature enhancements in the past. We continue to welcome your new ideas. Thanks again for bringing this to our attention.

Sincerely,
Anthony Codispoti
GetMyTime.com


Jul 29, 2007 at 2:12 PM // reply »
10,640 Comments

@Anthony,

Thank you for posting your comments here. I am sorry that I was not aware of the Suggestions page, otherwise I certainly would have brought this to your attention.

Also, as far as the 10-item entry page, I know some people above gave it the thumbs down, but I happen to think this is a great interface. Actually, I work on a ton of projects and I put my times in at the end of the day and I sometimes wish there was more than 10 items on that page :)

I also love the caching of often-used combinations (the configuration drop down) as it saves me a ton of time. Really, my only complaint here was that Clear Entire Page button as it makes no sense :)


Aug 27, 2007 at 10:55 AM // reply »
10,640 Comments

Hey guys, I totally forgot to post this here, but like the day after this post was made, that "Clear Entire Page" button was removed from the multi time entry page.

Now THAT's what I call top-quality customer service!



Post A Comment

Comment Etiquette: Please do not post spam. Please keep the comments on-topic. Please do not post unrelated questions or large chunks of code. And, above all, please be nice to each other - we're trying to have a good conversation here.

Please review the following issues:

Author Name:


Author Email:

Author Website:

Comment:

Supported HTML tags for formatting: <strong>bold</strong>   <em>italic</em>   <code>code</code>







  • Help Wanted - Find Your Next ColdFusion Job
InVision App - Prototyping Made Beautiful With Prototyping Tools Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
Feb 10, 2012 at 7:21 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
Update! Instead of $(eval(options.insertAfter)).after(data['insertData']); I now use: var ajaxNode = document.createElement('span'); var parent = $(eval(options.insertAfter))[0].parentNode; ... read »
Feb 10, 2012 at 6:18 PM
jQuery AJAX Strips Script Tags And Inserts Them After Parent-Most Elements
encountered this same, what I consider, jQuery bug last week. I'm building a site in which I load some content via AJAX. This content contains Linkedin share button placeholders which Linkedin API ne ... read »
Feb 10, 2012 at 11:30 AM
Cross-Origin Resource Sharing (CORS) AJAX Requests Between jQuery And Node.js
After you understand the concepts here, this is an awesome cheatsheet for enabling CORS in just about anything http://enable-cors.org/ ... read »
JM
Feb 10, 2012 at 9:10 AM
My Safari Browser SQLite Database Hello World Example
@Amy, Here is a very good tutorial on how to use JOIN: http://www.sqltutorial.org/sqljoin-innerjoin.aspx ... read »
Feb 10, 2012 at 4:42 AM
Building A Twitter-Inspired RESTful API Architecture In ColdFusion
This is great, very useful Ben. I spotted a small typo in the api.cgm listing: <cfthrow type="Unauthroized" /> Cheers Stefan ... read »
Feb 9, 2012 at 10:35 PM
CFDirectory Filtering Uses Pipe Character For Multiple Filters (Thanks Steve Withington)
I was wondering if there would be a filter you could apply so that you got everything but what you included in the filter. As in show me all docs that are not a .pdf. ... read »
Feb 9, 2012 at 10:29 PM
Learning ColdFusion 9: Application-Specific Data Sources
@Ben, No offence, but if people were really wanting advanced features they would be using a platform like ASP.NET MVC. CFML is so structurally compromised as a tag-based scripting language that ... read »
Feb 9, 2012 at 10:03 PM
Subversion - Cleanup Failed To Process The Following Paths
@Leviaguirre, do you still have problems with this? ... read »