fig01

 

 

Wireframe 1: Half-Grid layout

  1. Categories index listed in box in left column
  2. Filters in standard placement
  3. Page titled with category and search term, includes number of results.
  4. Results laid out in half-grid
  5. Result image on rollover pops up balloon with larger image

Advantages:

Half-grid allows display of more results above the fold while still including both image and description on initial display.

Drawbacks:

fig01

 

 

Wireframe 2: Half-Grid layout with Categories

  1. Categories index in horizontal list below breadcrumb trail
  2. Top results clustered by category
  3. Alternate placement of larger image popup

Advantages:

Drawbacks:

fig01

 

 

Wireframe 3: Grid View With Preview

  1. Search results in grid format with image, Item name and price
  2. vertical scroll bar to move result box grid
  3. on rollover of any image in grid, left box displays larger image and description with title and price.  First item in result set shown by default. May make change on click (see endless.com), or have a "Quick Info" button or small icon to change preview panel.

Advantages:

Drawbacks:

fig01

 

 

Wireframe 4: Grid View With Preview

  1. Preview panel placed on left instead of right as in Wireframe 3
  2. as above
  3. as above

Advantages:

Drawbacks:

fig01

 

 

Wireframe 5: Grid View with Preview

  1. Preview panel on left as in Wireframe 4
  2. Grid view displaying results images only
  3. Pager between groups of images in grid, tracks scrolled position
  4. Horizontal scrollbar to move images in grid

Advantages:

Drawbacks:

fig01

 

 

Wireframe 6: Grid View with Preview

  1. Grid view with titles and prices as shown above
  2. Preview panel shown below thumbnail grid
  3. Pager to track position in full set
  4. Horizontal scroll bar to track through images

Advantages:

Drawbacks:

Preview panel may fall "below the fold" at lower resolutions

fig01

 

 

Wireframe 6: Categorized Grid View with Preview

  1. Categories index in horizontal list below breadcrumb trail
  2. Dropdown menu changes results display to show categorized sets
  3. Pager to track position in full set, with horizontal scroll bar to track through images

Advantages:

Drawbacks:

Preview panel may fall "below the fold" at lower resolutions

fig01

 

 

Wireframe 7: Grid View with preview

  1. Preview panel shown above result grid
  2. as above
  3. as above

Advantages:

Drawbacks:

fig01

 

 

Wireframe 8: Grid View with popup

  1. Grid view with larger images, title and price
  2. popup box with description and merchant; may consider "quick detail" button?

Advantages:

Drawbacks:

fig01

 

 

Wireframe 9: List View with popup

  1. Items shown in List View
  2. Popup window with larger image on rollover of thumbnail image

Advantages:

Drawbacks: