Still trying to optimize the behavior on this page for a seamless shopping experience.
Challenge: Many form elements, various fields on each item (hard to unify), fat fingers and not enough real estate.
One of the interactions I'm thinking is to make the "Add to Cart" row stick to top of the screen as you scroll, so you can add item to your cart while reading the long description.
400x300 is not doing the justice on this one, as a matter of fact, instead of checking the full res on your computer display, I would check it on my iPhone via LiveView to see how it feels. As always, feedback is appreciated.
almost 3 years ago
by Kerem Suer
Alright, this is the interaction as you scroll down. Thoughts?
almost 3 years ago
Digging this. How does it look if you remove the horizontal rule above the price / cart button?
This is looking awesome. Super clean.
Re: add to cart row. User would adjust price/size/color before adding to cart-- so price/add to cart should probably be the last horizontal row on the screen, yeah? I like your idea of it docking it so it never disappears as user scrolls, but maybe it stays on the bottom and things scroll *under* it.
Sidenote, do people actually order multiple $2,000 couches from their phone? Baller status! Haha.
@Keiran I actually had it like that originally to unify that area but it looks surprisingly unbalanced.
@John In the current app it's the way you describe it, and it does make sense, even though it sounds right and is probably the best practice on a larger screen, on iPhone scrolling rows of data up and down is just a quick flick. Ideally you could put the Add to cart button to top right on the nav bar so we can have it in the screen at all times, but I just think that hides the functionality a little bit. So we will see how this actually feels on the phone and might go back to what you are describing. Thanks for the feedback man, and yes I agree with the "Baller status" haha :)
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.