Tag Info

Hot answers tagged

7

Twitter FTW I've always thought Twitter has the best solution to this. It allows you to hammer out whatever you like, then edit it down to something that fits. It's extremely clear to the user.


4

Don't leave fields blank When a field is blank, the user has no indication that the blank space is intentional (and not a page/widget error). It's for the same reason that publishers print intentionally blank notices in books to avoid user confusion: The presentation in your screenshot (using the - indicator) works fine from a usability perspective. ...


3

In the process of developing a new app (releasing next week), we ran into this exact problem. We originally included a date picker, but went back to the drawing board because we realized we didn't ask the right question. For us, it was straight text inputs, no pickers or options. So, apologies, but you're not asking the right question either. What is the ...


3

Ticked and delivery address folded or greyed/disabled. Because: "Most of the subscriptions are for digital products. However, a few of them may have a print included in the package and we would need a delivery in this case" Most users don't need it - don't show it. Show it only on demand or make it obvious as optional. It makes your form more convenient, ...


3

I see that those file types can be classified as text or image files, so it'd be recommended to offer the option to select all the files of one type just with a click. Also it provides better organization (even better if you order them by most used or alphabetically). If the user wants to select by file type, the max amount of clicks needed is 1 so it ...


3

This pattern has been used in gaming such as selecting the hardness of the game or for simple controls. ( easy - medium- hard) If there is Left - Center - Right arrangement, i think that it will increase some factors, especially reduced error and speed. If your project needs to be used in smaller screens, having horizontal arrangement will not be the ...


3

Clear buttons are normally provided when the field is being used affect a default view and the user is likely to want to return to that default. For example, to filter the list of all products in a catalogue and then to return to the unfiltered list. It's easier and more intuitive to click an explicit 'clear' button than it is to highlight the contents, ...


2

I think you have almost answered your own question. The button approach does a better job of conveying how the widget works, because it conforms to expected idiomatic behavior for the text input and the calendar button. The popup approach has a clearer entry point (only 1 control) and requires only 1 click (vs potential 2) for the user to see both input ...


2

From a visual point of view, 2 sizes is OK, different sizes for input fields is very confusing, and the same applies if you expect to input 2 characters and have room for 40. The user will wonder if they need to add something else in most cases, so visual hinting plays a role. Of course, like Chris commented, you need to keep in mind that under a certain ...


2

At least one example is in spreadsheets. Both Excel and Google Docs have Enter move to the next row and Tab move to the next column. If your the end user is familiar with certain types of data entry, using Enter may be more familiar to them. For example see: This is a fake example, but many financial documents are set up to be entered a single column at a ...


1

Don't let user type anything longer than 55 characters, and give feedback on how much characters are left when each character entered . download bmml source – Wireframes created with Balsamiq Mockups Edit: Of course a tooltip informing that user reached the limit would be a nice to have.


1

I would suggest looking into a few of these design guides. Googles Material Design: http://www.google.com/design/spec/material-design/introduction.html Bootstrap: http://getbootstrap.com/ Either one is going to give you 'clean' web ready out of the box.


1

While it depends on the form and the data, in your particular case I wouldn't do it. If you pre-fill fields, most users will leave them "as is" because they won't know if they can modify those fields, or they won't care. Either way, a bad behavior because neither you nor the user will get the expected results. Pre-filled forms should only be used when the ...


1

Those are still required fields. Based on your edit, your watermarking is using actual data, so you need to signify what fields are required. The From field you obviously need them to fill in, so you can't accept the default. The Report Name, Subject, and Date Range fields, however, that's your call. They are valid defaults that the user may want to ...


1

There are two common patterns for clearing: explicit clearing, through a button, such as the included button you provided in your captures, or through a stand-alone button for the whole form. This latter solution tends to be a bad practice as users may press it instead of the submit button, and there are few use cases which require a clear form button. ...



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