Skip to main content
Share Your Experience: Take the 2024 Developer Survey
14 votes

According to the basic principles of UI Design, which alignment works the best as shown in the following picture

In the first layout it is clearer that the content is subject to the recommended analysts heading, because it is fully encapsulated by the heading. This is less obvious in the second layout because ...
Chris Schaller's user avatar
11 votes

According to the basic principles of UI Design, which alignment works the best as shown in the following picture

Alignment of grey container in the first image means that content of grey container is associated with recommended analysts and provides information related to recommended analysts. Second image ...
fakermaker's user avatar
6 votes

According to the basic principles of UI Design, which alignment works the best as shown in the following picture

The issue seems not to be with the alignment of the grey box, but rather with the row featuring analysts. Omitting it, the first practice emerges as the preferred choice since the content is ...
Devin's user avatar
  • 38k
4 votes
Accepted

When to display a modal popup over a card flip on mobile or desktop?

As long as you're clearly stating that the card will flip and there's a clear button to go back to the previous state, I think flipping is marginally better than a modal since the element retains its ...
Devin's user avatar
  • 38k
4 votes

How to redirect viewer's attention to a certain card among similar cards?

The same thing happens with pricing plans, which are just cards with content. Here are some examples where you can get ideas or combine them: Size Contrast Adding a distinctive graphic element Drop ...
Danielillo's user avatar
  • 19.1k
2 votes

Best method for ordering information in a form

I believe you're providing the answer yourself – if the information is both important and frequently used, it should be placed at the forefront of the form. This would make it more practical for those ...
Vic Mena's user avatar
2 votes

Whats a better way to group dates on a form

How about adding a timeline like this but in horizontal direction? Here are a few examples from Flowbite design system: https://flowbite.com/docs/components/timeline/
Daniele Longo's user avatar
1 vote

How to redirect viewer's attention to a certain card among similar cards?

You've already given the first card a different color, which makes it unique and out standing from the other ones. To give it even more attention I'd suggest you adding an animation to the card or an ...
fakermaker's user avatar
1 vote

Updating UX for time selection

I think this is one of those situations when trying to be clever and create a brand new solution will only create more confusion. My suggestion is to start with a basic interface (basic as interaction)...
Morco's user avatar
  • 298
1 vote

Choosing between two UI variations

If there's a Select All button, you need an Unselect All button, because users make mistakes and click on things they didn't mean to click on, and someone who accidentally selects everything and can't ...
Izquierdo's user avatar
  • 12.7k
1 vote

According to the basic principles of UI Design, which alignment works the best as shown in the following picture

The top layout. Indentation/enclosure/part-of is an inexpensive, standard way to order relationships; it is in use everywhere. Where indentation is not obvious, it can consume many further clocks to ...
Margaret's user avatar
1 vote
Accepted

Best layout for radio buttons on forms

The way you have it is the correct way. Whether the input text fields are in the same group or not, the arrangement will still be the same, barring some spacing or a separator line if the text fields ...
Devin's user avatar
  • 38k
1 vote

Showing error messages on form without shifting layout?

Depending on the case, you can match the description with the alert and simply show the color change on the error:
Danielillo's user avatar
  • 19.1k

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