Your SlideShare is downloading. ×
0
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Shopping.com Shoes Segment Redesign
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Shopping.com Shoes Segment Redesign

955

Published on

Published in: Design, Lifestyle, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
955
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
18
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Information Architect: Abi Jones Client: Shopping.com Project: Shoes Segment Redesign Deliverables: On-site Working Sessions, Wireframes, and Interaction Concepts
  • 2. Shopping.com Shoes Segment VERSION 1 | Shoes Main Page Wireframe NOTES 800 px 1. Breadcrumbs These links help users find their way back to broader categories and act as a wayfinding tool within each page. 2. Editorial Content 1 Taking a cue from the desire for This section of the shoes main page will include Home > Clothing and Accessories > Shoes seasonal editorial content. The top of this 2 3 page is divided into approximate thirds, with the main editorial imagery taking 2/3 of the BACK TO SCHOOL space and the smaller associated editorial content using 1/3 of the row. 3. Related Editorial Content Product Image Product Image This area shows items related to the editorial content. Clicking on one of these boxes takes the user to a styled category page for that item with an editorial header. Boys Athletic Shoes Girls Sandals 4. Scannable Titles We recommend that Shopping.com offer sorted shoe categories below the fold, each with a highly visible, left-oriented section title. 5. Page Fold Product Image Product Image On each wireframe the fold is shown at 550 pixels to illustrate content visible for a user browsing with Internet Explorer 7 at 1024x768 resolution, with a bookmark bar, but no toolbars. Editorial Content Casual Canvas Kids Rain Boots 5 6. Visual Primary Navigation 4 The content space here shows product types and invites a users to enter category Women's Shoes pages. Or it can be used to highlight 7 6 featured products and take the user to a product page. More Women's Shoes: Women's Shoe Type Women's Shoe Style 7. Search Engine Optimized Links Women's Shoe Type Women's Shoe Style Further selection tools include an index-type Women's Shoe Type Women's Shoe Style list of shoes by type and style, plus a link Women's Shoe Type Women's Shoe Style that will take the user to a gender-based Women's Shoe Type Women's Shoe Style category page. Boots Mules Pumps Sandals Tennis Shoes Women's Shoe Type See all women's shoes... Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 1 / 11
  • 3. Shopping.com Shoes Segment VERSION 1 | Gender and Brand Known Concept 2 Wireframe NOTES 800 px 1. Sorting Tools This column appears when a user makes a category selection or arrives at a search results page from internal or external search. 2. Expanding Results Selected gender, brand, size, color and so on are shown in the top of the column. Underneath each category is a link that will 1 Puma > Women's > Shoes Shopping.com Suggests clear that selected item and reload results See More Results: based on the new variables. Department shown: Women's Puma Shoes Women's 5 3. Narrowing Results Once inside a category, users can narrow 2 See all genders results via gender, size, color, brand, seller Bestseller: Puma Moto GP Product and price range. Brand shown: Image Puma Information about this shoe goes in each bullet point 4. Brand Selection See all brands Information about this shoe goes in each bullet point Whether users enter these via main page Information about this shoe goes in each bullet point category selection or enter the site from 3 See Fewer Results: Product Information about this shoe goes in each bullet point external search engines, sorting by brand Image helps enlarge or winnow the results pool. Select Size(s): Lowest Price: $35.98 Recently Viewed: 5. Featured Product 5 5.5 6 6.5 7 Compare Prices >> Search results and category pages include 'Bestsellers', pre-selected products that 7.5 8 8.5 9 9.5 match initial search results. 6 10 11 Product Upon rollover, the boxes to the left of the main product image reveal multiple product 289 Items Found Showing: 30 per page Sort results Image views. Upon rollover, the boxes below the Select Color(s): main product image reveal different product colors. 6. Page Sorting Tools Product Product Product Product These drop down menus help the user sort Image Image Image Image the page by number of results shown Product (suggested: 30/90/All, with 'All' available for search results below a present number of 4 Select Brand(s): Image items). The 'Sort Results' page should allow Adidas for sorting by price, style name, brand and Ariat Puma Puma Puma Puma best match. Asics Name of Shoe Name of Shoe Name of Shoe Name of Shoe 7. Selection Technology Born From $45.99 From $45.99 From $45.99 From $45.99 For the ideal customer experience, we Clarks of England recommend that selection tools automatically load results using Asynchronous Javascript. Additionally, the URL in the browser bar should update to show choices and allow for easy bookmarking of a sorted page Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 2 / 11
  • 4. Shopping.com Shoes Segment VERSION 1 | Gender and Brand Known Concept 1 Collapsed Wireframe NOTES 800 px 1. Featured Item Collapsed When a user chooses to collapse the featured item it remains in the collapsed state until site cookies are cleared or updated. 2. Related Item Suggestions The top of the left column featured items related by brand, color, price and gender. 2 Puma > Women's > Shoes Shopping.com Suggests Rolling over the arrow will move the image See More Results: carousel. Department shown: Women's Puma Shoes 1 3. Recently Viewed Items Women's Acting as a passive 'Save for later' tool, the See all genders 'Recently Viewed' portion of the right-hand Bestseller: Puma Moto GP Product column shows the last six items viewed at Image the product level. These images do not show See Fewer Results: data (brand/name/price) until rolled over. 289 Items Found Showing: 30 per page Sort results Upon rollover, the Quick View option appears Select Size(s): and the user can see more information about each previously viewed product. At the 5 5.5 6 6.5 7 bottom of the column a link allows the user to see all products viewed during a session. 7.5 8 8.5 9 9.5 Product Product Product Product Recently Viewed: 3 10 11 Image Image Image Image Select Color(s): Product Puma Puma Puma Puma Image Name of Shoe Name of Shoe Name of Shoe Name of Shoe From $45.99 From $45.99 From $45.99 From $45.99 Select Price Range: Under $25.00 $25-$49.99 Product Product Product Product Product $50-$99.99 Image Image Image Image Image $100-$199.99 Over $200.00 Select Sellers: Amazon.com Puma Puma Puma Puma Shoes.com Name of Shoe Name of Shoe Name of Shoe Name of Shoe Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 3 / 11
  • 5. Shopping.com Shoes Segment VERSION 1 | Gender and Brand Known Concept 2 Wireframe 1 NOTES 800 px 1. Featuring Item Alternate This version of the featured item page brings more product images above the fold. No 'recently viewed' or 'Shopping.com Suggests' items are included in this view. Puma > Women's > Shoes See More Results: Department shown: Women's Puma Shoes Women's 289 Items Found See all genders 1 Showing: 30 per page Sort results See Fewer Results: Select Size(s): 5 5.5 6 6.5 7 Product Product Product Image Image Image Product Image 7.5 8 8.5 9 9.5 10 11 Bestseller: Puma Moto GP Puma Puma Puma Select Color(s): Name of Shoe Name of Shoe Name of Shoe From $35.99 >> From $45.99 From $45.99 From $45.99 Select Price Range: Product Product Product Product Product Under $25.00 Image Image Image Image Image $25-$49.99 $50-$99.99 $100-$199.99 Over $200.00 Puma Puma Puma Puma Puma Select Sellers: Name of Shoe Name of Shoe Name of Shoe Name of Shoe Name of Shoe Amazon.com From $45.99 From $45.99 From $45.99 From $45.99 From $45.99 Shoes.com Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 4 / 11
  • 6. Shopping.com Shoes Segment VERSION 1 | Gender and Brand Known Concept 2 Post-Winnowing Wireframe NOTES 800 px 1. Alternate Featured Item Removed When a user makes sorting selections that do not include the featured item (in this example, colors), the featured item is removed from the page and old sorted results are shown. 2. Selected Colors Sorting tools are shown as active in two Puma > Women's > Shoes ways: See More Results: a. Listed at the top of the left column with the option for removal and results expansion. Department shown: Women's Puma Shoes b. Shown as selected via background color Women's or heaver outline in the bottom portion of the See all genders left column. 289 Items Found Showing: 30 per page Price: Low to High Colors selected: Red 1 Green Blue See all colors Product Product Product Product Product See Fewer Results: Image Image Image Image Image Select Size(s): 5 5.5 6 6.5 7 Puma Puma Puma Puma Puma 7.5 8 8.5 9 9.5 Name of Shoe Name of Shoe Name of Shoe Name of Shoe Name of Shoe 10 11 From $45.99 From $45.99 From $45.99 From $45.99 From $45.99 Select Color(s): 2 Product Product Product Product Product Image Image Image Image Image Select Price Range: Under $25.00 Puma Puma Puma Puma Puma $25-$49.99 $50-$99.99 Name of Shoe Name of Shoe Name of Shoe Name of Shoe Name of Shoe $100-$199.99 From $45.99 From $45.99 From $45.99 From $45.99 From $45.99 Over $200.00 Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 5 / 11
  • 7. Shopping.com Shoes Segment VERSION 1 | Product Results Concept 2 Post-Winnowing Wireframe with Left Column NOTES 800 px This wireframe shows how the 'Shopping.com Suggests' and 'Recently Viewed' items fit into the Alternate layout wireframe. Puma > Women's > Shoes Shopping.com Suggests See More Results: Department shown: Women's Puma Shoes Women's Showing: See all genders 289 Items Found 30 per page Price: Low to High Product Colors selected: Image Red Green Blue See all colors Product Product See Fewer Results: Image Image Product Image Select Size(s): Recently Viewed: 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 Bestseller: Puma Moto GP Puma Puma Name of Shoe Name of Shoe From $35.99 >> Product 10 11 From $45.99 From $45.99 Image Select Color(s): Product Product Product Product Image Image Image Image Product Image Select Price Range: Under $25.00 Puma Puma Puma Puma $25-$49.99 $50-$99.99 Name of Shoe Name of Shoe Name of Shoe Name of Shoe $100-$199.99 From $45.99 From $45.99 From $45.99 From $45.99 Over $200.00 Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 6 / 11
  • 8. Shopping.com Shoes Segment VERSION 1 | Product Results Concept 2 Post-Winnowing Wireframe - No Featured Product NOTES 800 px This wireframe illustrates the layout changes that occur when a featured product is not included in the refined results list. Puma > Women's > Shoes Shopping.com Suggests See More Results: Department shown: Women's Puma Shoes Women's See all genders Showing: Product Colors selected: 289 Items Found 30 per page Price: Low to High Image Red Green Blue See all colors Product Product Product Product See Fewer Results: Image Image Image Image Select Size(s): Recently Viewed: 5 5.5 6 6.5 7 Puma Puma Puma Puma 7.5 8 8.5 9 9.5 Name of Shoe Name of Shoe Name of Shoe Name of Shoe Product 10 11 From $45.99 From $45.99 From $45.99 From $45.99 Image Select Color(s): Product Product Product Product Image Image Image Image Product Image Select Price Range: Under $25.00 Puma Puma Puma Puma $25-$49.99 $50-$99.99 Name of Shoe Name of Shoe Name of Shoe Name of Shoe $100-$199.99 From $45.99 From $45.99 From $45.99 From $45.99 Over $200.00 Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 7 / 11
  • 9. Shopping.com Shoes Segment VERSION 1 | Quick View Button Wireframe NOTES 800 px 1. Quick View Function Upon rollover a button reading 'Quick View' appears. If a user clicks on the product, then he or she will go to the product page. If a user clicks on the 'Quick View' button, then he or she will see the new interface overlaid on the current screen. Puma > Women's > Shoes Shopping.com Suggests See More Results: Department shown: Women's Puma Shoes Women's See all genders Bestseller: Puma Moto GP Product Image See Fewer Results: 289 Items Found Showing: 30 per page Sort results Select Size(s): 5 5.5 6 6.5 7 7.5 8 8.5 9 9.5 Product 1 Product Product Product Recently Viewed: 10 11 Image Image Image Image Quick View Select Color(s): Product Puma Puma Puma Puma Image Name of Shoe Name of Shoe Name of Shoe Name of Shoe From $45.99 From $45.99 From $45.99 From $45.99 Select Price Range: Under $25.00 $25-$49.99 Product Product Product Product Product $50-$99.99 Image Image Image Image Image $100-$199.99 Over $200.00 Select Sellers: Amazon.com Puma Puma Puma Puma Shoes.com Name of Shoe Name of Shoe Name of Shoe Name of Shoe Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 8 / 11
  • 10. Shopping.com Shoes Segment VERSION 1 | Quick View Wireframe NOTES 800 px 1. Quick View Functionality The 'Quick View' window is opened by clicking on the 'Quick View' button and closed by clicking on the X in the upper-right corner. The user may also leave the quick view by choosing one of the buttons in the quick view window or clicking on the name or image of another product on the page. Clicking on another product on the page will open that product page in the same window. Puma > Women's > Shoes Shopping.com Suggests See More Results: 1 Ideally, rolling over the product in the 'Quick Department shown: Women's Puma Shoes View' will reveal a magnified version of each Women's Puma Name of Shoe area. See all genders Bestseller: Puma Moto GP $45.99 From Product 2. Call to Action Image See Fewer Results: 2 Selecting this button will take the user to the product page. Product Call to Action >> 289 Items Found Showing: 30 per page Sort results Select Size(s): Image 3. Size and Color Indicators Sizes Available: 5 5.5 6 3 These lists are not selectors. Instead, they 6.5 7 5 5.5 6 6.5 7 reveal the sizes and colors available for the shown item. Sizes and colors not available 7.5 8 8.5 9 9.5 Product Product 7.5 8 8.5Product Product Recently Viewed: are shown grayed out. 9 9.5 ImageDon't see your size? Image Image Image 10 11 We can tell you when its in stock! 10 11 Select Color(s): Colors Available: Product Puma Email it to me Puma Puma Puma Image Name of Shoe Name of Shoe Name of Shoe Name of Shoe Send to a friend From $45.99 From $45.99 From $45.99 From $45.99 Add to Fitting Room Select Price Range: Under $25.00 $25-$49.99 Product Product Product Product Product $50-$99.99 Image Image Image Image Image $100-$199.99 Over $200.00 Select Sellers: Amazon.com Puma Puma Puma Puma Shoes.com Name of Shoe Name of Shoe Name of Shoe Name of Shoe Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 9 / 11
  • 11. Shopping.com Shoes Segment VERSION 1 | Product Page with Deals Wireframe NOTES 800 px 1. Multiple Product Views Upon rollover the central product image changes to reveal product images from different angles. 2. Multiple Color Views Upon rollover the main product image changes to reveal the different color options. Puma > Women's > Shoes > Puma Moto GP Shopping.com Suggests 3. Product Details See Fewer Results: Relevant product details are included once a user has drilled down the product level. Select Size(s): Puma Moto GP 4. Sharing Tools 5 5.5 6 6.5 7 Information about this shoe goes in each bullet 3 Product Users can add products to a fitting room, Information about this shoe goes in each bullet request an email when a merchant carries a 1 Image 7.5 8 8.5 9 9.5 Information about this shoe goes in each bullet product in his or her size and send a preferred product to a friend. Information about this shoe goes in each bullet 10 11 Product 5. Seller Information and Rating Image Don't see your size? Add to Fitting Room Select Color(s): We can tell you 4 Each Deal includes the Seller ID, a rating and review tally. when its in stock! Email to a friend Recently Viewed: 6. Size and Color Information Share this shoe: Deals include color and size information to 2 prevent customer confusion and/or dissatisfaction. Select Price Range: Product Under $25.00 Image $25-$49.99 Tax and shipping for ZIP 94101 | Change ZIP Sort results $50-$99.99 $100-$199.99 5 Over $200.00 Seller ID Free Shipping both ways 360 Degree Product Views 6 Select Sellers: $65.95 Colors Available: Name, Name, Name (Includes tax & shipping) Product Amazon.com 1,543 Reviews Sizes Available: #, #, #, # Shoes.com Image Website.com Website.com Seller ID Free Shipping both ways Website.com 360 Degree Product Views $62.95 Website.com Colors Available: Name, Name, Name (Includes tax & shipping) Website.com 400 Reviews Sizes Available: #, #, #, # Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 10 / 11
  • 12. Shopping.com Shoes Segment VERSION 1 | Product Page with Magnification NOTES 800 px 1. Close-up Views When a user rolls over the main product image a box appears to the right of the image, revealing the magnified portion. The magnification can only be used on the default product image. Puma > Women's > Shoes > Puma Moto GP Shopping.com Suggests See Fewer Results: Select Size(s): Puma Moto GP 5 5.5 6 6.5 7 Information about this shoe goes in each bullet Product Pro Information about this shoe goes in each bullet Image 7.5 8 8.5 9 9.5 Information about this shoe goes in each bullet 1 Information about this shoe goes in each bullet 10 11 Product Image Don't see your size? Save for later Im Select Color(s): We can tell you when its in stock! Email to a friend Recently Viewed: Share this shoe: Select Price Range: Product Under $25.00 Image $25-$49.99 Tax and shipping for ZIP 94101 | Change ZIP Sort results $50-$99.99 $100-$199.99 Over $200.00 Seller ID Free Shipping both ways Select Sellers: 360 Degree Product Views $65.95 Colors Available: Name, Name, Name (Includes tax & shipping) Product Amazon.com Sizes Available: #, #, #, # Image Shoes.com Website.com Website.com Seller ID Free Shipping both ways Website.com 360 Degree Product Views $62.95 Website.com Colors Available: Name, Name, Name (Includes tax & shipping) Website.com Sizes Available: #, #, #, # Shopping-Shoes-Wireframe-v03 | DOCUMENT CREATION DATE: Mon Jul 28 2008 | MODIFIED: Mon Jul 28 2008 - BY: Abigail Jones PAGE: 11 / 11

×