Hot answers tagged input
64
Auto capitalization is impossible. What algoritm would you use to auto capitalize when a lady enters "cléopatra diane de mérode" as her name?
You would probably end up with things like:
Cléopatra Diane De Mérode
Cléopatra diane De mérode
The only correct spelling however is "Cléopatra Diane de Mérode" (wikipedia).
As you can see, capitalization of ...
56
Option 3 with no intrusive validation.
1 sucks because it's out of the norm. Copy and paste may or may not work. Tabbing to the next field may or may not work. People are good at correcting mistakes and the limited fields mess up their muscle memory. For example I might type
1912
When I meant
192
My fingers will nearly instantaneously correct ...
50
There are a great many assumptions people make about names (also: W3C: Personal names around the world.)
Thankfully the W3C have some excellent advice on field design for names, of which the simplest is to use two fields (but not for first/last):
Full name
[________________]
What should we call you? (for example, when we send you mail?)
[________________]
...
25
Because this behavior is rare and therefore unexpected, it will surprise most novice users, which can cause them to misunderstand how to use the interface, and interfere with usability.
(An example of this interference might be if the user fills out the field and presses tab, while you have auto-advanced, and while they think they are typing in the next ...
25
I would suggest no.
Treat a person's name - in terms of capitalization, spelling,
punctuation and spacing - exactly as the person does. [1]
There are a variety of cultures with names that does not use capitalization in all parts of their names.
It's true that most traditional English, American, north/central European names are written with ...
23
In general users are pretty accurate and fast at entering dates as strings in a text box as long as your validation isn’t unnecessarily fussy and provides decent auto-correction and defaults for the sub-fields (e.g., accepting 2-9-04 as well as 02/09/2004). Calendar controls are great to provide as an option when the user isn’t certain of the date (e.g., for ...
23
Here's a scenario where it might work to your advantage:
The user enters their full name in one field.
The system reverse concatenates the name as best it can.
The field shows the split apart name so the user can verify it.
If it's correct, no further action needed. If it's wrong, a little edit button lets them go to the complex form (two fields) and ...
17
This is a tricky interaction, mostly because it has to be super intuitive since the end users are not computer savy. I know it because I´ve had to deal with it in the past :)
I had the same problem while working in the UX team at 11870.com (a recomendations website similar to Yelp), this is the way we handled it, might not be the ideal solution but it ...
16
As others have mentioned, Dutch names like mine, even after they've been mangled into something English-like, can still have strange capitalization. If you tried to change my name to "Teneyck" after I entered it, you'd just irritate me.
If your clients are unwilling to spell their own names correctly, it's not your job to correct them.
16
To me, this is all about alternatives, providing the "value menu" of things most people would want to say in a tiny comment, in one click.
Provided you have made the alternatives, e.g. "click the +1/awesome/like button!" discoverable and easy, I favor a blocking message like:
We prefer that comments be longer than 15 characters so they add ...
16
I think it can better to make a visual support for such input, that will allow to enter not only breaks, but also days off. Input can look like this:
Clicking on row or cell header (with hour or day) should turn on/off all days or hours. Also you can add popular variants at top of table to select them faster — «24x7», «All days without weekends» etc.
...
15
The major problem with inline placeholder text is after filling out a number of fields, it is difficult or sometimes impossible to determine what the original purpose of that field was.
Say for example you are filling out a form and decide to change your input, so you clear it out and then somehow you get sidetracked by a phone call of something else. Is ...
15
as creator of Bootstrap, perhaps I can shed some light on this :). Prepended and appended inputs serve two purposes:
Allowing for simple punctuation or units to be paired with an input. For example, if you need to indicate a field is asking for money, use the prepend with a $ sign. Other examples include @ with a username (a la Twitter.com's settings ...
14
Auto-correction shouldn't occur. It takes control away from the user, is often wrong, and is even worse if it's changing the content of the message silently.
You cite localization as one of the area in which it behaves badly. It's also the case with old or dead languages, citations, programming languages, medicine or very technical terms... Actually there ...
13
For the 'input lag' part of your question, I still use the rules of thumb found in Nielsen's Usability Engineering:
The basic advice regarding response times has been about the same time for many years [Miller 1968; Card et al. 1991]:
0.1 second is about the time limit for having the user feel that the system is reacting instantaneously
1.0 ...
13
I imagine we're at least a couple decades away from the keyboard going away, if not three or four or even more. . When it does go away, the effect will be the opposite of what you imagine. It won't be the keyboard going away that creates new ways to interact with desktop apps. Rather, it will be new ways of interacting with desktop apps that may, some day, ...
13
A dropdown with 450+ values is extremely unusable on any device, including desktop. But you say that you're only looking for a solution for the basic mobile version, so let's stick to that.
Probably the best way to simplify this for the mobile is to have a first screen/popup display the alphabet, then as you tap a letter you drill down to the list of ...
12
I would suggest a text box that adds items to a list box. The user should then be able to add, edit and remove from the list box.
In my experience, while a delimited set of numbers may be easy to copy/paste from one application to another, it is not easy to manually type, especially for up to 30 items. On the contrary, if your users are accustom to ...
12
US Department of Defense Design Criteria Standard - Human Engineering MIL-STD 1472F Section 5.14.9 and Table XXII requires that "Sketching" have a response time of 0.2 seconds "from input of point to display of line." That's a minimum standard of performance, so it should correspond to your worse-case conditions.
Like a lot of standards, I believe much of ...
12
Accept any and all formats typed into one box.
As stated by Don Norman:
"Compliance: How Microsoft Outlook Does Things Properly
Microsoft Office Outlook has done a brilliant job of handling telephone numbers, dates, times, and addresses. Surprise: this is a product that people usually target with complaints, but I intend to heap praise upon them. When ...
12
Do not rewrite until blur. Someone might type 7 digits, then go to the beginning and add '180'... all of a sudden before they get the second 0 on the area code, it gets re-written and their cursor position is lost.
Always format the input when they are leaving the control, never when their cursor is still there and they may still be editing or adding ...
12
With one of my previous assignments, this issue came up with our users. It turned out frustrating for both beginner and advanced users. Here are some major issues with auto-advancing:
Not everyone looks at the screen while typing. They may not realize that they are in a new field and will type erroneous values. This happens even to people who are aware ...
12
As a brief bit of brainstorming on how to better present IP addresses to expert users, I'd choose a mix of options 1 and 3.
The way I would implement it would be remarkably similar to StackExchange's own tagging system, except instead of using a space key as a delimiter, I'd use a . so that as you type, it could bin your input into separate boxes:
It's ...
12
It does need a label, not just visually for people viewing the site but for people using assistive technologies (screenreaders etc). If there is no label then people visiting do not know what the field is for, or what goes it it.
From W3C Guideline 3.3 Input Assistance: Help users avoid and correct mistakes.
3.3.2 Labels or Instructions: Labels or ...
11
Displaying an error message
Ideally you want a combination of your #1 and #2 suggestions:
Please select a date that doesn't fall on a weekend or a holiday and is at least 3 business days from now.
The reason this is the best option is because this is what you would say to a person if they were standing next to you. A good rule of thumb for error copy, or ...
11
If you really care about UX, so you have to validate URL automatically.
So if user types "example.com" you have to change it to "http://example.com".
If you want to add ability to navigate to url, that is just typed, so just underline it and make it blue; user will understand, that this is a link.
download bmml source – Wireframes created with ...
11
HumbleBundle.com has a interesting UI for addressing this. They sell a bundle of indie games and let the user choose how much each developer receives, how much to donate to charity and how much to leave as a tip for Humble Bundle.
11
What it is the value of WYSIWIG?
It provides immediacy and the ability to fiddle quickly. Bret Victor capures it perfectly in this video where he shows the importance of immediacy in the creative process during the coding of animations and games. Creativity benefits hugely from experimentation, playing and being in the moment. You can't achieve that by ...
10
You have mentioned that you find it frustrating and a bit confusing. I believe that most users would feel the same.
The reason for the confusion is because the input box would not be exhibiting expected behaviour. Your learners have spent a great deal of time learning how an text input fields should behave and then suddenly for no obvious reason it ...
10
Why not consider a timeline slider, with the most recent reports snap-to points for selecting?
If you have reports back to 1860, how often do they need to go back?
| Report XYZ, Jan 12, 1983 |
<--- Earlier \/ Later --->
...
Only top voted, non community-wiki answers of a minimum length are eligible
