web-dev-qa-db-ja.com

類似製品を比較し、違いとUSPを強調表示する方法は?

ユーザーとして、さまざまな製品バリエーションを比較し、自分のニーズに最も一致するものを評価したいと思います。

ほとんどのWebサイトでは、比較表を使用して、すべての異なる機能を一目で確認できます。

私にとって、このアプローチは非常に過負荷です。ヘアドライヤーを検索しても、特に好みがない場合は、常に一番安いものを購入するでしょう。したがって、ユーザーをやる気にさせるために、より優れた、より高価な製品の利点を彼に示したいと思います。したがって、私の目には、ユーザーは他のバリアントがより高価である理由をよく知らされ、USPが一目でわかるはずです。

誰かがこのようなモジュールがどのように見えるべきかという良い例やアイデアを持っていますか?問題は、スクロールせずに1つのビューポート内にすべての情報を表示することです。

すべてのアイデア、推奨事項、例について喜んでお知らせします。

3

これはかなりトリッキーなトピックだと思います。最初のステップは、目標とユーザーグループを決定することです。私があなたの考えを得る限り、それはより製品比較のウェブサイトです。

1)物事を比較するには、品質メトリックまたは1つ以上が必要です。価格、耐久性、デザイン、効率性など。基本的に、これらは表形式の比較における「行」です。

2)製品を表示する必要があります。通常、5つ以上の選択肢があります。しかし、表による比較はしたくありません。より良い方法を見つけてください! (これはあなたが私が求めているものだと思う...)

提案:A)企業/新興企業の価格表に似ています。このようなもの:例: https://blog.kissmetrics.com/wp-content/uploads/2012/04/kissmetrics-pricing.png これは典型的な表示です。通常、1つが強調表示されて推奨され、価格/機能が積み重なっています。したがって、安いものを購入する人が少なくなります。

B)ビデオゲームカーショップ:バーチャートを介して車との違いを確認できる一般的なショールーム/カルーセル-別名パフォーマンスメトリック-1を参照)例1: http://www.carlosvk.info/wp-content/uploads /2014/02/Rivals_004.jpg 例2: https://lh5.ggpht.com/NmUdxqbacLozAueds1NsBcQ_ShuzFY1gn2S6wiyS46pSJsl2qXgwdpPZJIguBD5uKZWX=h900

C)主要なメトリックのみを使用-1)を参照し、一般的な市場ポジションチャートを使用:例: http://2.bp.blogspot.com/-Y597OhoXzXU/T55JqiCyzqI/AAAAAAAABkE/WTovUhZlL9k/s1600/Clipboard01.jpg 上級ユーザーの場合は、より複雑なもの(スパイダーチャート)を使用できます。例: https://upload.wikimedia.org/wikipedia/commons/1/18/Spider_Chart2.jpg

ほんの少しの考え!

1
JonnyZoo