I have a situation where I have a card as an element and it had primary Title, Sub title, and other texts and one secondary CTA. The problem that I am facing is the click on the main title opens a new details page of this card but users aren't able to guess that there is a click on this card. other things that I have thought is making card clickable but this, if I follow there are a lot of other elements that are clickable too, will this not make it very straining to users. Is there any way that I can say user that there is one more click to view the details page of this card
You could start by making the affordances more clear.
You can use several options, which you can combine:
- use a 'Learn more' or 'View details' link. Don't make them guess. Tell them.
- Use color on your links.
- Underline your links.
- hover on card to bring out both color or underline.
- Separate your visual info (the logo) from the written content.
- Layout (the secondary CTA can shift out of the way).
- Size of the secondary CTA: you can make it a more subtle button if it's not as important as viewing the details.
It's hard to tell from your mockup, so my card depiction might be a little simplified. You seem to have placeholders for a lot of text.
Normally cards contain a title, some logo / pictorial info and a description, and perhaps a CTA. It's a launching point into a more detailed view. What is the content on this card trying to do? Is the main CTA to get to a details view?