コンバージョンの増加:購入する製品カードの作成方法

Witget.comブログへようこそ。 例としてNike Webサイトを使用してコンバージョンを増やすことに関する昨日の記事を続けます。

製品情報ページは、顧客と連携するための重要なツールであり、これらのページでのユーザーインタラクションの品質は販売に直接影響します。 サイトのコンバージョン率が非常に低い場合は、最初に製品カードを確認する価値があります。 しかし、潜在的な顧客が本当にあなたの製品を購入したいが、適切な色合いを見つけることができなかった場合はどうでしょうか? それとも、製品の色を選択するだけでなく、細部を細かく確認するために、将来の購入はこの色でどのようになるのでしょうか? おそらく、あなたが興味を持っている製品は単に入手できず、あなたは冷静に訪問者を彼の連絡先を取得しようとせずに放置させたでしょう。 一人称で書かれたTommy Walkerによるこの記事では、製品に関する情報(成功したものとそうでないものの両方)を含むページの例をよく理解できます。 さまざまなインターフェース要素を変更することでコンバージョンを高めるケースは、よくある間違いを避けるのに役立ちます。 潜在的な顧客が彼が最も欲しいものを正確に見つけるのを助ける方法は?



同じ製品の異なる画像は、より深い理解を提供します。


買い手はオンラインストアの商品に触れることはできません。 写真は、彼が製品の中で最も興奮するものを正確に示す必要があり、購入決定を行うのに役立つ視覚情報の最大量を提供する必要があります。 ただし、高品質の写真を選択するだけでは十分ではなく、いくつかの画像を追加することもできません。







上記の例では、ナイキは、灰色の背景にあらゆる角度から靴を表示し、正しい照明を使用して、靴底のグリップが表面に与える効果を可能な限り表示しようとしました。 経験豊富なアスリートにとって、靴のソールは競技に関して非常に重要です。



Zappos.comで同様の製品を比較し、バックグラウンドでどれだけ小さいが非常に重要な詳細が失われるかを確認してください。







Forresterの調査によると、オンラインショッパーの約22%がサイトの画像と一致しないため、商品を返すため、これは本当に注意を払う価値があります。







製品の写真をさまざまな角度からアップロードする理由はいくつかあります。たとえば、そのような画像は一目でいくつかの質問に答えることができますが、詳細な説明が必要になる場合があります。



たとえば、このページは次のオプションを示します。











真剣に、小さな要素が重要な場合、または特定の部品の位置が重要な場合、さまざまな角度からの製品写真が販売に役立ちます。



たとえば、このバットマンの置物には、バットマンが撮影できるさまざまなポーズだけでなく、フィギュアのすべての詳細を示す非常に多くの写真があります。







より機能的な製品の場合、詳細な写真は訪問者がこの製品がどのように自分に合っているかを判断するのに役立ち、最終的に購入につながります。



あなたがより明確な関連付けを持っているのは何ですか:











Made.comの次の例では、数行のテキストが写真に添付されており、図からモデルの長さを理解できます。これにより、家具のサイズをより適切に判断できます。







さまざまな写真について話すとき、それらのそれぞれが何らかの目的を果たすものであり、バイヤーに「まあ、はい...美しい!」と言うだけではないことに留意してください。



個人的には、オフィスには大きすぎて私には小さすぎるソファを注文して、このtrapに陥りました。







状況に応じて、さまざまな写真はウェブサイトのデザインの全体的なレベルを高めることもできます。これは、適切に設計された構造、テキスト、または単一の写真では個別にできません。



たとえば、 DollsKillは、モデルのさまざまな画像を使用して、サイトの目的(および目的外)を訪問者に明確にしました。







自然環境で製品の追加の写真を使用すると、購入者が製品が自分の空間でどのように見えるかを視覚化するのに役立ちます。



たとえば、Urban Outfittersは、顧客に理想的なアパートを象徴する部屋に木製フレーム(かなり平凡なアイテム)を置きます。







さらに、1枚の写真に複数の製品が表示されている場合は、製品ページでそれらすべてを簡単に見つけられることを追加する価値があります。



Baymard研究所のユーザビリティ研究者は、 「不満なユーザーの失望」は、写真に示されている他の製品を探すためにサイトを検索するのに多くの時間を費やさなければならないという事実に起因することを発見しました。 原則として、その後、サイトについての彼らの意見は悪化し、サイトの作成者は自分でそれを使用していないようだと彼らは言います。



「それだけが欲しい。 バイヤーの一人は、彼の混乱を笑いながら、IKEAの写真の1つに描かれたコーヒーテーブルの写真をクリックして嘆き悲しみました。



実際、Asosウェブサイトの製品ページのように、「画像を補う」機能のようなことをするのは非常に簡単です。







代替製品オプションを見つけて表示するのは簡単です。


私にとっては、商品の色に対応しない色の非人格的なパレットほどひどいものはありません。







表示している製品の色やサイズが見つからない場合、腹が立ちます。



Nike.comページに戻って、同じ製品の代替バージョンが常に品質を表示するようにします。







このページで私が気に入っているのは、ポップアップウィンドウで追加の色を選択せず​​に、製品の代替バージョンがどのように見えるかを簡単に確認できることです...

... IKEA Webサイトなどでそれを行う方法。







このサイトを2回見ると、製品の小さな画像を代替色で見ることができますが、それらは左下隅にあり、気づきにくい場所です。



もちろん、これは色を選択した後、このオプションで製品の写真が表示されない場合ほど面倒ではありません。 例はCanvasHomeStore.comにあります。







NikeのWebサイトにあるこの製品の代替バージョンについて私が気に入っているのは、スニーカーの写真の上にある小さなマイクロコピー、つまり色合いの名前です。







この要素は一見それほど重要ではありませんが、買い手にとって日陰が最も重要である場合、それを促進するのに役立ちます。



ZapposのWebサイトでは、代替のカラースキームが互いに結合しています。 このページを簡単に見ると、5組の濃い色のスニーカーはすべて同じように見えます。 鮮やかな赤のペアだけが目立ちます(しかし、私はそれを買いません)。







「私のサイトでは、すでに製品の色とサイズを選択する機会があります」と思うかもしれませんが、IkeaやZapposのようなサイトを見ると、別の色の隅に隠れている製品画像からだれも安全ではないことを理解しています。



ユーザーは表示されていないものをクリックすることはできないので、次の質問を自問する価値があると思います。「あなたのサイトで代替製品オプションを見つけるのは簡単ですか?」



調査は、売り手が1つの製品のより多くのパラメーター(色、サイズ、モデルの人気など)を示すと、売り上げが上がるという方法で実施されました。 車の場合、売上は5%増加します。



さまざまなサイトの買い物かごから収集したWish社による 、このグラフは、サイズと色が追加された製品の売上の伸びを示しています。







また、代替製品がより目に見えるようになった結果、コンバージョンが増加した例を見つけることはできませんでしたが、必要なサイズまたは色の製品が見つからない場合、私はそれを購入しないと確信できます。



代替製品のオプションが本当に見えるように、多くの作業を行うサイトの他の例を次に示します。



北の顔





無料の人々





FreePeopleのカラーバリエーションについて、私が本当に気に入っている点が2つあります。 1つ目は、製品の写真が完全に更新されることです。互いに完全に異なって見えるモデルであっても、しばしば変更されます。



研究者のハリー・ファーマーが発見したように 、これは重要です。「人が私たちのようになったとき、私たちは自動的に信頼できるように思えます」。

私が気に入っている2番目の点は、色を選択すると、寸法がその可用性に応じて自動的に強調表示または「フェードアウト」されることです。



フレイザーの家





House of Fraserでは、色のオプションも目立ちます。それに加えて、標準の色合いのパレットを描くよりも、写真の素材の実際の色を使用する方法が好きです。



在庫のない商品を明るい色で強調します(これにより、収益を増やすことができます)



顧客に誤った期待を与えないように、在庫のない製品を明確に識別します。 そして、あなたがすべてを正しくすれば、将来的に売上を大幅に増やすことができます。



Nikeは、使用できないモデルを表示するのに本当に時間がかかります(追加の色のパネルの横に表示します)...







...ただし、このページには、この製品の在庫が再び現れたときの通知機能がありません。



このYahooプラグインを使用すると、「在庫なし」ボタンの「今すぐ購入」アクションの呼び出しを自動的に変更でき、商品が在庫に表示されたときに通知されるメールアドレスを残すことができます。







同僚のGagan Mehranが私に言ったように、このスイッチを使用すると、株価をリアルタイムで表示するプログラムを更新する必要があるため、かなり高価になる可能性があります。



ただし、このようなメカニズムを使用すると、本来なら失われる利益を得ることができます。



このMarketingSherpaのケースでは、 BirkenstockCentralのJim Mooreが、「在庫切れ」の電子メールキャンペーンを通じて顧客が競合他社に切り替えたことにより失われる可能性のある売り上げの22.45%をどのように回復したかについて語っています。







彼らの戦略の最も効果的な要素の1つは、たとえ製品が現在利用できなくても、サイト訪問者がサイトで購入するように動機付けすることでした。



「在庫あり」の電子メールにより、UsedCardboardboxes.comは、この製品を閲覧した人に在庫が戻ったことを通知するだけで13,000ドル以上の売り上げを得ることができました。










All Articles