Re: How to present images in various sizes?

Hi Jan:
It's a little hard to tell, in some ways, how to answer without knowing
what domain you're designing for.

One question is what the end users are interested in and will tolerate--
in terms of whether they are there primarily for Entertainment and
enjoyment vs. Effective and Efficient work. 

What I mean is that you might be able to use a "portfolio" style
presentation, as for photographers' and artists' sites. Their customers
primarily need to see the images at a reasonable size to evaluate them
pretty closely before clicking to see them even larger. 

Here are interesting examples of gallery approaches with different
approaches: 
http://www.connercontemporary.com/current/     (simple, clean, elegant,
good detail but does not allow comparison between images)
http://www.touchstonegallery.com/famain.asp?customerId=28&sKey=T5QVH85Z&
cid=1&z=10&lm=1&a=269      (dubious interaction design, but works to
compare images of different sizes)
http://www.discoverygalleries.com/ArtistGallery.asp?artist_id=187&catego
ry_id=4 (easy comparison plus detail w/paging to 'next' and 'previous')
http://www.adamsoneditions.com/GALLERY/EX_0704_Faulhaber.html   (allows
you to have both a set of thumbnails and a full-size version on the
screen at once, but ought to let you click to stay on the image)
http://www.allarogers.com/ellen/ellen.html  (just keep on scrolling down
w/black background)
http://www.artline.com/galleries/haslem/mcIntyre/motherdaughter.html
(horizontal scrolling... but look how easy it is for collectors to
compare pieces)

However, if the users mainly need to do work, you want to emphasize the
aspects of the images that they're scanning for. That might mean
cropping image thumbnails to bring them all into relative proportion
and/or emphasize the image-segment of interest. For a specialized
audience (e.g., MRI technicians), your design will have clear needs and
direction already.


Christy Mylks
Lab Manager and Advising UCD Consultant
  

-----Original Message-----
From: Jan Alfbo [mailto:[email protected]] 
Sent: Tuesday, May 22, 2007 4:58 AM
To: [email protected]
Subject: How to present images in various sizes?

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
    --------------------------------------------------------------