How to display multiple prices on e-commerce?

Question

At my eCommerce site, I need to show 5 different price information. And is difficult to think different as I have already tried some alternatives.

I need to show -

"was/old price" [RRP (suggested by industry)]
the saved amount
the main price per item and specify that is per item
the price per m2 and specify it and I need to be clear that the price included VAT

My current solution is this, but I'm not fully happy.

Any other good idea?

See full block where the price is just and component.

I think you should add some context, at least visual. Any option is valid, in fact in your example it's not known why there's a price on the left and another on the right when they could all be in a single column. — Danielillo, Sep 4, 2019 at 11:22
@Danielillo I edited the post to add the print screen of a section where I'm displaying the price. — Rafael Perozin, Sep 4, 2019 at 12:48
I just trying to understand why people downvote an absolutely valid question to discuss user experience in a user experience community. I believe if people that are not capable to answer should skip and go to an easier question. — Rafael Perozin, Sep 4, 2019 at 12:50
Not me but I'd guess the question is too broad or opinion based - the best way will be different depending on the situation or who you ask. Also perhaps because discussions and idea gathering don't fit much with the Q&A model, you can check How to Ask for more info. — Luciano, Sep 4, 2019 at 13:33
As said, at the moment every answer could be valid. Who are your users? Roofing tiles are not your everyday household items. This seems to be an online retail but for whom? What is wrong with your current design, why aren't you "fully happy" about it? — locationunknown, Sep 5, 2019 at 5:07

xul · Accepted Answer · 2019-09-30 14:04:47Z

Here is some logic behind;

Logical object should be grouped together.. On your site now rrp price to left heading, is same distance as normal price left to rrp.. Price info is one block and should be grouped together
When you display old price > new price > saving in %, in a flow, it looks like calculation and user understands it better
It is more appropriate to communicate saving in green than in red color, as it is positive thing, and green is already associated with success or action
RRP and PER ITEM... are all markings / meta info so I suggest same position and styling for them

Hope this helps

colmcq · Accepted Answer · 2019-09-04 12:57:00Z

-2

try Baymard institute:

This answers your question.

answered Sep 4, 2019 at 12:57

colmcq

8,2501 gold badge31 silver badges58 bronze badges

1

Answers should have enough information in them to answer a question without having to visit links (in case the site dies, or the page is taken down).
– TripeHound
Sep 4, 2019 at 13:04
And I'm not looking for a multiple options. I just need to show a unique option but I have too much information in a single space.
– Rafael Perozin
Sep 4, 2019 at 14:34

Add a comment |

2 Answers 2