3

I'm working on a Q&A platform, and I was wondering.

Within My Account you can check your questions, answers and comments such as

[Your answer]

Date: [XX-XX-XX] Number of answers:[XX]

Related question: [Text of related question]

Since the question and answers can be pretty long, I'm thinking about shortening them to 140-170 characters. What I'm worried about, is how to display the fact that it has been shortened, as the text will be a link. Usually, links suchs as "Show more" are much more visible because the question/answer/comment text is not a link itself. What are some good option to show that?

6

A simple and conventional way would be the ellipsis. CSS even has the property text-overflow which has ellipsis as an option.

http://davidwalsh.name/css-ellipsis

http://css-tricks.com/snippets/css/truncate-string-with-ellipsis/

Example

My short string

My longer string that will get cut ...

My other much longer string tha...

Working Example on UX Stackexchange

This technique is used right here on ux.stackexchange in the questions/answers section of the profile page. The usability is increased by offering the full text on hover via a tooltip.

enter image description here

Another Example on the Youtube Homepage

enter image description here

  • Thank you, I considered this as a viable option but was not totally convinved. I did not notice StackExchange and YouTube using this method. – Matt Oct 22 '14 at 8:53

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.