Are unclickable tags/chips a good practice?

Question

Title says it all basically.

I have to show a trip that contains Title, description and a bunch of random additional info (the tags). The issue lays in those tags they should not be clickable and tags looks like the best way to divide the three "types of information" of a trip (second example with just dividers looks a bit messier).

Now the issue: are unclickable tags a thing in the UX world or is it going to be the worst decision of my life?

P.s: Maybe there's an easy and obvious fix to this that you do see, but I don't ?

Answer 1

Second approach.

Tags are normally clickable and often act as filters or search query of some sort. In your case:

• Time looks like you can 'schedule' something;
• Weights look like there's a list of your heath&fitness trips in London;
• Pin looks like a map-opener;
• Phone looks like you can click and call directly; and
• Person looks like you can open Alexandra's profile.

Your simpler approach, with text and dividers (plus your icons) is actually cleaner and less confusion of what is clickable (the blue button) and what isn't.

Hope this helps.

Answer 2

Go for the Simpler one.

It is the shape of the tags that is the actual problem. They make it look like buttons. Moreover, they are also presented together which creates the illusion

This refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used or in short AFFORDANCE. We should get rid of Affordance here.

I think the second one where you placed almost evenly-spaced sections with equal margins do not confuse a user.