Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I am building a part of an application where users will be able to create and edit existing forms:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

The submit button is for demonstration purposes. Add a new field creates a new field in a new row.

Users can drag the fields to rearrange them vertically.

Currently, clicking a field or the row it is contained in would open a small panel to edit that field. I have also made textfields unfocusable and readonly as it is obvious without any interaction what the field is suppose to do.

Should the same be done to dropdowns, checkboxes and radio buttons?

share|improve this question
    
u mean u want to open a panel and give check box and radio buttons to edit in panel itself? –  sree May 10 '12 at 5:25
    
The panel will contain controls to edit the form element. The question is whether the form elements being displayed (radios, checkboxes and dropdowns) should work or not? –  F21 May 10 '12 at 6:43
add comment

3 Answers 3

up vote 2 down vote accepted

The other types of inputs should not be interactive aswell. It's important to keep things consistent so that the user is not confused when different form elements act differently.

A good source of inspiration might be how you used Balsamiq to create to create the form mockup in the first place - see how well that process works and think if your application needs to do things differently for any reason, or if you can do it better.

share|improve this answer
add comment

I assume you won't allow the user to add a new disabled field?

Otherwise it may be a case of writing some JavaScript to prevent all fields from being interactive, while at the same time appearing as they would for end-users (users who will be actually using the form).

share|improve this answer
add comment

Yes the form should behave be exactly like it would when deployed just add a fun, seamless message like "The form is not active yet. Finish building the form first!" when the user clicks the submit button of the form.

After he clicks 'Done' you can send him to a second page and have him confirm the layout of the form and go back if he wants to make changes to it.

share|improve this answer
add comment

Your Answer

 
discard

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.