Tag Info

Hot answers tagged

6

In the West we start writing and reading from the left and move to the right. As such, if the input would exceed the visible space of the input box, it makes logical sense to start from the left. If your centred search only allows for X characters, which would not take it past the bounds of the input box then the centred text-box could work. If you were ...


3

They are not cool! In western countries most of people read from left to right, aligning them to the left will increase the speed of people reading them thus completing their goal. There are a lot of good articles on uxmovement about this, also Luke's Werbowski book Web Form Design expalins everything you need to know about web forms...


3

It sure isn't best practice and impedes users' trust for at least two reasons : what about a site that asks for personal information without saying what they are going to do with it ? What is the value for me ? Can I trust they will use it in my interest only ? what about a site that I can trick that easily ? Has the all thing been that poorly thought and ...


3

It depends. If they are all off by a bit, then yea, from a pure visual consistency point of view, they probably should be tweaked to all be the same length. But if they are containing entirely different values, then it may not make sense. For instance, perhaps once drop down is state abbreviations, and the other is a list of ingredients found on a ...


3

Ceefin's answer makes a very good point. By focusing too much on the details you can overlook what actually matters about UX, which is what the user experiences. And there's no more frustrating experience than a form that asks a simple question, then doesn't let you answer it. This kind of over-validation is horribly common with postal addresses-- I've ...


2

A clearly defined label stating what input is required by the user should prevent the problem of max length of the input field. There may well be people over the age of 99 using the internet now, so perhaps max length should be 3


2

On mobile screens the size of your canvas is limited. For aesthetic and practical value most input fields span the entire width of the screen save for some margin left and right of the input field. This leaves no room for the checkmark icon being on the outside of the input field. download bmml source – Wireframes created with Balsamiq Mockups ...


2

Luke Wroblewski and Etre did some research into inline form validation and tested a range of different approaches with 22 average users. With regard to positioning the validation inside the field versus outside, they didn't find any substantial benefit to the former and noted that validation cannot be positioned inside all fields anyway so it would be ...


2

First, what is the use of "data collection" if the data is not used otherwise than harass the users? Not cool. Anyway, explain why you ask for such data as my email - if you don't have a real answer, don't ask. "Best practice" depends actually on the very use of the data. For example Hubspot requires a fairly complex data form for its free download of ...


2

I feel inclined to ask why you must make this distinction at all. If they want to see just their meetings with the Theme "Chocolate," why not allow that? I think forcing them to do one or the other will only serve to confuse them. If you can, I would remove the separation between the two and make it so you can do them all at once. They're all filtering ...


1

Edit Answer deleted. See discussion in comments download bmml source – Wireframes created with Balsamiq Mockups


1

The "My meetings" caption at the top could be misleading because it can be seen as a title, falsely meaning that this sections allows to search in your meetings only. A suggestion could be to remove the checkbox and have : one button saying "show all my meetings" another one, next to the dropdown, saying "search new meetings by theme".


1

I feel that the best solution would be to use a watermark (gray text in an input when it's empty) with the text 0-99. This clearly states that: Input has to be a number The range is from 0 to 99 There are even ready-made solutions for this, like jquery-watermark.


1

Here's one alternative option (obviously the actual madlibs form design will be different in your case, but hopefully you can see how you might allow the user to optionally add or remove a "sentence" of form controls): download bmml source – Wireframes created with Balsamiq Mockups


1

I have a couple of ideas. One possibility is to embolden the placeholder text of the required ones. That may not be very intuitive but it should at least indicate that there is a difference and they may be able to then infer from the fields that those are required and the other aren't. Likewise, you could italicize optional fields. Another is to add ...


1

Perhaps placing 'View My Meetings' and 'Search New Meetings' (or some other variation to include the suggestions by @Pierre) in two distinct columns rather than a single column would help to differentiate them as well. A single column may suggest the two options work in tandem. Could the two titles appear as tabs above the meeting list?



Only top voted, non community-wiki answers of a minimum length are eligible