How to show remaining time?

Question

I'm developing a Q&A product.

Answering form works like this:

• Each question has 2 answer slots.

• If you're writing an answer, you can take your time, but after a few seconds of not writing, a timer will start counting down (so you don't block the slot without giving an answer).

• It will reset if you start writing again.

---

My problem is that if you show the timer from the beginning:

1. it looks broken, because it's set on 20:00 and doesn't measure time
2. users can feel rushed to write an answer and it might influence its quality.

---

On the other hand:

1. If users doesn't know that they don't have infinite time, they can loose their slot unknowingly, when they go AFK for a few minutes. Should I care about such case? It's quite hard to measure if this is a common case.

How do you think I should go about it? A tooltip? Somehow showing that the time "froze"? Not showing it until the countdown starts?

Answer 1

I think that:

• since for a "normally" working user (i.e. one that types in his/her answer without any major no-typing-breaks) there's no need to display anything (like you said, in this case, showing a non-counting counter would be just confusing) then, don't display anything

• only show the counter when a no-typing break duration has been reached. This should be fairly simple, maybe a circle that diminishes (i.e. a "pie-chart" that loses slices, etc), eventually with a working senconds counter underneath that counts down. There's the "Attractive jQuery Circular Countdown Timer Plugin - TimeCircles" that does something like this:

Maybe to the side a message saying that "you should type in your answer in a timely fashion, or cancel it so that others can use the slot".

• I think the most important rule to convey here is the one where the timer is reset if the user re-starts typing. The user, once shown a down-counting timer, should understand that once he's restarted typing, the counter is re-winded, he's not put in a race against time simply because of one typing break.

I think that once you get to this state (the counter was shown, hasn't counted down to 0 yet and user has restarted typing), you should do a simple, quick animation, showing that the counter is "re-winded" : if you display the seconds counting down, make them count back up to the initial value real quick, or if you use some visual aid to show the time trickling down, "revert" the animation to its initial state quickly, etc. Then leave it there for another second or two and then make it go away. I believe this give the right idea of "now that you've restarted typing, the counter has been reset and it won't be an issue unless you make another similar break, at which point it will start counting from the initial value, not continue from where it left off on your previous break"

• Finally, I think that the only instance where the counter, once shown, should remain visible forever (i.e. until user manually dismisses it) it's when it has actually gotten down to 0. In this case the user may have actually been AFK, and he should see what has happen in the mean time when he returns

Answer 2

The state you describe appears to happen when a user is away from keyboard or no longer actually doing something. What would be appropriate is to put a gray overlay over the screen/survey with a messagebox in the center, modal dialog. This will show a kind of disabled state and allows you to put a timer and explanation in it.

Something like "It appears you are no longer [ insert a good message here ]." "To allow other people to asnwer this survey we need to disconnect you in [ etc. etc. ]. "

The advantage is that the user will not be bothered with a timer when they are going through the survey as expected. Hence they won't feel rushed The small group of people that do go AFK will see why and still have a chance to respond.

Answer 3

To make user more perceptive of how time might work use something much more understandable yet not tangible to give exact measure. This will give them an idea that time is not infinite, and yet they won't be scared by numbers.

Answer 4

Showing the time remaining should and as well shouldn't affect the user. It must remind the user about the time and that it for which the input area where the user is writing can be highlighted with a mild red color to wake him/her up. As the color fades a small sandclock/digital time remaining can be indicated at the top.

This can also be like the color shrinking to the top left where the time ticks (similar to the minimize style in MAC- the genie effect). Hope this helps. Thank you

Answer 5

The way I see it is that you are trying to solve two problems:

1. Tell the user not to dilly-dally with the survey but don't distract them
2. When appropriate, let them know they are running out of time

Issue #1 possible solution

At the start of the survey, simply have a message stating that "Please note that after 20 minutes of inactivity your session will be terminated so that other people may do this survey, thank you."

Issue #2 possible solution

Upon reaching a threshold of 1 minute or 5 minutes of inactivity (your choice) remaining, show a pop-up window (modal window) which states "Inactivity Warning: You have been inactive for 15 minutes, this session will terminate in 5:00 minutes" and show the timer counting down in seconds. Once it reaches zero then give them whatever options you need to give them such as "Restart survey", "Go back to X page", etc... Give them a distinct choice and don't just leave them hanging with a "session expired" message.

Answer 6

I like MonkeyZeus starting message about freeing the slot for other people to use it.
As of he countdown, IMO it's annoying for the users that will feel pressed and won't enter the best data they can.
I like the ATM method, asking "Do you need more time?" after a TBD while.
One advantage of this approach is that slow users have already experimented in in the ATMs and know how it works.
If possible, collect statistics on how long does it take for the users, in average, to fill the data. Then you will know by sure the level of concern that's appropriate for this issue.