SlideShare ist ein Scribd-Unternehmen logo
1 von 8
1
2
1
3
Notes:
Fixed Shopping Interface
As the visitor scrolls down the page, the shopping interface
shall stay fixed within the page layout, so that the visitor
can scroll down all the way to the bottom of the page and
still have the opportunity to Buy the shirt.
2
Fixed Shirt Design Indicator
Since the visitor can scroll down very far, this indicator
remains fixed in place so the visitor has constant reminder
of which design they are viewing today, as well as the title
and designer name for the shirt. At any time, the visitor
can hover over the shirt preview and click to see the
zoomed view of the design.
3
Proposed Single Size Selector
Instead of giving the visitor a dual selector picking either
woman's or men's sizes, with added price options
displayed by default, the proposed idea is to place all
these possible options inside a single drop down selector.
When opened:
5
Proposed Change to Cart Metaphor
Since the premise of Tee Fury is a single daily deal,
perhaps the cart metaphor should be avoided, since
conceivably, the user would only normally be in a context
of shopping for a single item, the cart metaphor is not very
valuable to the user and may be distracting.
4
4
5
4
Proposed Color Selector
Instead of offering a dual color selector, test the interface
with a single simple color selector that changes the
preview color in all cases, including the above zoom
preview thumbnail.
Size Chart to Trigger Modal Display vs. New Page
Instead of redirecting the visitor away to another page, the
size charge should be rendered in a modal dialog that
keeps the visitor on the same page.
Small
Medium
Large
X-Large
XXL ( + $1 )
XXXL ( + $2 )
Women's Small
Women's Medium
Women's Large
Women's XL
Women's XXL ( + $1 )
Women's XXXL ( + $2 )
6
Proposed Elimination of Sidebar Content
Since pages can run very long with additional content such
as comments, the sidebar should be kept clear of content,
so that the shopping interface can remain fixed in this area
of the screen as the visitor scrolls down through the
comments.
Today's Tee - Proposed Test Concept Page: 1 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
Proposed View of Fixed Shopping Interface
Comments may be what push a visitor into buying a shirt.
Since the pages can be very long due to so many
comments, the visitor should have constant immediate
access to start the buy process no matter how far they are
down the screen.
Once the top of the shopping interface container reaches
the top of the browser viewport, it should "snap" into place
as a fixed element so that no matter how far you scroll
down the shopping interface will always be fully
accessible.
If the visitor scrolls back up to the top, the shopping
interface will only remain fixed up until the original location
of the interface has been reach, at which point it will
unsnap and return to it's original layout position.
Notes:
Fixed Interface - Scroll comments Page: 2 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
Proposed View at Bottom of Page
Even as the visitor reaches the bottom of the page the
shopping interface shall still be instantly accessible and all
the original functions shall remain available.
Since often the comments are about the design, this allows
the visitor to zoom in the design and return to comments at
any time without interrupting their flow within a particular
comment thread.
Notes:
Fixed Interface - Scroll all the way to end Page: 3 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
Proposed Modal Display for Design Zoom View
The design is the most important aspect of the customer
decision to buy. The purpose of this design change is to
allow the visitor to glance a larger version of the design in a
context that lets them appreciate the design itself without
any distraction.
Notes:
Design Zoom Concept Page: 4 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
Notes:
Proposed Modal Display for Size Charge
The purpose is to allow the visitor to glance at the size
charge without having to be navigated away to another
page.
Size Chart Modal Concept Page: 5 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
1
Proposed Buy Action Flow
User clicks Buy Now to start checkout process
immediately instead of reviewing a cart before checking
out.
Today's Tee
Checkout
Change
Size or
Qty
Checkout
Cart
(Bonus Promos)
Change
Qty
Edit
Cart
After Hours Tee
Buy
Now
Today's Tee
After Hours Tee
Add
to
Cart
1
2
2
Proposed Changes to Checkout Function
User can freely change quantity, color, size via checkout
form and changes will live update on the checkout page
without navigating the user away to another page.
If the user wants to add another shirt color or size for the
same order, the Continue Shopping link will redirect them
to the previous page so that they can select another size or
color to Buy. When the user is taken to checkout page
again, the checkout summary will contain the additional
row representing an additional selected size/color
combination.
Continue
Shopping
Original Checkout Flow
For AB testing purposes, the original shopping cart
checkout flow.
Notes:
Checkout Flow - Proposed Test Concept Page: 6 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
1
Proposed Checkout Header
Since visitors do not need to access additional content to
finish their transaction, the elimination of header navigation
will not harm the user experience and it may reduce the
visual noise which may distract them from completing a
transaction.
1
Proposed Order Edit Functions
Changes to the size, color, or quantity should immediately
update the checkout page vs. navigating the visitor away
to another page.
If the visitor wants to add shirts in another size to the same
order
2
2
Notes:
Proposed Checkout Concept Page: 7 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13
1
Proposed Checkout Behavior for Handling Additional
Items
For cases when visitor wants to order more than one color
or size of a particular shirt, the additional selected color or
size combinations can appear as their own row in the
checkout summary sidebar, each having the functions for
updating the color, size or quantity.
1
Notes:
Proposed Checkout Concept - More Items Added Page: 8 Tee Fury Proposed Redesign Test Concept
Initial Proposal v1.0
RG 6/8/13

Weitere ähnliche Inhalte

Andere mochten auch (12)

39 a basma_rahili_ksa
39 a basma_rahili_ksa39 a basma_rahili_ksa
39 a basma_rahili_ksa
 
Dots1eso
Dots1esoDots1eso
Dots1eso
 
Welcome to jump!! patti
Welcome to jump!! pattiWelcome to jump!! patti
Welcome to jump!! patti
 
Regionbibliotek Östergötland
Regionbibliotek ÖstergötlandRegionbibliotek Östergötland
Regionbibliotek Östergötland
 
Autorretrato3eso
Autorretrato3esoAutorretrato3eso
Autorretrato3eso
 
Constructionofquadrilaterals1eso
Constructionofquadrilaterals1esoConstructionofquadrilaterals1eso
Constructionofquadrilaterals1eso
 
Teaching talk memory_v2
Teaching talk memory_v2Teaching talk memory_v2
Teaching talk memory_v2
 
Constructionoftriangles1eso
Constructionoftriangles1esoConstructionoftriangles1eso
Constructionoftriangles1eso
 
Presentacion
PresentacionPresentacion
Presentacion
 
Cars power point
Cars power pointCars power point
Cars power point
 
Presentation1
Presentation1Presentation1
Presentation1
 
Patah+tulang+dan+pembidaian
Patah+tulang+dan+pembidaianPatah+tulang+dan+pembidaian
Patah+tulang+dan+pembidaian
 

Ähnlich wie Tee fury shopping concept test v1

Retail mangement presentation
Retail mangement presentationRetail mangement presentation
Retail mangement presentation
sarahbauman52509
 

Ähnlich wie Tee fury shopping concept test v1 (20)

WSI UI Recommendations
WSI UI RecommendationsWSI UI Recommendations
WSI UI Recommendations
 
Retail mangement presentation
Retail mangement presentationRetail mangement presentation
Retail mangement presentation
 
40 web design trends in 2015
40 web design trends in 201540 web design trends in 2015
40 web design trends in 2015
 
Magento Responsive Pillow & Blanket Printing Website Theme
Magento Responsive Pillow & Blanket Printing Website ThemeMagento Responsive Pillow & Blanket Printing Website Theme
Magento Responsive Pillow & Blanket Printing Website Theme
 
UX for eCommerce Fashion
UX for eCommerce FashionUX for eCommerce Fashion
UX for eCommerce Fashion
 
eGuide - Bumper eCommerce Usability Guide - Usability 247
eGuide - Bumper eCommerce Usability Guide - Usability 247eGuide - Bumper eCommerce Usability Guide - Usability 247
eGuide - Bumper eCommerce Usability Guide - Usability 247
 
Sample heuristic final
Sample heuristic finalSample heuristic final
Sample heuristic final
 
Shopfine - Responsive Multipurpose VirtueMart Template
Shopfine - Responsive Multipurpose VirtueMart TemplateShopfine - Responsive Multipurpose VirtueMart Template
Shopfine - Responsive Multipurpose VirtueMart Template
 
Recipe for the Perfect E-commerce Homepage
Recipe for the Perfect E-commerce HomepageRecipe for the Perfect E-commerce Homepage
Recipe for the Perfect E-commerce Homepage
 
The key elements for a successful e-shop
The key elements for a successful e-shopThe key elements for a successful e-shop
The key elements for a successful e-shop
 
Where Did You Go? Why You’re Website’s Not Converting and How to Fix It
Where Did You Go? Why You’re Website’s Not Converting and How to Fix ItWhere Did You Go? Why You’re Website’s Not Converting and How to Fix It
Where Did You Go? Why You’re Website’s Not Converting and How to Fix It
 
EKB business Dec 16
EKB business Dec 16EKB business Dec 16
EKB business Dec 16
 
L'OrqueRoyal_CASESTUDY.pdf
L'OrqueRoyal_CASESTUDY.pdfL'OrqueRoyal_CASESTUDY.pdf
L'OrqueRoyal_CASESTUDY.pdf
 
Potential Future Roadmap for HappyFresh
Potential Future Roadmap for HappyFreshPotential Future Roadmap for HappyFresh
Potential Future Roadmap for HappyFresh
 
Sephora redesign case study.pdf
Sephora redesign case study.pdfSephora redesign case study.pdf
Sephora redesign case study.pdf
 
Online shop process improvement
Online shop process improvementOnline shop process improvement
Online shop process improvement
 
Magento responsive 3 d printing website theme
Magento responsive 3 d printing website themeMagento responsive 3 d printing website theme
Magento responsive 3 d printing website theme
 
10 Examples of Exit Popups Used as a Customer Retention Strategy
10 Examples of Exit Popups Used as a Customer Retention Strategy10 Examples of Exit Popups Used as a Customer Retention Strategy
10 Examples of Exit Popups Used as a Customer Retention Strategy
 
Prototyping + User Journeys
Prototyping + User JourneysPrototyping + User Journeys
Prototyping + User Journeys
 
Conversion funnel for e-commerce web sites
Conversion funnel for e-commerce web sitesConversion funnel for e-commerce web sites
Conversion funnel for e-commerce web sites
 

Kürzlich hochgeladen

IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
giselly40
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
Earley Information Science
 

Kürzlich hochgeladen (20)

2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
CNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of ServiceCNv6 Instructor Chapter 6 Quality of Service
CNv6 Instructor Chapter 6 Quality of Service
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Evaluating the top large language models.pdf
Evaluating the top large language models.pdfEvaluating the top large language models.pdf
Evaluating the top large language models.pdf
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 

Tee fury shopping concept test v1

  • 1. 1 2 1 3 Notes: Fixed Shopping Interface As the visitor scrolls down the page, the shopping interface shall stay fixed within the page layout, so that the visitor can scroll down all the way to the bottom of the page and still have the opportunity to Buy the shirt. 2 Fixed Shirt Design Indicator Since the visitor can scroll down very far, this indicator remains fixed in place so the visitor has constant reminder of which design they are viewing today, as well as the title and designer name for the shirt. At any time, the visitor can hover over the shirt preview and click to see the zoomed view of the design. 3 Proposed Single Size Selector Instead of giving the visitor a dual selector picking either woman's or men's sizes, with added price options displayed by default, the proposed idea is to place all these possible options inside a single drop down selector. When opened: 5 Proposed Change to Cart Metaphor Since the premise of Tee Fury is a single daily deal, perhaps the cart metaphor should be avoided, since conceivably, the user would only normally be in a context of shopping for a single item, the cart metaphor is not very valuable to the user and may be distracting. 4 4 5 4 Proposed Color Selector Instead of offering a dual color selector, test the interface with a single simple color selector that changes the preview color in all cases, including the above zoom preview thumbnail. Size Chart to Trigger Modal Display vs. New Page Instead of redirecting the visitor away to another page, the size charge should be rendered in a modal dialog that keeps the visitor on the same page. Small Medium Large X-Large XXL ( + $1 ) XXXL ( + $2 ) Women's Small Women's Medium Women's Large Women's XL Women's XXL ( + $1 ) Women's XXXL ( + $2 ) 6 Proposed Elimination of Sidebar Content Since pages can run very long with additional content such as comments, the sidebar should be kept clear of content, so that the shopping interface can remain fixed in this area of the screen as the visitor scrolls down through the comments. Today's Tee - Proposed Test Concept Page: 1 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13
  • 2. Proposed View of Fixed Shopping Interface Comments may be what push a visitor into buying a shirt. Since the pages can be very long due to so many comments, the visitor should have constant immediate access to start the buy process no matter how far they are down the screen. Once the top of the shopping interface container reaches the top of the browser viewport, it should "snap" into place as a fixed element so that no matter how far you scroll down the shopping interface will always be fully accessible. If the visitor scrolls back up to the top, the shopping interface will only remain fixed up until the original location of the interface has been reach, at which point it will unsnap and return to it's original layout position. Notes: Fixed Interface - Scroll comments Page: 2 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13
  • 3. Proposed View at Bottom of Page Even as the visitor reaches the bottom of the page the shopping interface shall still be instantly accessible and all the original functions shall remain available. Since often the comments are about the design, this allows the visitor to zoom in the design and return to comments at any time without interrupting their flow within a particular comment thread. Notes: Fixed Interface - Scroll all the way to end Page: 3 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13
  • 4. Proposed Modal Display for Design Zoom View The design is the most important aspect of the customer decision to buy. The purpose of this design change is to allow the visitor to glance a larger version of the design in a context that lets them appreciate the design itself without any distraction. Notes: Design Zoom Concept Page: 4 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13
  • 5. Notes: Proposed Modal Display for Size Charge The purpose is to allow the visitor to glance at the size charge without having to be navigated away to another page. Size Chart Modal Concept Page: 5 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13
  • 6. 1 Proposed Buy Action Flow User clicks Buy Now to start checkout process immediately instead of reviewing a cart before checking out. Today's Tee Checkout Change Size or Qty Checkout Cart (Bonus Promos) Change Qty Edit Cart After Hours Tee Buy Now Today's Tee After Hours Tee Add to Cart 1 2 2 Proposed Changes to Checkout Function User can freely change quantity, color, size via checkout form and changes will live update on the checkout page without navigating the user away to another page. If the user wants to add another shirt color or size for the same order, the Continue Shopping link will redirect them to the previous page so that they can select another size or color to Buy. When the user is taken to checkout page again, the checkout summary will contain the additional row representing an additional selected size/color combination. Continue Shopping Original Checkout Flow For AB testing purposes, the original shopping cart checkout flow. Notes: Checkout Flow - Proposed Test Concept Page: 6 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13
  • 7. 1 Proposed Checkout Header Since visitors do not need to access additional content to finish their transaction, the elimination of header navigation will not harm the user experience and it may reduce the visual noise which may distract them from completing a transaction. 1 Proposed Order Edit Functions Changes to the size, color, or quantity should immediately update the checkout page vs. navigating the visitor away to another page. If the visitor wants to add shirts in another size to the same order 2 2 Notes: Proposed Checkout Concept Page: 7 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13
  • 8. 1 Proposed Checkout Behavior for Handling Additional Items For cases when visitor wants to order more than one color or size of a particular shirt, the additional selected color or size combinations can appear as their own row in the checkout summary sidebar, each having the functions for updating the color, size or quantity. 1 Notes: Proposed Checkout Concept - More Items Added Page: 8 Tee Fury Proposed Redesign Test Concept Initial Proposal v1.0 RG 6/8/13