User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am creating a visual programming language. In this language objects are represented as rectangles, like this:

enter image description here

I thought that the best way to represent that an object is actually a collection of elements (a list, set, etc) would be to use "depth", like this:

enter image description here

Is there any UX research to support choosing this kind of representation?

share|improve this question
That could be confused as a shadow. I'd recommend making the stack 3 rectangles. Just to be clear. – ThinkingMedia Sep 26 '12 at 20:52
up vote 1 down vote accepted

I would go with the approach you have as it does show depth by the superimposition of two images on top of each other. Apple iPad image galleries also use a similar layout as demonstrated below: enter image description here

You could also enhance on your proposed design by looking at a stack approach like this : enter image description here

enter image description here

share|improve this answer
Is the a "common" direction to use? your examples show three different directions. Which one is the best? and also, is there any research backing this usage? – vainolo Sep 26 '12 at 21:02
@vainolo I don't think there's a significant difference, they all indicate a "stack" though the middle one is fairly abstract – Ben Brocka Sep 26 '12 at 21:29

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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