sarah-arrrgh commented 7 years ago

component ticket https://github.com/root-systems/cobuy/issues/49

sarah-arrrgh commented 7 years ago

Screen Shot 2017-08-24 at 3.46.24 PM.png

ahdinosaur commented 7 years ago

https://www.massdrop.com/

screenshot_20170824_154853 screenshot_20170824_155041

ha nice

sarah-arrrgh commented 7 years ago

Screen Shot 2017-08-24 at 3.53.34 PM.png

https://www.amazon.com/Next-Level-Premium-N6210-MIDNIGHT/dp/B004OWMLZW/ref=sr_1_25?ie=UTF8&qid=1503546717&sr=8-25&keywords=tshirt

sarah-arrrgh commented 7 years ago

Screen Shot 2017-08-24 at 3.58.41 PM.png

sarah-arrrgh commented 7 years ago

Screen Shot 2017-08-24 at 4.02.40 PM.png

sarah-arrrgh commented 7 years ago

Screen Shot 2017-08-24 at 4.04.54 PM.png

http://www.warehousestationery.co.nz/school-supplies/exercise-books-pads

sarah-arrrgh commented 7 years ago

Screen Shot 2017-08-24 at 4.05.28 PM.png

https://www.officemax.co.nz/Office-Products/Books-Pads/Note-Pads-Refills

sarah-arrrgh commented 7 years ago

screen shot 2017-08-24 at 4 43 20 pm

sarah-arrrgh commented 7 years ago

massdrop flow

sarah-arrrgh commented 7 years ago

massdrop all products view

sarah-arrrgh commented 7 years ago

check out shopify sites for ideas on how to display differently priced facets

146 has info about facets

sarah-arrrgh commented 7 years ago

amazon.com

Screen Shot 2017-08-29 at 2.34.27 PM.png

Amazon displays the most common facet + price as the main item, but shows there are more facets to choose from. When clicking see options, you are taken through to the single product view, and when each facet is chosen it reloads the page with that particular facet (e.g. size and colour) pricing, as below (showing size: queen, colour: burgundy):

Screen Shot 2017-08-29 at 2.36.36 PM.png

i can add an option one at a time to my cart, which shows each option as a separate item in my cart:

Screen Shot 2017-08-29 at 2.41.13 PM.png

sarah-arrrgh commented 7 years ago

walmart.com

Walmart shows each product with a price range in the many-products view

On the initial load of a single product view, the price range remains

Until a specific facet combo is selected, then the price shows for that particular combo

critique: there is no way of knowing what the pricing is for each option until it is selected (some of the colours were more expensive than others, but the only way to see this is to select each colour one by one.

sarah-arrrgh commented 7 years ago

etsy.com

On the all-products view, the lowest price is shown for a product

On click to single product view, the price is shown as $xx+ to indicate the minimum price for this item.

For this particular product, the colours are all the same price, but the sizes have different price points. This is shown when selecting size:

Then when a specific facet combo is selected, a firm price is displayed

I can add each item to my cart one at a time, and they are shown in my cart as two separate items with different facet selections

sarah-arrrgh commented 7 years ago

@considerations

GENERAL:

[ ] how do we determine when a product has many facets VS when it becomes its own product?

ALL PRODUCTS VIEW:

[ ] what price is shown? lowest? most popular? price range min-max?
[ ] how do we show there are many facets available?
[ ] how do we show which price is for which facet combo?

SINGLE PRODUCT VIEW:

[ ] what facet combo / price is visible when first clicking into single-product view?
[ ] is there a way for the user to know what the price differences are between each facet combo without having to individually select each?
[ ] how does a user add each facet combo for a product to the cart? where are they directed once they add to cart (back to product page, to cart, to all-products view)?
[ ] can a user see what products facet combos they've already added to the cart on the single-product view? (sarah says YES!)

sarah-arrrgh commented 7 years ago

SARAH'S THOUGHTS:

I like the way Amazon shows the most common facet combo pricing, and indicates there are more options (and thus differing pricing) available
If most common facet combo tricky to know, I like the price range option like Walmart has
I like the way etsy allows you to see different pricing options when selecting each facet option - unsure how this could work when 2+ facets effect pricing (etsy seems to handle this by making that the criteria for a new product)
None of the examples above have a way of knowing what facet combos of that product have already been added to the cart. This would be a useful feature to add (e.g. if ordering crayons by the colour, it's useful to know what colours have already been added).
oh god how do all these price-affecting facets work with price points?!

ahdinosaur commented 7 years ago

@sarah-arrrgh great research and considerations!

how do we determine when a product has many facets VS when it becomes its own product?

i notice that for Etsy, where separate facets (shape of earring) are more often separate products, they don't have pictures per facet. where for Amazon, which uses facets more, they have pictures per facet.

i'm keen for us to use facets as much as makes sense. if it truly feels like a separate product, then we should do so, but if it can be done as a facet i think that is better.

what price is shown? lowest? most popular? price range min-max?

i'd be keen with showing the price of the default facet value. or a price range. but for beta 1, maybe we skip this. 😉

how do we show there are many facets available?

i'd be keen for only showing whether or not there are facets, not what they are. can also skip this for beta 1.

how do we show which price is for which facet combo?

seems like too much information for a small view (when a product is in the all products view)

what facet combo / price is visible when first clicking into single-product view?

the "first" or "default" facet value for each facet option is shown first, with the corresponding price for all those options as a combo together.

is there a way for the user to know what the price differences are between each facet combo without having to individually select each?

maybe, but can probably skip this for meow.

in my mind, i reckon it's fine to only show the current price given the current facet combo (which starts at the default value for every facet option). then when you change a facet option, it simply updates the price shown. in this way, we don't have to show all the possible facet options with all possible combos, but the user can discover them.

OR

we show the price next to each facet value, so if they choose that facet (given the rest of the other facet values already chosen), that will be the next price. this way we don't have to show all possible prices, just the next prices from your current facet values with one option changed.

how does a user add each facet combo for a product to the cart? where are they directed once they add to cart (back to product page, to cart, to all-products view)?

what's a "cart" in the Cobuy context? is that your cumulative order intents?

can a user see what products facet combos they've already added to the cart on the single-product view?

yeah, that'd be cool. maybe a list of unique facet combos, with quantity per combo?

danalexilewis commented 7 years ago

request for sketches as a visual iteration of the visual research.

I think they can explore responsiveness and user actions (clicks, drags etc)

Eg quantity as button vs slider

root-systems / cobuy

research: intent casting #147

146 has info about facets