Sunday, January 20, 2019

Should I provide feedback from a save button?


I'm currently in the process of developing a Windows Application which produces Word Documents.


In the program there is the ability to save your progress (different to the "Save as a Word Document" option). This option "Save Current Progress" saves your progress, there is no user input, except the action of clicking the button (i.e. they don't have to specify a file location).


When designing the functionality for this button I researched other instances of "Save" buttons in programs. Most of them resemble floppy disks, and on clicking them there is no feedback (except the subtle visual cue of mouseover and click on the button itself). i.e. there is no alert window saying "you have saved" nor does the button change to signify a saved state.


The problem is that in my application this could be confusing. In Microsoft Word (for instance) it is the most natural thing to click the save icon and know it has saved, without any positive feedback. However in my application it confuses users and they say that they "don't know" that what they've done has actually saved anything. The icon is different to the Word one. It resembles a hard drive with an arrow pointing down onto it.


enter image description here


However, surely the thought process should be the same. I'm going to change the functionality so that the icon changes to that of a tick momentarily to give positive reinforcement that the status has saved, but I'm interested as to why the two scenarios differ so much.



As per some of the suggestions here I have created this graphic to switch states when the user saves.



enter image description here



Answer



On clicking the save button in almost any application for the first time, you are asked where to save the file. If your application does not do this, it would be understandable that people are unsure as to whether it has worked or not.


My advice would be to grey out the icon and replace the icon with a spinner while the save operation is taking place. Even if saving is near-instantaneous, do it anyway for a minimum of a second or so.


enter image description here


Once this period is over, replace the icon with a tick, and change the button text to Save Complete for a second or so, before reverting back to the normal button. This provides strong visual feedback that the button is doing its job.


enter image description here


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...