User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
I have a product card that only allows three lines of text and if it’s longer it adds an ellipsis. If you want to see the full text you just hover over and the tooltip will appear with the full text, pretty simple. The thing is that when you’re on mobile you can’t hover so what options would be good for cases like these where the text is too long?
Right now on mobile and desktop if you click on the title or anywhere inside the card it takes you directly to the product details.
I would recommend putting the ellipses in the middle of the shortened string/texts rather than at the end. It is commonly the last portion of the string/texts that distinguishes it from others, so by putting the ellipses in the middle, you are not truncating the useful part of the string/texts which is usually the start of the end of the entire text.
