Hot answers tagged

170 votes
Accepted

Why is this design considered cluttered or overwhelming?

This is where UX gets hard There's nothing inherently wrong with your interface. It appears to be handling a large amount of information in a reasonably clear and standardized way. But there is ...
plainclothes's user avatar
  • 21.3k
73 votes

Why is this design considered cluttered or overwhelming?

Repeating those table row labels for every game box is contributing a lot to the perceived clutter IMO. Also is all that information necessary? You could perhaps try simplifying, but add the ability ...
Paul LeBeau's user avatar
35 votes
Accepted

Will users know a CardView is clickable?

Make the title of the workout the same as the active click colour, so that it prompts users to click on the title. Even if the whole card is active - it gives the user something to focus on.
Roger Attrill's user avatar
33 votes

Why is this design considered cluttered or overwhelming?

You have a good UI but a few things strike me that perhaps can be improved: Too many lines (you can remove most of them I believe) Too little contrast between the different parts of your design (try ...
filip's user avatar
  • 2,685
31 votes
Accepted

Representation of Timer in "Deal Expires in MM SS"

According to me, the best option would be to use 59m 59s. This will surely help a user to understand the time available without any confusion. Here the labels are clearly visible at the first glance ...
Akhil Ashok's user avatar
  • 1,191
17 votes

Why is this design considered cluttered or overwhelming?

The data being displayed by the cards would make a lot more sense in a list or a table. Each card has the same exact fields with different values, and you're displaying the labels for the fields each ...
Harrison Paine's user avatar
16 votes

How to deal with an excess of white-space in a CRM UI?

Visualize hierarchy You have an opportunity here to maintain flexibility while emphasizing the known priority of data elements and adding some scan-ability and visual interest. The nice thing about ...
plainclothes's user avatar
  • 21.3k
13 votes

Will users know a CardView is clickable?

I recently did some testing with a similar design where the cards were not tappable, only the button like your "Start". The participants mostly expect cards and tiles to be tappable IF there is only ...
Ling's user avatar
  • 1,402
11 votes

Why is this design considered cluttered or overwhelming?

personally, I don't think it's cluttered, but yes, it's a bit overwhelming. Basically, I see your screen and have no idea where to look and what to do. The most important aspects seems to be an L in ...
Devin's user avatar
  • 37.8k
11 votes

Representation of Timer in "Deal Expires in MM SS"

Kishan I would step back and approach it from a deeper UX perspective; who are your users, what are they doing, what information is pertinent to them? When you delve a little deeper, the answers ...
Wristy Manchego's user avatar
11 votes

How to deal with an excess of white-space in a CRM UI?

I don't see an issue with the white space. Card-type interfaces are prone to having white space. Maybe you can condense the details into the global components, like the header, and dedicate the body ...
Nicolas Hung's user avatar
  • 5,598
10 votes

Representation of Timer in "Deal Expires in MM SS"

Why don't you just give the actual time until expiry? At the moment, you're proposing to tell me that the offer expires "in one day". But what does that mean? Let's say it's 3pm on Thursday. It ...
David Richerby's user avatar
9 votes

Representation of Timer in "Deal Expires in MM SS"

You also have an option to display it as 59m 59s, if you're worrying about ambiguity. If you have to stick with the options you provided I would go for 59:59 mins, since 59:59 may be interpreted as ...
Jaroslav M's user avatar
8 votes

Why is this design considered cluttered or overwhelming?

The answers provided here are great, but a few observations: Put the avatar of user in a grey circle (multiple grey circles looks cluttered), same way put meaningful information in all game cards. ...
IT ppl's user avatar
  • 189
8 votes

Will users know a CardView is clickable?

There's nothing wrong with having clickable cards. An example of that is YouTube: when you're browsing a list of videos, each video is represented with a card. Notice that the card also has a "show ...
gardenapple's user avatar
7 votes

Why is this design considered cluttered or overwhelming?

I have some fundamental guides to offer, which should apply to all UX, and is especially important here: Convenience doesn't have to compete with clarity. A designer is supposed to take maximum ...
J.Todd's user avatar
  • 1,165
7 votes

Will users know a CardView is clickable?

I think when a big chunky object represents an action by interacting with it directly (clicking, tapping, hovering, etc) there should be an explicit visual hint (especially given "Cards" in Material ...
Dai's user avatar
  • 907
6 votes

Why is this design considered cluttered or overwhelming?

Well, good answers but not helping you with the cause other than "Monotony" - which is not a great term, but close. Great design in Magazines, Posters, and User Interfaces is the product of font, ...
Curt Doolittle's user avatar
6 votes

Cards with margins VS Edge to Edge container

Cards with margin and shadow look like real cards. That's the motto of material design. To make things appear as real objects. Objects are presented to the user without breaking the continuity of ...
Dipak's user avatar
  • 16.2k
6 votes

Card Design - Layout

This article should give you a better perspective on the use of Carousels on mobiles - Carousels on Mobile Devices Dots are generally weak signifiers which basically means that they could be ...
Arriving From The Sky's user avatar
5 votes

What's the difference between cards, panels, and tiles?

According to Google's Material Specification...Tiles have square corners, no more than 2 actions, cannot be rearranged or dismissed. Cards have rounded corners (like playing cards), have multiple ...
Kevin Braun-Braun Interactive's user avatar
5 votes

Between cards and tiles, what pattern is acceptable to use on a dashboard?

That also depends on your content. In my experience tiles are not that scalable if the length and amount of content can vary. But if you have some fixed graphs (e.g. pie charts, donut charts, line ...
Luchadora's user avatar
  • 370
5 votes

Why is this design considered cluttered or overwhelming?

When we humans look at something somewhat structured, like a UI, we tend to build a mental model. In order to achieve that goal, we scan the UI in an instant, unconsciously, and take note of each and ...
Juan Lanus's user avatar
  • 3,369
5 votes

Should CTA be placed on all cards

You have two actions available from the card: Visit website Learn more You need to decide which of these is the primary action, and make sure the rest of the content doesn't conflict with these ...
Matt O'Keefe's user avatar
  • 1,860
4 votes

How can I communicate that a list item is expandable?

I'd suggest trying to find an UI pattern that fits this purpose - so users are familiar with it, and will find it intuitive to click there to 'expand' and have more content. In your case, perhaps '...
Ana Santos's user avatar
4 votes

Why is this design considered cluttered or overwhelming?

Ideas: Create Game Maybe the first card could be your big create-game button! I'd really like it to have those type of inputs where you can just click on the text you want to edit and fill it in ...
HTDE's user avatar
  • 141
4 votes
Accepted

What would I call this element?

It looks like what I've heard called a "drawer" https://codepen.io/tag/drawer/
Luke's user avatar
  • 131
4 votes
Accepted

Improving UX for multi-selectable cards

As Muhammad Jahangir already hinted at, using Chips to select multiple results in searches is a very common approach. If you google "ux search multi select", a lot of the results look like this: ...
Big_Chair's user avatar
  • 6,826
4 votes

Card with Button or Completely Clickable Card

The answer is it depends. As you have marked this as "accessibility" I will weigh in on that the most, luckily it links to usability quite nicely. Please note I have also answered this as if ...
GrahamTheDev's user avatar
  • 2,588
4 votes

Benefits of displaying information in a grid of cards over a table list?

There are well-established patterns for the usage of tables to display information versus using cards. As you mentioned before, it can be helpful to display pictures or graphical information in a grid ...
Michael Lai's user avatar
  • 26.8k

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