So users can login to this system and choose to edit an item from their list. I'm trying to figure out the best way to allow users to save the tabs they edit.

From the design below, is it clear that as a user you'd be able to edit each tab, in any order, and then save them all (instead of having to save each tabs data before moving to the next)?

Dots will appear next to tabs with unsaved content.

Is this a good approach to take or is it going to be confusing for the user?

This is a single page JavaScript web app.

Any ideas / suggestions / views etc are appreciated!

enter image description here

  • Is there a reason why you let user edit in any order?
    – Midas
    Apr 22, 2016 at 10:57
  • 2
    Is there any reason why the user wouldn't want to save all tabs? Apr 22, 2016 at 11:31
  • @Midas The user may want to only edit content on a specific tab and then republish. This avoids them having to step through the whole process just to make an edit on say Tab 4.
    – Ross
    Apr 22, 2016 at 11:37
  • @AndrewMartin Hmm, not that I can think of.
    – Ross
    Apr 22, 2016 at 11:38
  • 2
    @Mac - Problem solved! Apr 22, 2016 at 11:57

1 Answer 1


As a user i would feel more comfortable if it the form autosaves the things that i am typing in every field and the publish button stays always there and after i have finished by pressing it, my changes get published. Or you can change the button save to say draft and stays static, when pressed it saves the draft.

  • This is more of an implementation answer than a UX one. Users couldn't give two hoots if it's AngularJS or not. They just care about the overall experience. Can you elaborate on that part?
    – JonW
    Apr 22, 2016 at 13:32
  • Maybe i didnt wrote it as a user would, just edited it now.
    – E.Agolli
    Apr 22, 2016 at 13:55

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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