Hot answers tagged

6

There is no way to answer that question in general. First, there is no single metric of "better". You could try to use some common metric like overall satisfaction, but maybe some other metric is more important to you, like user retention. We can't tell which one you need. Second, even if we were to agree on a single metric, the ways in which a negative UX ...


5

Although I do not have an example of your layout, I would personally choose top aligned in this case. This will probably give the most visual order and harmony, especially since your paragraph block text is also left aligned (meaning you already have an unconsistent visual area on the right). Compare:


3

The following are guidelines that I typically use when making this decision. Tables are good when comparing data points across records/sorting/filtering. Use a table display when: it is important to be able to visually compare values from several different records (e.g. which address records are from Spain, order records by users' last name) you'd like ...


3

What you could do is group your categories by major themes and use a similar style as bestbuy.com where categories appears in a dropdown and when you go above one category, the window expands and shows other relevant categories based on that theme.


3

Use a different shade or hue of red/green/yellow/neutral, and use it consistently for your positive/negative/warnings/neutral. Also use iconography along with the colors to enforce the message. For example, use a light red with 1px border along with an "!" icon on all error messages. Ensure that you do not use your primary website color in any messages or UI ...


3

Of course it is better to eliminate unnecessary elements on the interface. The big question is how much slower it would be if you implement those additional checks? In my opinion a several checks would not noticably slow down the interface so try to do it. If you have good developers you will find a way to optimize your code. Also, leaving the normal user ...


2

This is a pretty common interaction on a lot of shopping websites and the norm is pretty much always: If user clicks/taps on open icon (default), turn open icon to filled icon and add to favorites. If user clicks/taps on filled icon, turn filled icon to default and remove from favorites. Moving the products to a separate section during the interaction ...


2

Don't move it automatically. If I'm halfway down the list and think "Oh, I like this one!" and click the star, I would be very frustrated if it disappeared from sight. I would instead just provide feedback that it was added to the user's favorites list by filling in your "favorites" icon. Additionally, provide a way to filter by favorites. If the thing I ...


2

I would suggest you should be focusing on the user journey and based on that with the kind of mental load the users have(while using the product), take your decision. In some cases providing unnecessary/useless/redundant options (buttons in your case) might dramatically increase the friction. No harm in cleaning up unless you are hiding useful things. ...


2

Why do you think interacting with select boxes is annoying? Remember not all mouse clicks are to be considered bad. Select boxes have been around for a very, very long time, and are a neat concise way to select a value. You can also set a default value (if it makes sense), which could be beneficial to the user because they may not even need to interact with ...


2

You can also try playing with typography with some pictogram. That might help in this case. I had a similar issue in one of my project and it worked. Different kind of animations (shake, wobble, rubber band etc.) are also helpful. For example in case of a hard alert, a shaky animation will serve the issue. That will not only attract the eye, but also ...


2

I don't think you are missing anything, the above site 'http://us.pg.com/ or http://www.wacom.com/' options are handled very well. My analysis on apple.com, country selection must be in new page because the country list is more than 140+. Its hard to handle such a big number selection on same page. My suggestion on providing the Country selection option ...


1

From a design standpoint, however, drop-down menus are an excellent feature because they help clean up a busy layout. If structured correctly, drop-down menus can be a great navigation tool, while still being a usable and attractive design feature. drop-down navigation menus can be user-friendly. Recently Jacob Nielsen the results of his recent drop-down ...


1

In 99% of the cases you don't need to keep multiple parent items expanded at once. Moreover, it is advisable not to do so, as you don't want the user to get confused about her current location on your website and eventually get lost. And yes, there are scenarios in which you would want to have all the items expanding without collapsing their siblings. Such ...


1

"It doesn’t matter how good your website is if users can’t find their way around it." - By jerrycao Continuing with my answer posted just a day before. I stated that collapse menu's are better, and also gave some valid reasons. Note: Please read my previous answer(linked above), come back and continue here. Now talking about your case, I would ...


1

Provide them shortcuts for expand/collapse all, then let them organize it from there (unless there's some explicit reason for them not to be able to expand multiple siblings concurrently).


1

I've found that letting users choose when tabs open and closed is best, so I would leave it up to the user to collapse one menu, even when following a link in another menu. A scenario describing why would include users who might be navigating through different parts of the site multiple times. If I want to go to the pratius page, then artius, them to ...


1

While I agree with @dan1111, one alternative, I can think of is a Chris Coyer's implementation for big drop down. You can see the example below: https://css-tricks.com/examples/LongDropdowns/ But honestly that would be an unfamiliar behavior for the user and that cannot happen inside a side menu. The other thing is sidr.js which you could see been used ...


1

You could try presenting the primary hotel and alternate as cards, with the primary accommodation presented as the top card. Show some details of the hotels on each card. Label the primary hotel card "Primary hotel" or "planned accommodations" or something like that, and make the primary hotel card background color brighter than the secondary one. Label the ...


1

In short, yes, hover states will be more discoverable on a site that has fewer elements. Imagine these two scenarios: A full-screen page with a single element in the center with a hover state A full-screen page with a 16x16 grid of elements, of which only 2 elements have a hover state Being an interactive medium a user's instinct is to interact with ...


1

Both options seem valid for me, it all depends on the business rules behind it. You cannot compare a content website like youtube to a brand website like wacom of pg. A brand website usually create this kind of pages because they have different localised website across the regions. The websites might look really different in terms of look and feel and ...


1

I would add a ♡ when the item is not selected, then give it an action color like this ♥ when its favorited. Use a bright success color like green or yellow or anything else that works with your theme or template, when the user clicks add some transitions or animations so that the color eases into the outlined heart and the user registers the ...


1

It's always better if you keep the explanation right under the filed for both desktop and mobile. In case you need long explanation, you can always include a title for the helper line and link it to another page or a popup. You'll get what I really mean by checking out this example from mailchimp. I use it and find it helpful.


1

this is VERY subjective Some more suggestions -add to Need list -save to own list -add to my precious list Product teams and marketing people get really go overboard with labeling for these kind of features, but forgetting to check the language their users are speaking. It really depends on your audience, you need to align it in the same language as them.


1

By scrolling to the bottom of the page a user assumes that they have reached the end of the fold. By hiding more information at the end of the page you are in fact creating a bigger cognitive load for the user to work out where they can find footer links. In essence, a footer is the end of the page and it doesn't make much sense to hide it. If content is in ...


1

According to interaction-design.org: Content in any digital page layout will follow a specific hierarchy. Headers appear above body text. Menus go at the top, bottom, left, or right of the screen (or any combination of these). Designers try to organize content so that they present the highest priority content on any given page first. Then, they ...


1

I previously worked for a company sent out roughly 1 million subscriber emails an hour to people subscribed to bulletins, should those users choose to respond to those emails they would click a link to go to our web site where they would continue on their journey. After much research, as every response was effectively money in the bank we came to one simple ...


1

Use a discreet color. If you want to use a another color, then use white or blue. Sometimes a bright, friendly orange works good, too. But don't use a color which annoys the user.



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