割引価格を表示するには？

Question

この質問は、価格情報を効果的に表示する方法に関連しています。私が販売する製品には、小売価格、製品価格（小売価格からの特定の割引）、および提供価格（製品価格よりもさらに安い割引）があります。さらに、オファー価格はユーザーのアクションに基づいています（先月の3つの購入など）。これらすべての情報は、ユーザーにとって意味があります。問題は、過負荷になることなくこの情報を整理する方法です。私は現在次のことを考えています：

元の価格：$ 100だった価格：$ 60価格は：$ 40（...の特別割引）

提案を提供してください。

Answer 1

私はアマゾンに似たものをお勧めします：

あなたはこのようなものを使うことができます：

^{download bmml source – Balsamiq Mockups で作成されたワイヤーフレーム}

Answer 2

ほとんどの場合、これはUXの質問だと思います。個人的には、セール商品を連想させるシンプルなグラフィックが欲しいです。通常、セールタグは表示するのに適したグラフィックです。大量のデータを使用できるようにするために、グラフィックのGIFまたはスライスされたイメージが必要です。時間とスペースを節約するために、表示されるデータを数文字だけに短縮します。スラッシュ付きの$ 100と$ 60 + $ 40がそれから取り除かれていることを示す追加のセールスタグ。また、登録、販売、割引を表すタグに色分けします。お役に立てば幸いです。

Answer 3

アマゾンが行うことを行います。それを強調しないようにスタイリング付きの完全な価格をリストし（Amazonは取り消し線のスタイルを持っています）、割引価格をより目立つようにリストします。割引額の横にかっこ内に貯蓄金額をリストできます。