web-dev-qa-db-ja.com

eコマースで実際の画像を使用する必要がありますか?

私はスキンケア会社で働いており、最近、eコマースの画像がコンテナの実際の寸法を表すのか、それともそのスケールを表すのかについて話し合いました(200 ml、100 ml、50 ml)。

つまり、基本的に、500px * 500pxの同じフレームは、アイテムによって異なる比率を表示します。

一部の画面で一部の製品でこれが可能であると想定すると、これも非常に複雑で、使用できず、保守も難しいことが、ソフトウェアの観点からもわかりました。

このトピックに関連するリソースは見つかりませんでした。いくつかのベストプラクティスに従って、Amazonが本に対して行っているように、常に完全な寸法と、最終的には説明可能なサイズのガイドを確認します。

eコマースで実際のスケールの画像を使用する必要がありますか?

Amazon using human torso silhouette to represent size of a book

1
huraji

画像のサイズが4または5倍に変化するという事実を考えると、対称性と順序(リストビュー)としていくつかの基本的なデザインルールを破るので、デザインはそれほど素敵ではなくなり、詳細ビューでは視覚的な高さが平準化されません。 (写真は、異なる製品ページで視覚的な高さ/注意を引きすぎます)。

別の反対の議論は、通常のユーザーが100ML(Lから1/10)がどれくらいかについて感じているということです。したがって、彼らはまた、50mlまたは200mlで何が得られるかを知っており、それを視覚的に表示することはそれほど価値のある情報ではありません。

2
xul

「パックショット」の場合は、全体にわたって「フルフレーム」画像を使用する必要があります(したがって、50ml製品ショットと200mlproduct-shotは両方とも500px x 500px画像です)。これにより、グリッドレイアウトなどの一貫性が保たれ、利用可能なすべての詳細を見ることができます(50mlコンテナーが拡大縮小されている場合は、 200mlコンテナのサイズの4分の1にすると、詳細が失われます)。

ただし、さまざまなサイズで利用できる製品のコンテナーのrelativeサイズを表示することも役立つ場合があります。このため、「現在のサイズ」が強調表示された状態で、さまざまなコンテナーサイズの範囲を並べて表示することができます。

実際には、これはおそらく比較的小さな画像(メインの製品の写真よりもはるかに小さい)になるため、実際のコンテナーの画像ではなく、「様式化された」コンテナーを表示する必要があります。ただし、概念を示すために、複数のボトルサイズのランダムに見つかった画像を Coca-Cola Reconfigures Range for Sugar Tax から取得し、私が意味する種類のことを示すように調整しました。

大きなボトルページ: Large bottle highlighted 小瓶ページ: Small bottle highlighted

1
TripeHound

常にフルサイズの画像を表示する必要はありませんが、参照として使用できるものがあれば十分です。したがって、完全な人の代わりに、手またはその他の、かなりよく知られているサイズの参照を使用できます。

問題は、グラフィカルに操作できるクリーンな製品ショットが本当にあるため、操作するのにそれほど面倒ではないと思います。さらに良いことに、アイテムのモデルをデジタルで作成できれば、それを好きなように実行できます(プログラム的には、svgファイルや、複数の製品アイテムを表すために使用できる3dモデルなど)。

1
Michael Lai