User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I have a reporting engine, which (currently) gets configured over XML.

I have seen some of this preview stuff in editors I know, you write some code on an edit tab and the changes get populated when you switch to the preview tab.

This looks rather intuitive to me, since I know it from many tools.

The other idea was to show the preview in a new window, so I could simply refresh it, when the user presses save (or ctrl+s) which could lead to a faster workflow.

Do you have some suggestions about this?


download bmml source – Wireframes created with Balsamiq Mockups


download bmml source

share|improve this question
So your mockup contains both versions, either the preview/edit button or the preview in new window + separate edit button? – kontur Feb 1 '13 at 11:35
I split the mock-ups, now every version has it's own – K.. Feb 1 '13 at 12:15
Ah, okay. Good thing, it is much clearer now. – kontur Feb 1 '13 at 12:16
up vote 3 down vote accepted

The better solution will be to show both views at the same pane so your user will not need to switch between windows or tabs.

You may also add ability to Pop up the preview or close it, and let users resize it so it will occupy as much space as needed:


share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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