We have written a new mobile interface for a survey. We are aiming for a fast, single click response approach, so that the User simply selects the answer and is then taken to the next question. This is working well and we are quite pleased with the design of the interface.
The problem is that is that it is almost working too well. As soon as the User selects the answer the next question appears. There is no feedback to the User as to which answer they have selected and the only way to confirm is to select previous to check their response. The change is so quick that some Users don't even know that it has happened and even worse click the same response again without knowing that it is for a different question.
The perfect solution would be to highlight the selected answer for a second (or some variable element of time) before moving to the next question. I have attached a screen shots with 3 separate screens. Screen 1 and Screen 2 show how the screens currently show as a User selects a response ("3 Satisfactory). In the middle I have inserted an idea of how we would like the response fed back before automatically moving to Screen 2.
We are using Jquery with Twitter Bootstrap and Themeroller for the CSS.
Any suggestions or examples would be wonderful :)