Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Representing time generally is easy with a clock, an hourglass etc. But how would you differentiate between a time estimation and the actual time spent on a task? Do you know of any example where these concepts have been represented as icons?

share|improve this question

6 Answers 6

up vote 2 down vote accepted

One way that you might consider tackling this is to exploit the difference between analogue and digital icons for time. Analogue carries associations of vagueness and approximation (it's impossible to read an analogue clock or stopwatch to the millisecond), and as such is also perhaps more metaphorical, representing 'time in general' — think how many icons representing time/duration are really just analogue clocks. By contrast, digital displays of time are precise, specific, and arguably more literal, so these might be good to use for actual time spent on the task.

I'm attaching a sketchy approximation of one way in which you could implement this. The stopwatch icon represents estimated time spent (and could have an actual number superimposed for the estimate). The digital clock is there to account for all the time spent on the task so far (very much in the style of the show 24's logo as it relentlessly shows time ticking away).

enter image description here

share|improve this answer
    
An analog watch reminds me of a timer - used to measure actual time. –  Danny Varod Jun 23 '12 at 13:05
    
Yeah, I'm not sure how universally acceptable my suggestion would be. Real-life is complicated and muddy ;) –  finiteattention Jun 25 '12 at 8:30

You could use a clock/hourglass + crystal ball for estimate and a clock/hourglass + bill/calculator for actual time.

share|improve this answer

If it's worth the space, time elapsed may be represented as a mechanical stopwatch, while a specific time of day is represented as a mechanical clock. The difference is a stopwatch has a single hand and the face is numbered 0-60, while a clock has two hands and is numbered 1-12. Using Roman numerals would make it extra clocky.

Of course, these days, many users have never seen a mechanical stopwatch. But you never know -we still often represent "phone" with an image of the old AT&T landline non-portable handset or desk phone, and it seems to work.

To show estimated time remaining, you may want to evoke a countdown. A backwards-running stopwatch could convey that, or maybe a negative time like used for rocket launches (as in "t-minus 5 minutes 15 seconds").

share|improve this answer

You could use a clock/hourglass within a cartoon thought bubble for estimate and a clock/hourglass within a cartoon type bubble for actual time.
E.g. http://alexhughescartoons.co.uk/2008/08/speech-bubbles-and-computer-screens/

share|improve this answer

I would recommend investigating exposing the actual time data (with a single icon) at the highest possible level - and then using style/format treatments to differentiate.

Here's an example that uses a clock icon - and then differentiates actual and estimate by style. The exactness of the actual time format is also communicated (without icon or label) in contrast to the looseness of the estimate format.

group-camp

Do you have a screenshot or wireframe to give more context? Is the icon bound to an action or is it solely visual?

share|improve this answer

I don't think an icon is necessarily the most effective way to achieve this, as there isn't something already in common use for estimated time vs. actual time. I'd use 2 stacked bars:

  • The first would be the estimate, and would be a simple coloured bar with the estimate written over the bar
  • The second would be the actual, and would be proportionately shorter or longer than the estimate depending on how long had elapsed. Like the estimate, this would have the actual time written over it.

This approach would give you an easy way to see at a glance how the estimate related to the actual. It's more of a (really simple) infographic approach but would help your user to get more value from the imagery.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.