2

I have the following ideas of how to solve this problem:

mockups

What do you think is the best option to present a product image carousel alongside previous/next buttons for nearby category products?

7
  • 1
    It sounds like you're either asking us to design a system for you (which is not what we're here for) or you're asking us to link to lots of examples of this design pattern (which isn't what we're here for either). We can help you solve a specific problem, but we can't do all your work for you.
    – JonW
    Feb 10, 2016 at 15:23
  • Pardon me. I thought there were 2 or 3 common design patterns outlines that you could share. I'm not a graphic designer or UX specialist. Just a store owner trying to port my ecommerce site for a mobile experience.
    – Tigre
    Feb 10, 2016 at 15:28
  • That's not really what this site is about though. It's a Q&A site, not a forum, so we're here to give you 'The' answer that solves your problem. Not just give examples of something. However if you can explain your specific situation then we can probably tell you the most appropriate way to display it.
    – JonW
    Feb 10, 2016 at 15:35
  • Thank you. I'm going to draw my idea. The thing is that I don't see that Previous/Next buttons to navigate to other product views are very common in mobile, apart from the search results or category view...
    – Tigre
    Feb 10, 2016 at 15:38
  • 1
    Sorry for the delay. I learned how to draw IU mockups.
    – Tigre
    Feb 10, 2016 at 17:37

3 Answers 3

2

It has to be either Option 1 or Option 2.

Which one depends on what it is that the user sees when tapping on 'previous' or 'next'. If they see another product, then it's Option 1. If the see another category, then it's Option 2. Anything else would create confusion for the user.

1
  • I can see what you mean. Yes, Option 1 is the most suitable for my use case. Thank you
    – Tigre
    Feb 11, 2016 at 8:30
0

Is it an app or responsive website?

App:

Why have Next / Previous icons to select products. The indicators below inform the user there is more to view and to swipe left or right to view the next product while still remaining in the catergory. The area you are using to place the icons would be better used for navigating the app.

If the icons go anywhere it should be on the image itself to prompt the swipe.

Responsive Website: Why have Next / Previous at all? Scroll. Keep it simple.

1
  • The idea is to easily navigate through the other products of a category or through the search results because I've been told that it's annoying to have to go back everytime to see the next product's details.
    – Tigre
    Feb 12, 2016 at 23:27
0

There are lots of examples online showing how to display products, interact and navigate.

www.rudys.paris is a good example. The navigation is simple. The indicators inform the user there is more to see before making the decision to purchase. No more than four clicks in from the home page and three from the catergory. The more simple the design the more simple the experience and the easier it will be for the user to make a purchase. Do not complicate the proccess. When money is involved you want the user to feel in control, informed and confident.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.