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.

My UI allows users to specify values that may be "bound" to other values. In the simple case, I want to present friendly input elements like checkboxes and password boxes. But I also need a way to allow advanced users to "bind" the value to another value (much like the way Expression Blend allows you to enter values, or bind them).

Here's what I have so far. Here we have two checkboxes:

Example with two checkboxes

But when the user clicks the little square on the right-hand side, they can enter a raw value or bind it using an expression:

Example with bound values

See the JSFiddle for this

Are there better ways the 'binding toggle' buttons could be displayed that would make it more user friendly, keeping in mind that there might be dozens of these inputs on a single page?

Are there any other examples of this on the web that I can look at for inspiration?

share|improve this question

1 Answer 1

The current design is very confusing. One solution could be more like old school:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

share|improve this answer

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.