Tag Info

Hot answers tagged

25

Since you have phrased your question 'Is it acceptable...', the answer is: Yes it is acceptable. A lot of things are sub-optimal and still acceptable. Depends on your standards :) Is it the best possible choice of colors for this particular action? No, very likely not! It does one thing and only one thing very good - stand out, however it also introduces a ...


24

In theory the correct answer is no upper limit for name lengths. Allow the user to enter whatever their name is using whatever characters are available to them so that you will never run into a circumstance where someone is prevented from entering their valid real name. In practice that is not possible to implement. There have to be limitations. These ...


16

Check out Google Drive - they use red buttons. I don't think that red signals error as long as the theme and GUI parts of the page goes in red (and that is probably why Google uses those colors). If there would have been a red and a green button, then I would have been suspicious about clicking the red, but in this case I don't get that feeling. The ...


11

It can either be a matter of the context or simply a choice of visual style. If the form is displayed in the same context as other elements on the view (promotion message, login form, etc.) it can be a good idea to frame it in order to visually map it as a unity to the user and yield closure of completion. This is the case for eg. the Twitter sign up view: ...


10

The first design is the worst in terms of usability because the icon is ambiguous, and there's a real possibility that the user won't even see it. The user is going to be focused on (ie, reading) the dropdown menu and s/he can't process the icon at the same time; it's physically impossible. You're counting on the user to either find the icon by chance or by ...


10

In your case I don't think there is an issue removing labels,Since you are using only select boxes in your form and there are no text fields, When users click on select box they are going to be presented with list of options so I don't think the issues of auto focus, lack of compatibility with browsers for placeholders plays an issue in your case.


9

Color associations are very cultural thing. In computer culture I assume people usually don't think: oh blood, yammi. At least my experience is that red implies mostly one of the following: Attention: whatever it is, it must be important Error: As developers always wanted attention for errors, in the right context red is highly associated with errors. Just ...


8

Clients that complain about 'all the extra space' are usually looking at things from a visual design layout standpoint rather than UX/usability standpoint as if they were printing out the site and hanging it above their fireplace as a work of art. Yes, if you stretch your browser to 1920...a LOT of web sites will have lots of blank space. That doesn't ...


6

Why not allow them to select the clubs in the first page itself. I would suggest a simple layout like this download bmml source – Wireframes created with Balsamiq Mockups Once the user ticks off a club,give him a visual indicator which informs him of which all clubs he has joined as shown below download bmml source Facebook allows you ...


6

Visually the box provides a grouping of the elements - Grouping the form fields, making them distinct from the rest of the content. Working on the gestalt principle of closure. That box is usually the fieldset element of the HTML. It's not clear from your example, but fieldsets usually go around related elements, so you could have multiple in a form. The ...


5

I think the first and third options are both possibilities, depending on how it will be used. If the user will need to add items quite frequently, the + button is definitely preferable out of those two, because it will be annoying to go through the list every time to get to "add new". If it might be a very long list of items, this will also increase the ...


5

Given the diversity of names, I wouldn't... set a floor or ceiling limit on name length, OR even break the name into two separate fields. Depending on the country / cultural background of a person, they may have a more Westernized [first-name] [surname] name, but they may not. Why possibly bar users from entering their complete name because of arbitrary ...


5

You can try use this pattern (for options already selected): It lets you keep this placeholder look while still not resigning from having labels displayed within the field. You can use other text color (like light gray or something) to degrade the significance of the label of course.


4

If the user can add new groups, they question is if a combo box is the right component to solve this problem. An option would be to use an editable combo box. This means you can enter new groups directly within the text field: But be cautious, there a some drawbacks using this type of component. It is very easy to create new groups (might not be ...


4

Changing labels is clearly confusing because as a User I might not remember if i checked or unchecked something or it was just checked by default. Also I don't see controls or toggle buttons as a good fit to solve the problem. Definitely not the way to go. Changing the labels is a creative solution if used properly inside a context that allows such ...


4

I would recommend you to put your descriptive phrase on a new line, as it changes the logic of your textbox (the user gets confused, as the label suddenly changes). download bmml source – Wireframes created with Balsamiq Mockups


4

Here are a few ways, including the one you've already got (which I don't see an issue with): download bmml source – Wireframes created with Balsamiq Mockups The other thing you could do is remove the help bubble altogether and use tooltips for when you hover over any part of the list item. download bmml source Now, @DA01 ...


4

I think this could end up being a matter of opinion. I do not select everything. I think that selecting everything gives more chances to delete things that the user may not want to delete and sometimes Ctrl+Z may not work or may not work as expected, so things may be lost forever. If the user wants to delete or replace everything, even when it may take a ...


4

How about this: Intro text adds nothing Name is not essential to create account, or at least make it one field Re-enter email is redundant The way you aligned labels is not optimal New password? I don't have any existing password at this point, am I? Choose one colour for your links that is not red and not the same colour your headers have Consider ...


3

I would recommend going with the first option as it a clear visual indicator that users can add a new item to the list if not found. Here is an example of how you might do it The challenge with the third option is that you are expecting the user to scroll to the bottom of the list before he finds the option to add a new item. If the items in your list are ...


3

We are testing the exact same thing at the moment (hopefully I'll get back with the result when it'ts done). From our current experience and I've seen this on other sites, people tend do click the red button IF there is no other "actions". You have 3 buttons very close to each other and personally I would not click the red button. If it was Green I ...


3

Generally speaking, disabling the button can be better for aesthetics as well as users recognizing that some options in the list will have more settings. Windows does this in the audio settings (the Advanced button is disabled if the device has no advanced options.) However, your concern that users may think there is a bug is valid. The question is ...


3

One solution is to give your user the option to choose which is best for them. Luke Wroblewski wrote a post that covers this issue well: By default Polar displays your password on our Log In screen as readable text. A simple, Hide action is present right next to the password field so in situations where you might need to, you can switch the password ...


3

Don't rely on the instructions, the better option is to develop self-documented form. These kind of forms are obvious for users and error-proofed. The means for developing such forms are: Right label names to support user's mental model Right controls. HTML5 supports a variety of shaped controls for emails, numbers, date, etc. Use placeholders for the ...


3

From my point of view, the problem with using placeholders without labels is also relevant when using combo boxes and not only when using text fields. In both cases the "label" disappears when typing or selecting something. If the user is not familiar with your form and the order of the combo boxes, this could be confusing. I suggest that you use labels as ...


3

User can enter his name later in his profile, if he wants to. The ultimate rule of any form is to be as simple (use as less fields) as possible. Users are lazy. Assuming you have proper labels above your fields (and that all of them are mandatory), it makes sense to highlight erroneous fields with red outline and display one "Please fill" message at the ...


3

Firstly, I commend you for getting some genuine testing done on your design. Many products don't allow themselves this and suffer with a poor performing site as a result. However: ...Several users found the contact form section very big and loud and wanted me to get rid of the background I was using on it. After thinking about this for a while and ...


2

I would go with the 2nd option because it clearly states the action and there is little or no ambiguity. Either you select one of existing groups from the dropdown or create your own. User experience cannot get simpler than that! 1st option could also work, but requires some action on users behalf. I assume the tooltip is shown only with a mouse hover and, ...


2

On web you need user's focus as much as possible and this can be achieved via images/color and typography etc. Red is associated with eagerness, energy and attention. So when we see red(traffic light, blood, danger signs, waitress with red lipstick , red apple) we stop. And then take an action. So as per your screen you want user to validate before he hit ...



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