When a users selects “Doctor”, we’ll display more fields for his/her practice. This is using the super nice jQuery Lightswitch plugin
over 3 years ago
For a toggle that is known for touch screens and people immediately, because of Apple, want to swipe it physically, that plugin is done very well for a click interface.
My only concern is I wonder if people will know what to do with it. Unfortunately, not everyone has used a touch screen device. Guess it depends on your audience. I do like the concept of hiding the fields that aren't appropriate for patients.
I think people will be able to understand what it is. (those that don't have touch devices) If not, they'll click patient anyway (if they aren't one) and then they'll realize how it works.
Let's hope so for John's sake. Since this is a registration form, is it worth taking that chance? No offense, but I don't think it is.
@Geoff, take a look at the plugin in action. On mouse over it shifts slightly to indicate something is there as well as giving you the pointer hand cursor both of which help you know to interact with it.
Still, it's a point worth considering I agree.
@Geoff, I think this will work without much confusion. The element looks like something you want to mess with, and the way the plugin works, it peeks a bit of the other option on mouseover. This gives the user a clear indicator that it’s a clickable switch. Also, the visual style is so different than other elements on the page that it’s going to stand out as something special.
Luckily it’s not a difficult thing to swap out. But I think it’s a nice detail that I don’t want to get rid of just yet.
It is a nice detail. I'm all for putting this kind of thing out there and seeing how it works. It would be awesome if you could test to see if you get more registrations with this or a different UI control.
Setting this up would be easy with Google Website Optimizer (it's free). The results could be very informative and help you answer those, "I think ..." questions.
Looking forward to hearing how it goes, John!
I think just adding a small arrow in the center of the 'button' would help indicate to viewers that this is an action item.
But, I love any useful ways to clean up a form. I'm also curious to see how it'll work with web viewers.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter