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 »
11,238 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 »
11,238 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 »
79 Comments

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


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

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


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

@Sam,

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


MQ
Jul 27, 2007 at 5:04 PM // reply »
5 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 »
11,238 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 »
11,238 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 »
11,238 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
Ben Nadel's Company - Epicenter Consulting Recent Blog Comments
May 17, 2013 at 7:42 PM
HashKeyCopier - An AngularJS Utility Class For Merging Cached And Live Data
Ben - thanks so much for posting these Angular articles and findings, they've been a huge help towards learning one of the more 'complex' JavaScript frameworks out there (IMO). I have been using Angu ... read »
May 16, 2013 at 5:01 PM
UPDATE: Parsing CSV Data Files In ColdFusion With csvToArray()
Your code was the closest thing I've found to obtaining some direction for converting ISO fields to values that CF can translate properly. Thank you for posting! ... read »
May 15, 2013 at 10:37 PM
Very Simple Pusher And ColdFusion Powered Chat
hi id making plz easy ... read »
May 15, 2013 at 6:07 PM
Making SOAP Web Service Requests With ColdFusion And CFHTTP
Ben, you once again saved my bacon at work. Thank you, thank you, thank you! ... read »
May 15, 2013 at 4:15 PM
What If All User Interface (UI) Data Came In Reports?
@Josh, Thanks! @Ben, I definitely recommend the David West book "Object Thinking" I've been quoting from. It goes deeply into the philosophy and history of OO programming. His breadth ... read »
May 15, 2013 at 11:36 AM
Ask Ben: Print Part Of A Web Page With jQuery
I found this helpfull when you need to keep (refresh) the original parent page after closing the iframe child print dialog (Hoping you're not using a form at this time so it won't submit again): On ... read »
May 14, 2013 at 7:13 PM
What If All User Interface (UI) Data Came In Reports?
@Jonah, If there's any books you'd recommend on the subject of domain modelling, I'd love to hear it. I just downloaded the free PDF of "Domain Driven Design Quickly". Figured I'd give it ... read »
May 14, 2013 at 6:57 PM
The UX Of Prototyping: Low-Fidelity Is The New High-Fidelity
@Phillip, I'm not sure I follow what you mean? Are you saying that you looked at the list of widgets provided by the jQuery UI and let that be your style guide? ... read »
InVision App - Prototyping Made Beautiful With Prototyping Tools