I have a number of forms on one page.

As some brief background it is for a CMS, when a user can manage a slideshow. Each form represents one slide. They can edit each image, the title that is displayed and the text below it. They use a twirl down - so they are hidden until a user clicks show, that one expands.

At the moment, they all have their own save button. If you edited "Slide A", twirled it up, then edited "Slide B", and saved it, the system would only save "Slide B" (the save button is on a per form basis).

How would a UX pro manage the saving process for multiple different units (slides in my case) managed on the same page?

All images twirled up

One image twirled down

  • It's not clear what you're asking here. As you asking whether you should have a save button for each slide vs one for all slides?
    – elemjay19
    Commented Jun 3, 2014 at 17:50
  • Some screenshots would be helpful here. Particularly displaying the location of your save button and whether there's one inside each "twirled down" edit slide.
    – Mordred
    Commented Jun 3, 2014 at 17:55
  • 1
    I've just uploaded some
    – Djave
    Commented Jun 3, 2014 at 18:00

3 Answers 3


What is a user task you solving? Are users limited on bandwidth? Are they work from mobile device or from PC?

Imagine if power point (windows) or keynote (Mac) would ask you to save each slide by itself — disaster! Why would it not just save all and keep history?

This multiple forms approach and partial edits is something that was made due to technical restrictions in the past, in that days it was just easier and cheaper to make several forms.

In our days of fast internet and modern browsers with dozens of UI frameworks (like angular Js) it's no longer a technical problem. Finally you can make things work right and clear.

Single save button is a clear and transparent decision. Partial save is not. Saving with a page refresh so other changes are lost in our days is just unprofessional, because it can be easily avoided.

Have a look at google docs (slides editor for instance) it even don't have save button! Why? Because it has History, and autosave. Every change since first word can be reverted. Simple, intuitive and error proof. That's how pro would do it.

  • I think "error-prone" is the opposite of what you want to say. Perhaps "error-proof"?
    – elemjay19
    Commented Jun 3, 2014 at 19:56

'Edit All' button that expands every slide for the user. 'Save All' button that saves every edit and contracts all slides when the user is done. Success message that tells the user 'All edits saved'.

  • There could be up to 10 images on the page, with 4 inputs (possibly more when the design is finsished), I'm not sure about showing 40 inputs on one screen.
    – Djave
    Commented Jun 4, 2014 at 9:44
  • Me neither. But you asked how to do it. Your request wasn't a smart design decision from the beginning. In a task like this, users tend to focus editing one by one. Instead of opting for bulk editing, opt for bulk uploading. This is similar to the Wordpress image upload function. I would take a look at that.
    – mutant
    Commented Jun 4, 2014 at 11:30

I'm not a UX Pro, but I think you're off to a fair start with the SAVE button on each slide. What you need to do is inform the user in some way that their changes for each slide aren't saved until they hit each individual save button. You can explicitly state it somewhere, but that seems needlessly wordy and once they figure it out, they won't need the notification.

I've got a couple suggestions:

1) You could display an overlay banner at the bottom of the screen that says "Changes to Slide 3 discarded."

2) When you slide up the first slide you could temporarily (5-10s) put an overlay on top of the now collapsed slide that with some text that says "Changes Discarded." Be aware that this could be missed if the original slide is off the screen.

3) You could get fancy and change the Save button of the first slide to be a bright red "Discarded" button as it slides away. This has the same limitations as #2 and also is much more temporary... but it ought to look cool.

You can mix and match all three if you wanted.

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.