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

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

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


download bmml source – Wireframes created with Balsamiq Mockups

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.