Why is the box with "Annual Savings" and "Average Monthly Price" at the lower left where it's obscuring the content instead of at the lower right where there's a bunch of empty space?
The text for individual items feels small, low-contrast, and "fuzzy" to me - my eyes glaze right over it. I'd personally increase the size by 2pt, change it to black (or a Bootstrappian near-black), and include the product's brand underneath the name in the current grey color (not important to me, but some people will care).
The emphasis on "annual savings" and the big "refer and get $10" are too big and emphasized and make me feel like the site is assuming I'm a cheapskate. It detracts somewhat from the convenience reason for the service when the site is shouting at me about the money saved instead (and if I was looking for absolute savings I already have money put in to Amazon Prime shipping). The Average Monthly Price number, on the other hand, is extremely useful, since trying to figure out that kind of thing is the biggest cognitive load for me for these sorts of services.
The thing at the lower left, the More Products button, the plus and minus buttons on products, and the buttons at the top are all way too emphasized and distracting as compared to the actual important stuff on the page at a first glance (the products queued up, the total pricing, and the ship date for each batch). The mouseover color change per month is also distracting, but I think it could maybe be a nice touch if it was tuned way down.
What's with the Fisher-Price green and blue that don't actually map to any particular sorts of actions? Green is to increment/decrement but also for the Help and date buttons, and blue is used for two buttons, a menu (but for some reason the email address, which I presume is an account name, isn't a menu), and an infobox that's not clickable at all, none of which have anything to do with each other.
I have no idea how any of the products in the list correspond with each other - are they recurring? I don't know. It looks like when first added it adds a matching one to each second month in the future, but there doesn't seem to be any other data linkage, so if I want to adjust numbers I have to manually go down the list and change it for each instance? There's also no way to add anything for future months except by adding a product to the current month and then dragging it forward, and then manually clearing out or moving around all the ones automatically added to future months.
All-in-all, it feels more hassleworthy than Amazon, because this UI is relatively complicated and means a lot more brainwork to process and monitor than having "send me this item every X weeks/months". I think for this to win out, it would need to be at least that convenient, and handle anything unusual by having a list of exceptions (e.g. "send me one extra item Q in July") instead of having a full shopping list for every shipment to babysit.
This is really great feedback, thanks. We're going to take action on a lot of the suggestions right away. I hear what you're saying in the last paragraph, but we've done a lot of user testing and research on this and found that:
1) People don't know much toilet paper they use well enough to say "send me x rolls every y weeks"
2) Managing more than about 3 products via the "send me x every y" model becomes very difficult, very quickly. You need a consolidated view.
One thing we think about a lot is exposing less information about future shipments - that way you are less inclined to meddle with them in advance (there's really no need to worry about things > 1 month out). Then we can build a suggested shipment ~1 or so months in advance, with better data.
Why is the box with "Annual Savings" and "Average Monthly Price" at the lower left where it's obscuring the content instead of at the lower right where there's a bunch of empty space?
The text for individual items feels small, low-contrast, and "fuzzy" to me - my eyes glaze right over it. I'd personally increase the size by 2pt, change it to black (or a Bootstrappian near-black), and include the product's brand underneath the name in the current grey color (not important to me, but some people will care).
The emphasis on "annual savings" and the big "refer and get $10" are too big and emphasized and make me feel like the site is assuming I'm a cheapskate. It detracts somewhat from the convenience reason for the service when the site is shouting at me about the money saved instead (and if I was looking for absolute savings I already have money put in to Amazon Prime shipping). The Average Monthly Price number, on the other hand, is extremely useful, since trying to figure out that kind of thing is the biggest cognitive load for me for these sorts of services.
The thing at the lower left, the More Products button, the plus and minus buttons on products, and the buttons at the top are all way too emphasized and distracting as compared to the actual important stuff on the page at a first glance (the products queued up, the total pricing, and the ship date for each batch). The mouseover color change per month is also distracting, but I think it could maybe be a nice touch if it was tuned way down.
What's with the Fisher-Price green and blue that don't actually map to any particular sorts of actions? Green is to increment/decrement but also for the Help and date buttons, and blue is used for two buttons, a menu (but for some reason the email address, which I presume is an account name, isn't a menu), and an infobox that's not clickable at all, none of which have anything to do with each other.
I have no idea how any of the products in the list correspond with each other - are they recurring? I don't know. It looks like when first added it adds a matching one to each second month in the future, but there doesn't seem to be any other data linkage, so if I want to adjust numbers I have to manually go down the list and change it for each instance? There's also no way to add anything for future months except by adding a product to the current month and then dragging it forward, and then manually clearing out or moving around all the ones automatically added to future months.
All-in-all, it feels more hassleworthy than Amazon, because this UI is relatively complicated and means a lot more brainwork to process and monitor than having "send me this item every X weeks/months". I think for this to win out, it would need to be at least that convenient, and handle anything unusual by having a list of exceptions (e.g. "send me one extra item Q in July") instead of having a full shopping list for every shipment to babysit.