2 replaced http://ux.stackexchange.com/ with https://ux.stackexchange.com/
source | link

I am working on a small web site which has traditionally presented small (300 x 388)px thumbnails of their event posters, which are linked to the full, tagged PDF.

The majority of their posters are simple portrait-orientation letter pages. I've just been sent a tri-fold brochure which the client would like added to the site in the usual way.

This brought to mind a question I saw on UX several months ago: http://ux.stackexchange.com/questions/14745/is-clockwise-or-counter-clockwise-rotated-text-easier-to-readIs clockwise or counter-clockwise rotated text easier to read?.

My question is related. Given that the tri-fold brochure is the second thumbnail in my examples below, for the sake of consistency, should I:

(A) Rotate the image on its side and present a 300 x 388 thumbnail

mockup

download bmml source – Wireframes created with Balsamiq Mockups

(B) Present the brochure thumbnail as a 300px wide landscape image in its readable orientation:

mockup

download bmml source

In either case, the text is not intended to be legible on the thumbnail. I'm merely curious which case would be more pleasing to the user. I'm leaning toward (B).

I am working on a small web site which has traditionally presented small (300 x 388)px thumbnails of their event posters, which are linked to the full, tagged PDF.

The majority of their posters are simple portrait-orientation letter pages. I've just been sent a tri-fold brochure which the client would like added to the site in the usual way.

This brought to mind a question I saw on UX several months ago: http://ux.stackexchange.com/questions/14745/is-clockwise-or-counter-clockwise-rotated-text-easier-to-read.

My question is related. Given that the tri-fold brochure is the second thumbnail in my examples below, for the sake of consistency, should I:

(A) Rotate the image on its side and present a 300 x 388 thumbnail

mockup

download bmml source – Wireframes created with Balsamiq Mockups

(B) Present the brochure thumbnail as a 300px wide landscape image in its readable orientation:

mockup

download bmml source

In either case, the text is not intended to be legible on the thumbnail. I'm merely curious which case would be more pleasing to the user. I'm leaning toward (B).

I am working on a small web site which has traditionally presented small (300 x 388)px thumbnails of their event posters, which are linked to the full, tagged PDF.

The majority of their posters are simple portrait-orientation letter pages. I've just been sent a tri-fold brochure which the client would like added to the site in the usual way.

This brought to mind a question I saw on UX several months ago: Is clockwise or counter-clockwise rotated text easier to read?.

My question is related. Given that the tri-fold brochure is the second thumbnail in my examples below, for the sake of consistency, should I:

(A) Rotate the image on its side and present a 300 x 388 thumbnail

mockup

download bmml source – Wireframes created with Balsamiq Mockups

(B) Present the brochure thumbnail as a 300px wide landscape image in its readable orientation:

mockup

download bmml source

In either case, the text is not intended to be legible on the thumbnail. I'm merely curious which case would be more pleasing to the user. I'm leaning toward (B).

    Tweeted twitter.com/#!/StackUX/status/180075449400041472
1
source | link

How should I present landscape-orientation page thumbnails in a series of portrait-orientation thumbnails?

I am working on a small web site which has traditionally presented small (300 x 388)px thumbnails of their event posters, which are linked to the full, tagged PDF.

The majority of their posters are simple portrait-orientation letter pages. I've just been sent a tri-fold brochure which the client would like added to the site in the usual way.

This brought to mind a question I saw on UX several months ago: http://ux.stackexchange.com/questions/14745/is-clockwise-or-counter-clockwise-rotated-text-easier-to-read.

My question is related. Given that the tri-fold brochure is the second thumbnail in my examples below, for the sake of consistency, should I:

(A) Rotate the image on its side and present a 300 x 388 thumbnail

mockup

download bmml source – Wireframes created with Balsamiq Mockups

(B) Present the brochure thumbnail as a 300px wide landscape image in its readable orientation:

mockup

download bmml source

In either case, the text is not intended to be legible on the thumbnail. I'm merely curious which case would be more pleasing to the user. I'm leaning toward (B).