I have a multi-row table view where an image represent the people who are associated with the row. Each row can have n number of people. How may I show a single thumbnail when members are more than one person?

enter image description here

  • 1
    Have you thought about using a grid of images within the thumbnail? How many members belong to an "image group"? A large part of this is context of the problem. Do you have to show a photo of an individual to convey the meaning of the group, or would some kind of icon designed to show a general attribute of the group suffice? – Andrew Jun 18 '14 at 18:38

A stacked group with the face of the last submitter is what I would consider. With the ability to expand the stack and see all involved.

Stacked user group collapsed and expanded

  • I like this. The icon changes when new people join, so it's not just one person's photo the whole time. – Ken Mohnkern Jun 23 '14 at 18:31

You can also create smaller thumbnails depending on the number of members. For instance if there are 2 people, you can generate two smaller thumbnails. Like this, you can generate a maximum of 4 thumbnails. If the number of people is greater than 4, you can show 3 image thumbnails and the 4th one can contain a number e.g +1, +2 to represent the additional members.

enter image description here

  • Google Hangout chooses this way. With circles though. – Gildas Frémont Jun 23 '14 at 11:51

If a (possibly sliding) image-row is not an option and you need to show all users you could consider a single morphing thumbnail showing all of them.

enter image description here

(Better without causing people epileptic seizures)

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.