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 ...
- 21.2k
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 ...
- 831
38
votes
Accepted
What's the difference between cards, panels, and tiles?
The container zoo
The terms card, panel, tile, and others are often used interchangeably, so their definitions not precise and can change from company to company or ecosystem to ecosystem. But, there ...
- 40.8k
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.
- 70.9k
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 ...
- 2,675
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 ...
- 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 ...
- 1,924
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 ...
- 21.2k
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 ...
- 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 ...
- 35.1k
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 ...
- 111
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 ...
- 5,146
10
votes
How to make cards distinguishable without using colour
1. There are 6 main types to create contrast among objects:
Color
Size
Position
Texture
Shape
Orientation
2. Material design has one specific feature – the depth.
More about principles of material ...
- 113
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 ...
- 1,583
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 ...
- 707
8
votes
What's the difference between cards, panels, and tiles?
There probably isn't objective answer to this question. As you said, if Microsoft, Google or Oracle doesn't seem to agree, how could we?
My view is mostly based on Google Material design on cards and ...
- 5,164
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.
...
- 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 ...
- 81
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 ...
- 1,145
7
votes
Accepted
What is the best way to display empty fields in a user card?
Don't leave fields blank
When a field is blank, the user has no indication that the blank space is intentional (and not a page/widget error). It's for the same reason that publishers print ...
- 40.8k
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 ...
- 887
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, ...
- 161
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 ...
- 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 ...
5
votes
What's the difference between cards, panels, and tiles?
1. Cards - 2. Tiles - 3. Panels
The short answer is there really is no difference between these terms. Any of these can be any size and I've used the terms interchangeably on various projects.
We ...
- 15.8k
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 ...
5
votes
Accepted
Spacing between two tiles for good readability?
Let's scroll through your first design and stop somewhere in the middle:
Now, quick: Which button applies to the card? The one above or the one below?
This is the advantage of having a clear ...
- 41.7k
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 ...
- 3,361
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 ...
- 370
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 ...
- 1,850
Only top scored, non community-wiki answers of a minimum length are eligible