Re: How to present images in various sizes?

Hi Jan,

Adding to the suggestion of a grid, you could organize the page in  
three horizontal sections (for the 3 sizes you need to show), using a  
pale color behind each section of results to contrast with the page  
background. Each section should have the same width. Then, ideally  
show all of the smallest images in the first section, medium in the  
middle and largest in the bottom third section.

Within each section, order the results consistently, aligning the top  
and left edges of the first image in each section exactly the same way.

Hope this helps. Let me know if you'd like to see the sample I mocked  
up.

Tania

. . . . . . . . . . . . . . . . . . .
Tania Schlatter, Principal
Nimble Partners, LLC


On May 22, 2007, at 4:58 AM, Jan Alfbo wrote:

> Hello,
>
> I'm currently working on a project that has left me struggling with  
> a real
> design problem.
>
> I have to present a lot of images in different sizes (120x600,  
> 250x250,
> 120x60 etc) on a resultpage.
>
> I have of course suggested to present a miniature picture of these  
> images to
> get them in the same size. However that doesn't seem to be an  
> option since
> the most important thing to the user is being able to see the whole  
> image at
> once to decide whether or not that particular image is of interest.
> This will leave the resultlist very cluttered and hard to overview  
> (in my
> opinion).
>
> I've been looking for design patterns for this kind of problem but the
> common standard to present images seems to be by doing it the  
> Google way
> (Google image search)
>
> Does anyone have an idea of how to solve this problem? Are there any
> websites out there that has an image gallery with various sizes and  
> that's
> still usable?
>
> Thank you for your help!
>
> Jan Alfbo
> Interaction Designer
>
>    --------------------------------------------------------------
>    Tip of the Day: Quote only what you need from earlier postings
>     CHI-WEB: www.sigchi.org/web POSTINGS: mailto:[email protected]
>              MODERATORS: mailto:[email protected]
>       SUBSCRIPTION CHANGES & FAQ:  www.sigchi.org/web/faq.html
>    --------------------------------------------------------------

    --------------------------------------------------------------
    Tip of the Day: Quote only what you need from earlier postings
     CHI-WEB: www.sigchi.org/web POSTINGS: mailto:[email protected]
              MODERATORS: mailto:[email protected]
       SUBSCRIPTION CHANGES & FAQ:  www.sigchi.org/web/faq.html
    --------------------------------------------------------------