We have an application where pages are created/viewed. There is two modes for users of the application: live and draft. When the application is in draft mode, you can edit multiple changes and then collectively publish the changed pages. When in live mode, they only see the current set of "published" pages. Clicking between "Live" and "Draft" switches the state of all of the pages. For example, in live mode you might see pages A, B, C. But in draft mode, you might have made changes to B and C and added D - so you'd see A, B (with changes), C (with changes) and D.
I'm having difficulty with the UI elements when in draft mode. My current mock up is as follows:
I have a few issues with the current design:
It's not very clear that "Review & Publish" is for this page or for all of the pages. When the link is clicked, a list of all of the changed pages is displayed and then the user can click the "Publish" button.
On that note, "Review & Publish" is very wordy. I originally had "Publish", but, a user said that they weren't sure if they were publishing or being taken to a page to review the changes. I was going to use ellipsis ("Publish...") but wasn't sure if it made sense out of a menu context.
It's not very clear, when in live mode, that you must switch to draft to do the editing.
Hopefully this isn't too broad, but is there anything specific that I can do to help clear up some of these issues?