I'm working on a price comparison website. The team asked me to display two overlapping price change information: price drop and discount.
When there is a discount on a product, it always means there is a price drop. But a price drop doesn't always mean there is a discount.
Price drop is programmed from the back-end to help users to know the actual price changes. Discount is a way for merchants to communicate price change on the product, but sometimes there are dishonest discount, i.e. the price is upped first then it is discounted later.
To compromise the needs of merchants and users, the team wants both information included. So far this is what I have come up with:
If you hover the mouse on the information, there would be title attribute to help explaining. But it still seem too hard to know which is which at first glance, and it could get confusing when there is a dishonest discount (like the example shown above).
Any input to improve the design?