0

In the admin of the web app I work on, we never auto-save user input. They are required to press a "Save" button. In certain places I worry the user might forget to save and lose their input. I was considering adding a subtle animation to the save button to remind them to press it. How have different applications handled this issue?

8
  • 3
    What I've seen is applications prompting the user if they try to navigate away from the page and there are unsaved changes. Personally I find animations like you want to do very distracting, in a bad way. Jan 24, 2023 at 13:30
  • If the application takes the effort to remind the user to save, why not simply save? It seems weird.
    – Andy
    Jan 24, 2023 at 15:49
  • What user action do you propose would activate the button animation? Jan 24, 2023 at 15:53
  • When the user has copied two things that they need to paste into an external third-party application @bloodyKnuckles
    – o-t-w
    Jan 24, 2023 at 16:01
  • @Andy because we are not using autosave anywhere else in the admin so that seems weird to only do it here. We are particularly worried about the user not saving on this page because we know that they will need to navigate to a different website to paste some tokens
    – o-t-w
    Jan 24, 2023 at 16:01

1 Answer 1

1

Having the save button wiggle, flash, rotate, pump, whatever isn't ideal, especially when it's on a timer and might distract the user from the thing they're filling out.

A better solution would be the standard onbeforeunload prompt - "you have unsaved changes, do you really want to leave the site?" This is the solution the vast majority of the web uses.

And a better solution still would be to autosave the content locally, rather than sending it to the server. This is the solution discord uses so you can navigate between channels and keep your input.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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