Question: Which of the options do you think to have better usability for the product cards for a grocery app (Shoppers)
[![enter image description here](https://i.stack.imgur.com/uqm36.png)](https://i.stack.imgur.com/uqm36.png)

The problem: I need to give to shoppers a better visualization of the basic products information in a smooth way for them don't get confused y make their process more easy and fast

Solution: I think is a lot of information for a card so I tried to organize the information in a way that I considered clear and give a better reading

so in A we have in the top left the product name, in the top right the location of the product in-store and in the center of the cards the picture, the order quantity and other information that help to picker the product in a better way like reference, price, and barcode

At the bottom of the card, I have a client comment if the client sends one

In B we had the same information but the difference is that I display the order quantity at the same level that the product name and the location is now in the center

Leave me to know what you think! Thanks for the feedback

Answer: 
The only way to know is to do A/B testing

I personally prefer A

B would be better if you could somehow distinguish the `3x` from the Item Name with a more distinct styling or color.

Right now the quantity of the item is more obvious to me in design A.
1. Why is the location in the store important for an online experience?
2. You have the product count but I don’t see an option to increase or decrease this value
3. Why is the barcode number needed on what I’m assuming is the quick/list view of products?
4. Each of these versions, including the original, have positive qualities but none of them currently achieve the right hierarchy