Tag Info

New answers tagged

0

In short: No Most certan the reason you asking this question is ambiguity of controls on initial screen: download bmml source – Wireframes created with Balsamiq Mockups This ambiguity can be easily removed by replacing "search" idea (where you have to enter something to see results), with "filter" idea (where results are always displayed) ...


0

The "All" option is often used as a quick way to select or deselect all.


0

If you have a mandatory selection, you should have that 'All' option. If not, having it can still be useful, as selecting nothing might as well be understood as wanting no selection at all (iow, none of the listed options apply rather than all of themm in your sample that'd come out as >$40 for example). If you want to stress that 'All' is the default, you ...


0

Consider the users (both internal and web-facing) and weigh the inconvenience against the repairs required to fix typos. A position for the keeping of confirmation: Customers normally find us and come to us; they don't browse by. So they will put in a little bit of effort to stay. Our customer base isn't leading edge tech savvy so they are not ...


0

Ok, I admit I was skeptical but tried the working version and had so much fun with it!! This is an absolute great idea for a game sign up form or something for kids, I feel signing up with this is a challenge and the signing up itself is the prize you get so would be perfect for a limited access community. Less input fields, less rotation, nicer looks and ...


1

As someone who has lived in this boring form world for far too long, I never thought I would live to see the day when someone would come along and completely break down barriers, cause a paradigm shift and rewrite the book on accessible and innovative forms... until now. Some of my favourite things from a usability perspective you've added I think the likes ...


1

Assuming you only have two options then radio buttons would probably be more appropriate. There are quite a few articles out there showing that if you have 3 choices or less (and some 5 choice or less) then it is better, if possible, to use radio buttons. [http://uxmovement.com/forms/stop-misusing-select-menus/] I have never heard of the labels "MALE" and ...


0

For binary data, your options are: single check box (typically for on/off) 2 radio buttons drop down Any may be valid for a particular use. When there are only two options, however, I'd normally suggest you stick with radio buttons rather than forcing a user to use a drop down for just 2 options. All that said, note that gender, while traditionally ...


3

It all has to do with effort and reward. If the user feels that the reward (getting to use your service/product) is greater than the effort (following through with the sign up process) , the product will be used. For example, if there's a long log in/register process to see a funny cat very few will probably log in. If there's a long log in/register process ...


0

The days of registration via any kind of form i thought had died, especially on a mobile where text input=hell on earth. My advice is that you need to go back to business and figure out if you can allow signup and signin to be the same and that the login can be accomplished via an API such as google + or twitter


4

The reason to change this is pretty obvious: users are likely to think that they can edit the information when it looks like that. They will be confused, and they might even think your app is "broken" when they try to select or unselect a checkbox and it doesn't work. If you replaced the checkbox with a green check mark that had no box around it, it would ...


1

Your verification method's "actionable area" should be the same no matter which radio button is selected: download bmml source – Wireframes created with Balsamiq Mockups When the user selects "Request Acknowledgement", update the actionable area to your e-mail form. Providing a label for this section would not be a bad idea either. (I'm ...


0

I would recommend "Budget" instead of "What is the budget?". If you ever decide to translate the form into multiple languages, it will avoid translation errors and probably be cheaper / less time consuming. Not to mention reducing the size of labels for languages like French.


1

As a rule, I try to keep labels as short as possible while remaining immediately clear. Sometimes that's a single word or two. Sometimes it's a question. The idea is to help the user along by making it as straightforward for them as possible. The best way to determine the clarity of your labelling is through observing users. Try getting two or three people ...


0

As it is in many ux related questions it depends on your audience: I consider the question style more suitable for users, that are not familiar with the form – or with web forms in general. You kind of take the user by the hand – which can be a good idea for that kind of audience, but might be a bad idea for 'power users'. On the other hand I suppose the ...


1

I would rarely recommend "dynamic help", if I understand your explanation correctly: Popping up additional information on every field while the user goes through the form will likely create so much noise that the user is distracted from his main task (filling in the form). A use case where "dynamic help" might be of help is very low frequency (once a year) ...


0

Nested radio buttons can be confusing to users. Another alternative is to use a drop down list and a radio button group. Depending from the value of the drop down list, the respective radio button group is displayed.


0

Sounds to me like a dropdown menu with 9 options :-).


0

I would go with your first option ... Maintain the main structure and indent the submenu. If you wanted to make it cleaner, you could also make the 'sub' choices only appear once the user has selected the top level radio button.


2

There are two cases for "Remember me" or another check box "keep me signed in" functionality: Case I: When user is using a personal computer / workstation or mobile device , they often opt for remember me option or keep me signed in option to save time for repeated login or use. That's common, most of us would not like to reenter same and same credentials ...


1

In light and sound enginering, you see these large sliders where somethimes a couple of them are connected. This analogy could help you. If one of the four dimensions is given, the other three are always connected. You could show that connection literally, by creating sliders with the knobs 'taped' or barred together. The user should be allowed to enter the ...


0

If the user needs to step through each of the records then I'd recommend treating this like a wizard wherein you have a next button at the bottom of the page in place of the save button. I would make that button larger or a different color than the other buttons to make it clear that that is the main action. With this change, you are asking the user to enter ...


1

Neither a trackbar nor first/previous/next/last buttons are intuitive ways to navigate a list of items. Reasons: They are not idiomatic - these controls have other, well-defined uses. A trackbar is usually used to select a level of something. The buttons are more familiar for navigating media, such as songs or a slideshow. The user won't expect them to ...


0

Yes, one page websites or SPAs (web apps) are very popular nowadays, they boost engagement and transmit the message faster to the user. The problem with them is SEO, which is tricky to implement because of the Javascript used to manipulate the transitions and effects between sections and different effects and animations on the page. As you might know ...


5

I think this is a nice UX, but there may be security & privacy concerns. Being able to enter someone's username/email and know whether they have an account may be a breach of privacy and could lead to a security vulnerability. http://security.stackexchange.com/a/40697 http://security.stackexchange.com/a/47472


4

I made this work with node.js/mongodb. It took a few days of troubleshooting. Eventually I learned you need to pause the script for like a second while the new user is written to the database before you attempt to sign thon in. Conventions are a powerful thing and people are incredibly resistant to change... because they're stupid. Just kidding, they resist ...


29

I think the strongest argument against this sort of pattern is simply, "How does the user know?" How does the user know that they can register simply by attempting to log in. If they know they have never signed up for this site, they know they do not have login credentials. Thus they will actively look for a sign up option. The sign up option is a long ...


0

Avoid long forms on a mobile. You can split the same long form into multiple pages. The most feasible option would be splitting the form into multiple sections depending on the question group. Vertical scrolling in mobile is fine but club it with quick links. The above image depicts various sections and the fields the first section holds.


2

Personally, I think messing with tabindex is messy business. It's difficult (if not impossible) to use it in a way that is intuitive for users. If I (and I think most other people on the web) see a form element I need to interact with, I click on it and tab from there rather than trying to tab to it up front. Two possible use-cases for tabindex that I have ...


1

We solved the issue by combining two components. The original idea of a combobox that only populates after the user inputs some text into it was kept and after the user selects a Retailer, it is added to a grid that holds all participating retailers. users can also click on grid entries to remove them from the contract. Something like this: The grid ...


0

I have recently worked on a project which required to display a lot of information in a tabular format with large number of columns. We followed the following approach - Horizontal scroll is inevitable. You have to use it when dealing with lots of columns. The thing which you can do is maximize the number of columns visible to the user at once. Sometimes ...


0

Depends on the target audience. If this is for power users, i'd show "Fields not provided by user/empty" (probably collapsed by default) so at least the system is reporting the data correctly. This is especially true when the data is from multiple sources and also way to ensure the system is working properly.


1

As your client is likely wanting to produce a password for the user to avoid them selecting a commonly weak password: Why do people keep doing this!? Because they can remember them! It might be helpful to point out to your client that The Only Secure Password is the One You Can't Remember. The above article points out many tricks to creating passwords, ...


2

... bizarre behavior - a list of checkboxes, last selected of which can not be unselected. There is nothing stopping the user from unselecting all checkboxes, unless you force that situation. You shouldn't force that situation. Going with the assumption that a confirmation action is required to commit the information, that action simply need not be ...


2

This is where validation comes into play. It's a tricky subject but almost every app of meaningful size has some kind of validation. In your case, I would recommend something like this. download bmml source – Wireframes created with Balsamiq Mockups If they then attempt to move on, save, navigate away or whatever else, you prevent them from ...


1

I would also consider just providing an input for the user to insert their desired campaign name, and underneath it have a bound paragraph (like in Angular) displaying in a small font the complete URL, updating as the user types. You can easily implement it with a bit of jQuery and on/keydown or have it built-in in any Javascript webapp framework.


0

Can't you break it over multiple lines at small resoultions? Treat the first (grey) section as a label, and set the input field left aligned under it. download bmml source – Wireframes created with Balsamiq Mockups That should be possible with just CSS, so long as you've marked up the grey box as a label element in the html and not as an input ...


1

Make the default state of the box include a default address - even if it is totally unrelated to the user. A visitor may not see a blank box as an "incorrect" state, so they may not know to "fix" it by entering their address - but they will see an address that is not their own as "incorrect" and will change it to the correct address. If your solution allows ...


1

It really depends on your goals. IF you are collecting addresses for marketing purposes then of course encouraging a complete address is quite useful. If you do not REQUIRE the address for marketing then a system where you would require the user to self-refine the data would be handy. For example: have them enter stat/province first should remove a large ...


0

Our development team uses chosen: http://harvesthq.github.io/chosen/ It looks like this: I'm sure you can tailor it so it only drops down with predictive search after 3-5 characters.


0

Let's give this a context. Geographical / Political You want to edit a record (say the name of Mayor of a city). New York is inside NYS which is inside the USA. OR Music / Movie Edit the name of a musician in a band which is part of some sub-genre, part of a genre part of a meta-genre. Store Inventory Item, Sub-Category, Category, Department In each ...


0

How does the dealer select from / chose among the retailers? Do all dealers interact with all retailers? If not the list can be pruned per dealer. (The full list can still be made available). How are your dealers working through this problem? What is their conceptional map? Do they think "Sears" and go to "S." Do they think of retailers for a particular ...


0

Once the user clicks "submit", something should happen on the screen to acknowledge the request, and something should remain on the screen after the request is processed to indicate that. For example: "Last entry successfully submitted at 10:37:42". If doing so wouldn't compromise confidentiality, it could also show the field contents of the last entry ...


0

Why doesn't the form navigate away? Is the view meant for consecutive form entries which is why the user is not re-directed away from the form? What percentage do you expect your users to input mostly the same data? Would it be better to offer common fields as a user preference and pre-load them as input placeholders after submissions?


20

Once the form is submitted, users expect for a sign showing them that their intended action was successful. It's usually a message ("Thank you – etc.") displayed below the form, in a dialog or on a new page (depends on the context). The input data usually get cleared on submission, to give visual evidence that the data have been "sent" somewhere. In your ...


1

In both the cases, I would autofocus the first field and put the cursor at the end. Autofocusing a field gives the users an indication and a starting point to quickly begin correcting their errors while at the same time it doesn't force them to start with that specific field. It also affords you the freedom to provide some more details about the error ...


1

What do you think about to create overlay bottom bar with the context buttons? Update: Just to explain the color scheme behind the screen: Green button is 'Save', red button is 'Cancel', blue button is in this case used to check not assigned entries. This is just concrete implementation of idea to have bottom-bar to eliminate 'scrolling orgies'.


1

Placing buttons at the bottom are better as the thumbs or fingers could reach them easily - supports one hand operation too..


1

Put amount and percentage together. Make all fields enterable. When the amount is changed, automatically change the respective percentage, and vice versa. See below : download bmml source – Wireframes created with Balsamiq Mockups


1

From these screenshots, there are 3 functions in that part of your app. List of meetings, with search functionnality Meeting creation, with several steps Inviting people Apparently this menu is displayed on the list/search page? (I will assume so in the rest of the answer) A few points, not really ordered: It is not clear where we are. The title ...



Top 50 recent answers are included