ホームページのコンバージョン率を向上させるには？これがMeituan、JD.com、Ctripのやり方だ

この記事を書いている間、窓の外では大雪が降っていました。学生時代、毎年冬になると北京の厚い雪の上をキャンパス内を歩いていました。この瞬間を最後に見たのは随分前のことでした。舞い散る雪を見ると春を感じることが多いので、この記事を皆様へのクリスマスプレゼントとして捧げたいと思います。

ホームページはインターネット企業の顔です。企業のイメージを反映するだけでなく、すべてのビジネスへの入り口であり、ユーザーにとって唯一の道でもあります。最も重要なモジュールであるため、その製品設計と運用は会社のビジネスに重要な影響を及ぼします。ホームページの再設計は非常に重要です。これはリーダーシップと事業ラインの焦点であるだけでなく、製品マネージャーにとって最大の課題でもあります。

この記事では、大手電子商取引企業でのホームページ製品とホームページ運用に関する長年の実務経験を組み合わせて、以下の点について説明し、ホームページを扱うすべての人に役立つ経験の参考資料を提供します。

ホームページのミッションと目標
ホーム製品 KPI
ホーム製品設計システム
大規模な電子商取引のホームページの再設計の例

当初はホームページ製品と運用を1つの記事でまとめようと思っていましたが、内容が大きすぎることがわかったので、この記事ではホームページ製品に重点を置きます。次の姉妹記事では、ホームページの操作ルール、リソース位置の設定、割り当てと使用、リソース位置の効率監視、エントリトラフィックのキャプチャ方法、トラフィックの分散と制御、リソースの競合メカニズム、ホームページデータのレポートと分析など、ホームページの操作とデータの監視についてさらに詳しく説明します。

1. ホームページをまず見る

ホームページの影響力の大きさを初めて実感したのは、Ctripで働いていたときでした。 Ctrip をよく知っている人なら、Ctrip のホームページのメイン部分がカラフルなグリッドになっていることをご存知でしょう。グリッドはさまざまな事業分野に割り当てられます。企業がホームページグリッド (第 1 レベルの入り口) を取得できるかどうか、またその位置とサイズは、Ctrip における企業の戦略的位置を反映します。下の写真は私が食品ショッピング事業を担当していた頃のCtripのホームページです。

Ctripホームページ

カラフルな格子模様の起源は、ある日、創始者の梁建章が、部屋ごとに色が違っていてとても魅力的なカラフルな家を夢見たからだと言われています。目が覚めると、彼はCtripのホームページをカラフルなグリッドに変更するように依頼しました。

食品事業がホームページ上で重要な入り口となったのは、食品がCtripの重要な戦略ミッションを担っているためである。それは、Ctripの5大旅行需要である「食品、宿泊、交通、娯楽、ショッピング」における2つの弱点である食品とショッピングを補い、「食品」の高頻度属性を通じてDAUとスティッキネスの増加を効果的に促進し、それによってコアビジネスにトラフィックをフィードバックすることである。この戦略的ポジショニングは梁建章氏に高く評価され、その結果、多くの新興企業の中で際立って、ホームページ上で重要な位置を獲得しました。

目立つ入り口があるため、ホームページから入ってくるトラフィックが非常に多いです。もちろん、その後ろの入り口をめぐる競争も非常に激しいです。位置や大きさ、さらには色の変化も交通に大きな影響を与え、ビジネスに多大な影響を及ぼす可能性があります。

当時、私はホームページについてまだあまりよく知りませんでした。その後、インターネットの旅を続けるうちに、ホームページの背後にある原理と技術をどんどん深く理解するようになりました。以下にその話をお話しします。

2. ホームページの中心的な目標

優れたホームページ製品を設計したり、運用戦略を策定したりするには、まずホームページの中核となる目標を十分に理解する必要があります。

目標1: トラフィックの分散

トラフィックはインターネット企業のすべてのビジネスの出発点です。ホームページを通じて適切なトラフィックを分配し、各事業ラインに適切なトラフィックを提供することが、通常、ホームページの最も重要な使命です。

ほとんどの企業は多角的な事業を展開しています。例えば、Ctripはホテル、航空券、旅行などの主要事業のほか、民宿、鉄道チケット、食品などのより細分化された事業を展開しています。JD.comはスーパーマーケット、家電、家庭用家具などの主要事業のほか、多数の細分化された事業を展開しています。Meituan Dianpingは食品、テイクアウト、生活サービスなどの事業を展開しています。

美団点評

JD.com

これらのビジネスはすべて独自の収益目標を持ち、トラフィック（つまり顧客）を必要としますが、アプリ側の主なトラフィックはホームページ配信から得られます。では、それを正しく配布するにはどうすればよいでしょうか?

まず、業務フローの対象を決定します。たとえば、ある企業に A、B、C という 3 つの事業があり、年間収益目標がそれぞれ 50 億、30 億、20 億であるとします。簡単にするために、すべてのビジネスはアプリを通じて完了すると想定します。 3 つのサービスのトラフィックターゲット計算プロセスは次のとおりです。

最初のステップは、A、B、Cの現在のコンバージョン率(販売されたビジネス製品の合計数 / ビジネス製品ページの合計トラフィック) を計算することです。
2 番目のステップは、販売された商品 A、B、C の平均価格を計算することです。
3 番目のステップは、商品詳細ページ (または POI ページ) のトラフィックソースに基づいて、検索とショッピングガイドのトラフィックシェアを計算することです。
4 番目のステップは、対象期間中のサイト全体の製品ページへの 1 日あたりの平均訪問数を予測することです。
ステップ 5. A に必要なホームページトラフィックの割合を計算します。サイト全体の単一製品ページの 1 日あたりの平均訪問数の合計 * ショッピングガイドトラフィックの割合 * A ホームページトラフィックの割合* A コンバージョン率 * A 単一製品の平均価格 * 365 = 5000M。同様にBとCも計算します。

例えば、サイト全体の商品ページへの1日平均訪問数が500万と予想され、ショッピングガイドのトラフィックが60%を占め、ビジネスAのコンバージョン率が20%、単一商品の平均価格が50元の場合、500万× 60% ×Aのトラフィックシェア20% ≒50*365=5000万となり、ビジネスAに必要なトラフィックシェア=45.7%となります。

注：1. ユーザーの閲覧や注文は複数の業種・カテゴリにまたがることが多いため、ここではユーザー数×注文数ではなく、各業種を完全に分離するため、単一商品ページのトラフィック数×単一商品の販売数で計算します。

ソーシャルチャネルと SEO チャネルに加えて、アプリ製品ページへのトラフィックソースは 2 つしかありません。1 つはアプリ検索経由、もう 1 つはショッピングガイドコラム経由です。ホームページのトラフィックの分布は、ショッピングガイドのトラフィックにのみ影響します。
ここで言う単一商品ページとは、Eコマースにおける商品詳細ページ、OTAやO2OにおけるPOI（店舗、アトラクションなど）、コンテンツプラットフォームにおけるコンテンツページ（記事、ショート動画など）などを指します。
ここでは、説明を簡単にするために、対象期間における各商品の平均価格は変わらないものと仮定します。変更がある場合は、見積入力として事業ラインに価格調整範囲を問い合わせることができます。

上記の計算により、A、B、C のトラフィック比率要件が得られます。しかし、3 つの合計が 100% にならない場合があります。 100% を超える場合は、サイト全体のトラフィックが事業ラインの収益目標を満たすことができないことを意味し、関連部門とコミュニケーションを取り、収益の期待値を調整するか、トラフィックまたはコンバージョン率を増やす方法を見つける必要があります。 100% 未満の場合、おめでとうございます。一部のリソースをバッファとして使用し、必要に応じて柔軟に割り当てることができることを意味します。

トラフィックシェアを決定した後、ホームページでどのように分配すればよいでしょうか?トラフィックは移動できるオブジェクトではありません。その背後には明確な要求を持つ実際の消費者がいます。彼らが特定の列をクリックすることを期待して、それを実行するのは不可能です。トラフィックの分配には非常に複雑な製品と運用の連携が関係しており、境界と上限もあります。流通管理は、製品が約 30%、運用が約 70%（主にリソースの動的割り当て）で構成されており、ホームページの運用セクションでさらに詳しく説明します。

ホームページは、日々の事業ラインへのトラフィック分配に加え、プロモーション期間中のメイン会場、サブ会場、各種アクティビティへのトラフィック誘導の役割も担います。このとき、各イベント会場の位置づけ（交通誘導、物販、会員誘致）を明確にし、それに応じた交通配分を計画することも必要です。

目標2: 閲覧経路のガイダンス

インターネット企業の膨大な数の毎日のアクティブユーザーの背後には、非常に多様な特性を持つユーザーグループが存在します。ホームページのもう一つの重要な目標は、さまざまなスタイルや要求を持つユーザーに対して、合理的な「ショッピング」パスを提供することです。

ショッピングの目的別に見ると、ネスレステージ3 乳児用粉ミルク 6 個パックなど、購入したいものが明確にわかっている「精密ユーザー」、乳児用粉ミルクなど、購入したいものはわかっているが具体的なものは決めていない「半精密ユーザー」、気に入ったものがないか気軽に閲覧に訪れる「ただ見るだけ」のユーザーなど、さまざまなユーザーがいます。

ショッピングスタイル別に見ると、プロモーションコラムを読んだり割引商品の購入に重点を置いたりする価格に敏感なユーザーもいれば、ブティックショッピングガイド、バイヤーのおすすめ、ブランドコラムを読むのが好きな品質やブランド志向のユーザーもいます。また、特定のシナリオ（新米ママ、春の外出、越冬など）に適した商品を探すソリューション志向のユーザーもいます。

もちろん、デジタルオタク、読書愛好家、主婦（主夫も可）、新米ママ（新米パパも可）、学生など、カテゴリーやユーザーの需要遺伝子で分類することもできます。

上記のすべてのユーザーは、思慮深いショッピングプロセスを実現し、自分の興味に非常に合った没入型のブラウジングを実現し、購入の可能性を大幅に高めるために、差別化された「ショッピング」パスを必要としています。ホームページはショッピングモールのレイアウトに似ており、ショッピングガイドの源であり、ユーザーの常に変化する「ショッピング」の要求を伝えます。

目標3：企業イメージを構築し、ターゲット顧客に応える

どの企業も明確なビジネスポジショニングを持っています。たとえば、高級な贅沢品を販売するもの、国境を越えたブランドを販売するもの、百貨店を販売するもの、健康食品や生鮮食品を販売するもの、小物商品の配送センターなどです。

ホームページは店頭に似ており、対応する顧客がホームページにアクセスしたときに快適に感じ、さらに閲覧したくなるように、ビジネスの位置付けを正確に反映する必要があります。

軽量高級 e コマースアプリとスーパーマーケット e コマースアプリを比較して、ホームページのスタイルの違いを見てみましょう。

手頃な価格の高級品の電子商取引 vs. スーパーマーケットの電子商取引

高級ブランドのホームページの焦点が次の点にあることは容易にわかります。

1. ブランド。一般消費者にとって、高級品の中核となるのはブランドであり、次に製品、デザイン、スタイルが続きます。

2. 高解像度、大きな画像、空白スペース。高級感は、これら 3 つの要素を通じて反映される必要があります。相対的に言えば、幅広い製品ラインナップと価格の割引は二次的な要素です。

一方、スーパーマーケットの電子商取引では、カテゴリと製品が強調され、価格、割引、セールスポイントが強調されます。インターフェースは表示効率を追求し、商品が目まぐるしく並んでいるような印象を与え、色彩は比較的明るく複雑です。スーパーマーケットの電子商取引の主な消費者は主婦であるため、彼女たちは商品、価格、割引を重視し、買い物では需要と効率性を重視します。

目標4: 直接的な収益を生み出す

モバイルホームページは間違いなく最も多くのトラフィックがあるページであり、直接的な収益を生み出すための最適な場所でもあります。たとえば、広告スペース、人気商品の展示、ブランドとの協力（ブランドにかなりの料金を請求するか、ブランドにリソースサポートを提供するよう要求するスーパーブランドデーのブランドカスタマイズされたホームページなど）、重要なイベントへのトラフィックの誘導はすべて、直接的な収益を生み出す重要な手段です。

ゴールデンドラゴンフィッシュスーパーブランドデイNo.1ストアのホームページ

ここでバランスを取る必要があるのは、収益要求とユーザーエクスペリエンスの関係です。もちろん、これは非常に難しく、ビジネス、広告、その他のチームとホームページ製品および運用の間で最も衝突が発生する場所でもあります。関連する特定のリソース使用ルールを事前に設定する必要がある場合があります。

目標5: 重要なコミュニケーションを実施する

必須事項として、ホームページを通じてユーザーとコミュニケーションをとることが、間違いなく最も高いリーチ率を誇ります。ホームページ上のポップアップウィンドウ（新規会員ギフトパッケージ、重要なお知らせ、権利利益の到着など）、スクロール情報バー（Taobaoヘッドライン、JD Expressなど）、トップバーの最初のフレーム、サイト内メッセージなど、一般的なコミュニケーション手段はすべて一般的なコミュニケーションポイントです。

同様に、リーチとユーザーエクスペリエンスのバランスをどのように取るかも難しい問題です。ホームページのポップアップは、ユーザーにとって強制的な中断です。過去には、多くの PC ウェブサイトのエクスペリエンスがポップアップ広告によって大きく損なわれていました。製品マネージャーは、ホームページのポップアップを設計する際には特に注意する必要があり、ホームページが読み込まれるたびにポップアップが繰り返し表示されることは絶対に避ける必要があります。

ホームページにポップアップウィンドウを開発することは難しくありませんが、ホームページを運用することは困難です。ホームページにポップアップウィンドウを求める強い要求に常に抵抗し、この目的のために合理的なポップアップルールを策定する必要があります。

3. ホーム製品KPI

優れたホームページ製品は、単に「見栄えが良い」というだけではありません。製品思考は全体的かつ長期的な視点に基づいており、ユーザーの要求と問題点に対する深い洞察を持ち、ロジックと帰属分析に重点を置いています。したがって、科学的な KPI を目標として設定することが、ホームページのプロダクト設計の第一歩となります (これは実際にはすべてのプロダクト設計の第一歩です)。

ホームページの使命は企業によって異なります。ここでは、包括的な e コマースホームページ KPI を例に挙げて説明します。

KPI 1: 1人あたりのビジネス詳細ページへの平均訪問回数

店舗側は顧客にいろいろな店を見て回ってほしいと考えています。商品詳細ページの追加率が一定であると仮定すると、ユーザーが訪問する商品詳細ページが増えるほど、売上は向上します。当然のことながら、一人当たりのビジネス詳細ページの平均訪問数は、ホームページ設計の第一の核心指標であり、ホームページの誘導効率を反映しています。

製品の選択、価格、プロモーションといった基本的な側面に加えて、製品レベルでの以下の要素がビジネスページへの平均訪問数に大きな影響を与えることがわかりました。

列のパーソナライゼーションレベルと精度アルゴリズムレベル
多次元ショッピングガイドコラムの合理的な設定
製品の露出が浅い
商品のレイアウトと展示効率
ラベルシステム設計

1 つ目のポイントは、わかりやすいです。ユーザーがより興味のあるコラムや商品を表示できるようにすることが、より多くの閲覧を促す鍵です。一人ひとりの多様な顔から、最近台頭してきた没入型ブラウジング（TikTokやToutiaoがその最大の例で、JD.comやTaobaoもこのスタイルに向かっている）まで、すべてがこの方向を目指している。

2 つ目のポイントはバランスです。ショッピングガイドコラムは多すぎても少なすぎてもいけません。近年は、無意味なウォーターフォールフローが人気になっていますが、ほとんどのユーザーは依然として選択的に「買い物」をし、慎重に作成されたショッピングガイドコラムを好みます。列ディメンションはユーザーレベルで区別する必要があり、ロジックは明確である必要があります。たとえば、プロモーションは期間限定、数量限定、グループ購入、選択型に分類できます。1 つのディメンションに対して 1 つの列に焦点を当てれば十分です。同時に列が多すぎると、ユーザーは迷ってしまいます。同様に、ショッピングガイドは、新しいものを試すこと、大衆に従うこと、好奇心、専門家の意見など、複数の側面をカバーできますが、各側面には最大で 1 つの列が必要であり、多すぎるよりも何もない方がよいでしょう。

3 番目のポイントは単純に思えますが、実践するのは非常に困難です。良質のワインには藪は必要ありません。製品が、より深いページにジャンプしないと見られないのであれば、各レベルでトラフィックが大幅に減少し、製品に到達するのが難しくなります。ただし、「Guess You Like」などの残価欄に商品を直接ホームページに掲載すると、一定の成果が得られますが、実際には、私が見たデータでは、商品をホームページに直接掲載すると失敗することが多いことが示されています。たとえば、次のプロジェクトでは、元のチャネルの入り口は次のようになります。

浅いケースを実行する - 旧バージョン

商品を浅くし、ホームページのリーチを高めるために、チャンネルの人気商品を救い出してホームページに載せ、ホームページから直接アクセスできるようにしました。改訂版は以下のとおりです。

浅いケースを実行する - 新バージョン

結果は全く予想外のもので、事業内容到着率は0.23%も低下しました。

製品チームは 3 つのバージョンを連続して改訂しましたが、オンラインテストの結果、すべてが不合格になりました。最終的な結論としては、ホームページ欄に商品を表示する際にユーザーが直接商品詳細をクリックすると、ユーザーがそのチャネルに入る可能性が減り、露出する商品も少なくなるということです。同時に、チャネルの入口が高くなり、単一画面表示の効率が低下し、後続の列が深く押し込まれ、全体の状況に影響を与えます。実験データによると、ショーケース商品をホームページに表示する正しい方法は、ショーケース商品をクリックしたときにチャンネルページに誘導することです。

4 番目に、商品のレイアウトと表示効率に関して、テストデータによると、より大きく美しい画像で 2 つの商品を 1 列に表示するよりも、やや混雑した 3 つの商品を 1 列に表示する方が効率的ではないことが示されています。美しい商品写真よりも、一目で希望の商品を見つけた方が、ユーザーの目に留まる可能性が高くなります。 1 行に 4 つのテストがあるかどうかは聞かないでください。それは私の美的基準を超えています。

最後に、タグシステムですが、これだけでも長い記事を書くことができます。簡単に言えば、ショッピングガイド、プロモーション、属性という 3 つの主要なラベルを通じて製品のコアセールスポイントを表示することは、クリックを獲得し、製品の詳細のリーチを拡大するために非常に重要です。

KPI 2: ホームページのクリック値

総合的な電子商取引プラットフォームには通常、膨大な数の商品があり、列は多くのレベルに分かれており、商品は非常に深く隠されています。ユーザーが興味のある商品を素早く見つけて購入を完了できるようにいかに効率的に誘導するかが、ショッピングガイド商品の核となる魅力となっています。簡単に言えば、より多くの売上を上げるには、クリック数が少ないほど良いということです。したがって、「ホームページのクリック値」をKPIとして定義できます。

ホームページのクリック値 = ホームページのショッピングガイド欄で発生した総売上 / ホームページのクリック数

クリック値に影響を与える主な要因が 3 つあることは想像に難くありません。

商品詳細ページまでの経路の深さ
推奨製品の変換能力
販売された商品の平均単価

最初の要因については簡単に説明しました。製品を適度に浅くしますが、表示効率に影響を与えません。同時に、ページは必然的に複数のレベルに分割され、各ページから次のレベルのページへトラフィックを誘導する方法を慎重に検討する必要があります。たとえば、ホームページにはショーケース商品が表示され、それをクリックすると商品詳細ページではなくチャンネルページに移動します。ただし、ユーザーエクスペリエンスのために、クリックされた商品がチャンネルページの最初の画面の目立つ位置に表示されるようにする必要があります。

後者の 2 つの要素は、ユーザーが興味を持っている製品を表示し、ラベルやコピーライティングなどを通じてセールスポイントを強調しようとするものとして直感的に理解できます。同時に、マッチング範囲内で比較的高価なアイテムも推奨されます。

しかし、長期的な視点を持ち、ライフサイクル価値も考慮する必要があります。たとえば、ユーザーは電子製品を好み、閲覧して購入する製品も主に電子製品である場合があります。パーソナライズされたホームページのおすすめ商品に電子製品が頻繁に表示されるようになることは想像に難くありません。しかし、電子製品は一般的に、再購入サイクルが長く、使用頻度の低いカテゴリーです。顧客を比較的購入頻度の高い日用品や靴・衣料品に誘導し、カテゴリ横断的な誘導を行うと、コンバージョンに成功すれば、顧客のリテンション可能性、来店頻度、年間消費額を大幅に向上させるチャンスがあり、長期的にはより高い価値向上が実現できます。

KPI 3: ファーストスクリーンフォーカス率/訪問深度

総合的な電子商取引サイトのモバイルホームページには、多くの画面があることがよくあります。トラフィックの減衰を観察すると、最初の画面は通常 100% ですが、2 番目の画面では 70% に減少することがあります。そして、通常、残余トラフィック値を獲得するための基礎を築くために使用される「Guess You Like」ヘッダーが最後の画面になるまで続きます (JD.com、Taobao、Amazon などの主流の電子商取引サイトでは、ホームページの最後の画面のトラフィックは通常 2% から 6% の間です)。次の図に示されています (データは一例です)。

スクリーン別電子商取引ホームページトラフィック分布

画面をスクロールダウンする過程で多くのトラフィックが離脱することがわかります (「バウンス」と呼ばれます)。そのため、後続の列の入り口では、バウンスしたトラフィックの露出機会が失われます。当然、画面間でトラフィックが減少する率は、製品設計のもう 1 つの KPI になります。

2 画面目以降のコンテンツは絶えず変化し、1 画面目は通常は固定列であるため、実際には「1 画面目フォーカス率」が KPI として使用されることがあります (つまり、トラフィックの何パーセントが 1 画面目のみに到達するか、値が小さいほど良い)。もちろん、「訪問深度」を使用して、どの画面に到達したユーザーの割合や、すべてのユーザーが訪問した画面の平均数を確認することもできます。

ホームページ訪問の深さを向上させることは、かなり複雑な問題です。まず、オフラインのハイパーマーケットが何をしているのか考えてみましょう。多くの場合、生鮮食品など、頻繁に使用される緊急に必要とされる商品は、スーパーマーケットの一番奥に置かれます。こうすることで、生鮮食品を購入したい人のほとんどが店内を隅々まで回らなければならなくなり、すべてのカテゴリーの露出機会が増えます。

生鮮食品のオンライン普及率は非常に低く、ユーザーがアプリにジャンプするコストは店内を歩き回るよりもはるかに低いため、ハイパーマーケットの慣行を真似することは明らかに不可能です。では、オンラインの売れ筋チャネルを下方に移動することは可能でしょうか? JD.comを例にとると、最も人気のある商品はフラッシュセールです。では、フラッシュセールを数画面下に移動して、ユーザーのフラッシュセールへのルートを延長することは可能でしょうか?

絶対に違います!画面ごとにトラフィックの減少が激しいため、たとえばフラッシュセールを 5 番目の画面に配置すると、5 番目の画面のトラフィックは大幅に改善される可能性がありますが、フラッシュセールのトラフィックは必然的に大幅に減少し、全体的な利益が損失を上回ります。このようなコアチャネルは、トラフィックフローを拡張するために使用しないでください。逆に、競馬の原則によれば、より良い業績を上げているチャネルを上位に配置することで、さらに出力を向上させることができます。

現時点では、後続のスクリーンのリーチを大幅に拡大する特に良い方法はありません。 1 画面目の下部に 2 画面目の列の一部を見せる、この先にさらに楽しいことがあることを予告する、サインインや抽選の列を画面の最後に配置など、参考にしたいヒントがいくつかあります。想像力を働かせて「下にはもっと楽しいものがある」「下に特典がある」という感じを伝えることができます。

KPI 4: ホームページ直帰率

ホームページの直帰率、つまりクリックせずにホームページを離れる率。直感的に理解できるのは、ユーザーはサイトにアクセスした後、何にも興味を示さず、クリックせずにサイトを離れるということです。

経験上、このデータはホームページの製品デザインではなく、主にトラフィックの品質によって影響を受けます。たとえば、多くのトラフィックは偽造されており、その背後には実際のユーザーがいません。当然、彼らは実際にサイトを閲覧することはなく、トラフィック数に貢献した後、自然に「離脱」します。トラフィック増加ツールの中には、特定の場所でのクリックや、さらに複雑な操作をシミュレートするスクリプトを記録できるものもあります。この場合、偽のトラフィックはホームページに戻りません。しかし、結局のところ、偽のトラフィックは絶対に注文を行いません。

もう 1 つの状況は、ユーザー関連性が低いチャネルの転換です。たとえば、一部のインターネット企業は、「QR コードをスキャンするように依頼する」か、わずかなインセンティブを提供することで、ユーザーのダウンロードと訪問を獲得するためのストリートマーケティングを実施します。この場合、ターゲット層が一致しないと、人々はここが自分の興味のある「ストア」ではないと感じ、ホームページの直帰率は非常に高くなります。プリインストールモデルやアプリのダウンロードチャネルが適切に一致していない場合にも、同様の状況が発生します。

一般的に、経験上、ホームページの直帰率はホームページの製品デザインによる影響をあまり受けません。しかし、通常、これはトラフィック効率の監視の重要な部分です。ホームページ製品の公開後に直帰率が大幅に変動する場合は、さらに分析する価値があります。

その他の指標

ホームページの滞在時間やホームページのクリック数（興味関心を反映）、ホームページで販売された商品の量などもホームページKPIとして使われることがあります。この記事では詳細には触れません。

上記の KPI を見ると、ホームページにはいくつかの主要な要求があることがわかります。ユーザーがより少ないクリック数でより多くのコンテンツを閲覧し、より多くの製品を見、購入を完了できるようにするだけでなく、より多くの列にユーザーの注目を集め、より多くのクリックを生み出すことです。特定の次元のデータは互いに反比例することがあり、改善方法を検討するには分離する必要があります。

4.ホームページ総合改訂実践

以下では、私がNo.1 Storeで手がけたホームページリニューアル事例をもとに、ホームページのプロダクトデザインプロセスと全体の改修プロセスを紹介します。

このプロジェクトは、会社の CEO、CTO、CMO の細心の注意 (週次レポート) と全面的なサポートにより、ほぼすべての部門からの包括的なカバーと詳細な参加を得て、会社全体を動員して前進しました。改訂の結果は目覚ましく、劉強東氏から直接注目され、報告を受けました。

これは3年前のプロジェクトです。企業秘密に関わるため、このようなプロジェクトが新たに立ち上げられたときに詳細を公開することは不可能です。そのため、詳細な事例を見る機会があったとしても、通常は匿名になっています。しかし、方法論とプロセスの面では、このプロジェクトは今日でもモデルとなっています。

製品の再設計について考え始める前に、以下を含むあらゆる側面からの意見を集める必要があります。

ホームページ競合製品分析
現在のホームページユーザーの悩みに関する詳細なインタビュー
ビジネスラインホームページリクエスト
現在のホームページの効率性の詳細な分析
UED分析

1. 競合製品分析

競合製品分析の目的は次のとおりです。

1) 競合他社のホームページのスタイルをベンチマークします。主流に合わせ、ユーザーが培ってきた閲覧およびショッピングの習慣を尊重するようにしてください。時代遅れにならないように注意しましょう。しかし、時代を先取りしすぎたり、他の人と違ったりするのも避けましょう。

2) 競合製品の主な特徴を分析し、そこから学び、自社の特性に基づいて革新を起こします。比較して欠点を見つけ、それを回避します。

3) ホームページ製品の新しい展開を理解し、最先端のトレンドを捉えます。

競合製品の分析では、他の業界の競合企業を参考にして視野を広げ、業界を超えて学ぶこともできます。

ユーザー調査チームは、多数の競合製品について徹底的な調査を実施しました。以下は、同じ業界および業界間で競合する製品の長所と短所です。

競合製品分析結果

最終的に、ユーザー調査チームは次の 5 つの結論に達しました。

総合的な電子商取引では、シナリオベースのチャネルを構築するのが一般的な傾向です。例えば、Taobao の「手頃な価格、品質 (Tmall)、機能」という 3 つの主要シナリオ、JD の「生活を愛し、品質を楽しみ、機能を購入する」という 3 つの主要セクションなどです。
主力製品は人気を集め、革新的な製品が次々と生まれています。例えば、JD.comのフラッシュセールやTaobaoの良質な商品は、効果的に粘着性を高め、トラフィックを効率的に転換します。同時に、JD.comはクラウドファンディングやBaitiaoなどの新商品をテストしています。
超精密は、製品やユーザーが大量に存在する時代において、ホームページにとって強力なマーケティングツールとなっています。たとえば、Taobao のコラム画像はリアルタイムで正確に更新されます。Tmall は、Taobao のデータをバックエンドで共有することで、効率的なプッシュ通知、各個人に合わせたカスタマイズ、正確なトラフィックの転換を提供します。
ホームページタブを通じて大きなブロックを切り替えることは垂直型電子商取引の主流となり、総合型電子商取引では、より多くの列を公開するために複数のホームページを試行しています。
独自カスタマイズの傾向が徐々に現れてきています。 NetEase Cloud Music はセクションの順序を個別に調整できますが、iQiyi はチャンネルを個別に管理し、上部領域のコンテンツを制御します。

上記の傾向から、全体的なアーキテクチャの観点から、シナリオベースのフレームワークを構築し、差別化されたユーザーのショッピング遺伝子を一致させ、売れ筋のチャネルから始めて、基礎を精密に築くことがコアな方向性であると結論付けています。同時に、ホームページをタブ切り替え領域に分割し、一部のコンテンツの独立したカスタマイズをサポートすることは、最先端の機会です。

1つのリマインダーは、ユーザー調査の研究科目が非常に幅広いものであることです。プロダクトマネージャーは、調査の開始時にアイデアの指示を与える必要があり、ユーザー調査は主に、それがサポートするかどうかを検証し、結論を出すことです。これには、プロダクトマネージャーの側の方向性と先見性が必要です。もちろん、時々驚きがあります。

2。ユーザーの問題点に関する詳細なインタビュー

ユーザー調査のもう1つの重要なタスクは、詳細なユーザーの洞察を実施し、さまざまなタイプのユーザーの最大の問題点、かゆみ、興奮ポイントを理解することです。

定性的研究から定量的研究まで、ユーザーリサーチチームは何百万ものアンケート（および数万人が収集された）を送信し、グループ内の数百人のユーザーとの詳細なインタビューを実施して、現在のホームページ質問のセットを取得し、フィードバックの頻度に基づいてワードクラウドを作成しました。結果は次のとおりです。

ホームページのペインポイントワードクラウド

さらに、いくつかの典型的なユーザーフィードバックは、次のようにユーザー調査レポートから抜粋されています。

「活動に参加することは身体活動です」 - Ms. DI、V2

「広告は私を引き付けません、重要な情報は明確に書かれていません、Tmallは非常に明確になります」、「私はブランド分類を見ていないようです、私はデットールを見たいですが、ここでブランドでそれを見ることができません」 - V0 Miss Fang

「私は掘り出し物、グループの販売、フラッシュの販売を見ていますが、違いはすべて同じです。」

ここでのVは、ユーザーレベルの略であり、さまざまなレベルのユーザーがどのようなフィードバックとペインポイントを持つかを理解するのに役立ちます。

最後に、製品チームはユーザー調査からのフィードバックを整理し、結果は次のとおりです。

新規および古いユーザーの問題点の概要

結論から、古いユーザーはホームページには目新しさがなく、私を理解していないと感じていることがわかりますが、新しいユーザーはホームページには特性がなく、列のロジックを区別することは困難であると感じています。同時に、新規ユーザーと古いユーザーの両方が、プロモーションガイダンスに問題があると感じています。ホームページの全体的なレイアウトは不明であり、閲覧効率が低いと感じています。

3。ビジネスラインのホームページ要件コレクション

客観的に言えば、このリンクは非常に重要ですが、実際には貴重な入力を取得することは困難です。

プロダクトマネージャーとして、ビジネスラインの要求を理解することが非常に重要です。ただし、ホームページについては、ニーズをオープンな方法で理解している場合、基本的にはビジネスラインから2つの要求しか聞きません。

リソースは必要ですが、十分なリソースがありません。
私のリソースはより高く、より先進する必要があります。

もちろん、ビジョンを欠く少数の人々は、他の人があまり多くのことを持ちすぎず、自分の共有が高いに違いないことを繰り返し要求します。

したがって、製品はオープンな方法で需要を集めたり、自分で穴を掘ったりすることはできません。

参照アプローチは、ビジネスラインのビッグボスから始めて、ホームページの列設定とリソース割り当ての入力として、グローバルな観点からバランスの取れたビジネスシェア要件を取得することです。これに基づいて、グローバルな観点から列を計画し、オンライン操作にターゲットのしきい値を設定し、対応する列を動作させることができるかどうかをビジネスラインで確認します。

たとえば、プロモーション列の場合、現在の列から不必要な要素を削除し、均質な列をマージできます。その後、現在のビジネスデータに基づいて、各タイプのプロモーションを手配するために何回、どのくらいの期間、プロモーション商品の強度を導入する必要があるか、確実な在庫の量、および製品を選択する方法、予想されるトラフィックと販売の結果を達成する方法について推奨が行われます。最後に、新しいホームページに入力できる列を決定します。うまくいかないものは、二次入り口に移動するか、単にキャンセルされたり、新しい列に置き換えたりします。

このケースは、初期段階での緊密なコミュニケーションのためにCEOから完全なサポートを受け、4つのCXOとの会議が手配され、そのため、リソースの計画と配分がこの基礎から完全に明確になり、すべてのビジネスラインから完全な協力を得ました。一般に、ビジネスラインから確認とサポートを取得するプロセスは比較的スムーズです。

4.ホームページの効率分析

一般的に言えば、ホームページの効率を分析するには2つの方法があります。

1つ目は、各「スロット」のトラフィック（またはクリックスルーレート）と収益データを収集する製品側の責任です。これら2つはコアインジケーターであり、ビジネスページリーチレート、直帰率、メンバー参加率、コアカテゴリのリードレートなど、重要な他のインジケーターを追加することもできます。

2番目のものは通常、UEDチームによって行われます。UEDチームは、アイトラッカーを使用してユーザーの眼球運動と操作軌跡を取得し、視覚的なヒートマップ、視線軌道マップ、マウスクリック、地域の露出率などを出力します。これは、ホームページのどの部分がユーザーの注意を引き付けるかを完全に反映することができます。もちろん、これには非常にプロフェッショナルな機器が必要であり、多くの場合、サードパーティの会社に外注されます。

ホームページの製品効率分析の要素は次のとおりです。

トラフィック：通常はUVによって計算される列のユーザーの関心指数を反映しています。また、クリックスルーレート（CTR、ユーザーの数 /ユーザー数が表示されているユーザー数）で表示できます。
収益：GMVとも呼ばれます。これは、このコラムが最終的に販売した商品の量に依存します。もちろん、一部の列は、クーポン償還率、クーポンの償還率、クーポンの使用率、コンテンツの読み取り率、ソーシャルコミュニケーションの開始率など、クーポン償還チャネルなどの商品を直接販売していません。
製品の詳細ページリーチレート/製品の詳細の平均数ページ訪問：製品へのトラフィックを引き付けるコラムの効率を反映しています。
直帰率：列のコンテンツとエクスペリエンスがユーザーを離れるかどうかを反映しています。
メンバーの参加率：メンバーの支払いに関心がある人の数、またはユーザーを引き付ける能力が有料メンバーになることを確認してください。
コアカテゴリガイダンス率：長期的には、適切な製品を販売することは、より多くの製品を販売するよりも重要です。このインジケータは、このチャネル（通常はクロスカテゴリチャネル）が適切な製品の販売にどれだけ役立つか、またはカテゴリ全体のユーザーを戦略的カテゴリの顧客になるためにユーザーを導くことができることを調べます。

自分のビジネスニーズに基づいてチャネルの効率と貢献を測定する方法を定義し、ホームページリビジョンでそれを保持するか、どのポジションを提供するかを決定するための重要な基盤として使用できます。

このプロジェクトでは、UVとGMVの2つの主要な指標を取り、次のホームページ交通効率図を取得しました（特定の数字が隠されています）。

ホームページの交通効率チャート

グラフの緑色の正方形は、チャネルがうまく機能していることを意味し、黄色はそれがうまく機能していることを意味し、赤はまったく機能していないことを意味します。これにより、各チャネルがどのように機能しているかを見ることができます。

最終的なホームページ分析は次のように要約されています。

ユーザーブラウジングスタイル
- 約50％が効率を求めています（35％の検索、15％カテゴリナビゲーション）
- それらの約50％が閲覧しているだけです（さまざまなチャンネルや会場）
ユーザーの設定
- 強力なチャネル：グループフラッシュ価格 - 30％
- 検索：ビジネスおよびカテゴリーライン - 26％
- ショッピングガイドと推奨コラム - 12％
- 広告の入り口 - 10％
結論は
- プロモーションコラムはうまく機能しましたが、写真や広告の床はパフォーマンスが低くなりました。
- 強力なカテゴリ（食べ物、飲み物、掃除、キッチン、バスルーム、美しさ、出産、赤ちゃん）がうまく機能しました
- 非効率的で重複するエントリがあり、KPI駆動型の調整と競馬メカニズムが不足しています

5。UED分析

このリンクの最初のステップは、製品の全体的な情報アーキテクチャ、インターフェイスレイアウト、およびユーザーとの相互作用方法に焦点を当てた相互作用分析です。このプロジェクトのインタラクティブな分析結論には、次のリンクが含まれます。

1）レイアウト分析

ホームページレイアウト分析

ホームページモジュール部門に関しては、TmallとJD.comは、関連性に応じて、さまざまなビジネスを対応するチャネルに統合します。
Tmallの40の入り口と44の入り口は、28の入り口しかありません。

簡単に言えば、秩序を改善する必要があります。

2）ラスター分析

グリッドシステムは、通常のグリッドを使用して、レイアウトをガイドして標準化します。

1.ページ上の情報プレゼンテーションをより美しく読みやすくし、使いやすさを向上させます。

2。フロントエンドの実装レベルでは、ページをより標準化され柔軟にすることができ、モジュール化の実装を容易にすることができます

ホームグリッド分析

インタラクティブチームによって与えられたラスター分析の結論は次のとおりです。

[JD.com] 4列グリッドシステムモジュールを使用して、2つのユニット、2ユニット、4ユニット（フル列）に2つのサイズに統合します
[Tmall] 12列グリッドシステムモジュールを使用して、3つのユニット、4ユニット、6ユニット、12ユニット（完全列）の3つのサイズに統合します
[Yihaodian] 3列グリッドシステムの一部が使用され、モジュールは1ユニット、2ユニット、および3ユニットを占めています（完全な列）。

簡単に言えば、現在のホームページグリッドは粗く、多くの列はグリッドと整合していません。

次のステップは視覚分析です。主に、全体的な視覚効果、色の使用、その他の側面に焦点を当てています。

3）視覚分析

視覚効果分析材料

プリセットの方向は、ホームページを絶妙にし、視覚チームがこの側面で優れたパフォーマンスを持つベンチマークオブジェクトとしてLiangcang（意図的にベンチマークJD.comとTaobao）を選択し、次の結論を出すことです。

ホームページのカルーセル画像と製品画像は、ユーザーに最も速く、最も直感的な視覚体験を伝え、製品の気質と位置を直接反映しています。私が店のアプリから得た第一印象は、乱雑で退屈な「食料品店」の印象でした。多くの製品がありますが、品質は高くなく、赤い価格は画面全体を埋めます。これは圧倒的で邪魔になります。それはユーザーを感動させることができず、購入したいという欲求はありません。
Liangcang：「選択」と「デザインの美学」に重点を置いています。製品の選択は、デザインとテクノロジーを強調しており、散らかったと思われる多数のプッシュヘッドを使用していません。カルーセルのシンプルで明るい色がテーマを強調し、粘着性のある明るい赤と緑を排除します。テキストにはあまり多くの派手な装飾がありません。これにより、製品自体の品質が向上します。
No.1ストア：製品の画像は大まかで、Carousel画像は少し粘着性があります。配色は、製品とは何の関係もありません。コピーライティングと価格情報は大きすぎて大きすぎるため、レイアウトは乱雑で、さまざまな赤いラベルが突然、ビジョンを妨げています。コピー内の単語の数を減らして制御することをお勧めします。シナリオベースの写真の使用を増やして、品質の感覚を高め、ショッピング環境を作成します。モジュール式の床はより明確であり、床のリズムは視覚的な疲労と退屈を簡単に引き起こす可能性があるため、床のリズムを避ける必要があります。

4）色分析

ほとんどのeコマースブランドは、ユーザーに多くの類似のアプリの中で新鮮さと独自性を与えたい場合、色やアイコンなどのローカルな場所でのみ異なるデザインを使用できます。たとえば、アイコンスタイルをわずかに変更し、適切な場所でマイクロシミュレーションを使用して、小さな創造性を追加します。

カラー分析材料

以下は、カラー分析出力であり、比較のために3つの比較的特徴的なアプリが選択されました。

[Go Want Go]バナーの境界線は、雑誌用紙の厚さをシミュレートし、タイトルテキストの特別なフォントレイアウトは品質のデザインの味を増やし、製品のスタイルを引き立てます。
[ELE.ME]アイコンのリアルな食べ物は直感的な誘惑を強化し、青の広い領域はブランド印象を強化します
[楽しんでください]アイコンは、純粋な黒いラインを使用して、ハイエンドの豪華さを伝えます。製品の写真は絶妙であり、デフォルトの欠陥のある写真は、ロゴのあるシンプルな灰色だけでなく、ハイエンドの包装紙のような品質の感覚で設計されています。

5）大きなプロモーションのカスタマイズ

ダブル11、618、ブラックフライデー、およびスーパーブランドデイを含むさまざまなeコマースフェスティバルは、eコマースデザインチームが才能を示す時です。プロモーションアクティビティ、製品のディスプレイ効率、およびサブベニューでの流通に重点を置くメインプロモーション会場と比較して、ホームページは創造性を紹介するより良い段階です。

このプロジェクトの大きなプロモーションのカスタマイズの比較では、No.1 Storeのデザインが勝ちました。

大きなプロモーションのカスタマイズ比較

進行状況の要件により、この改訂のために視覚的なヒートマップと視覚軌道マップのテストは手配されませんでした。ただし、時間と資金が許可されている場合は、プロの機器を備えたサードパーティの組織と協力して、ユーザーの眼の軌跡を深く理解し、現在のホームページに焦点を当て、ユーザーの閲覧特性と関心をよりよく理解することができます。

以下の図は、Amazonのビジュアルチームによって作られたホームページの分析です。同時に、ユーザーの眼球運動シーケンスも取得できます。このような分析を通じて、ユーザーの注意を引き付ける傾向があるものを判断し、デザインの焦点を見つけるのは簡単です。

ビジュアルヒートマップと軌跡マップ

この時点で、競合他社の分析、詳細なユーザー調査、ビジネスラインのニーズ、製品分析、UED分析がすべて完了し、入力収集フェーズが終了し、新しいホームページ設計フェーズが始まります。

6。モバイルムードボード

ビジュアルチームが実施するこの専門的な研究は、アプリで買い物を閲覧するときに消費者の感情的な反応を理解し、新しいホームページの主な色とスタイルを決定し、製品の性格とブランドイメージを伝えて強調し、ユーザーの潜在意識のブランドキャラクターと消費パターンに影響を与えることを目指しています。

感情バージョンの研究プロセスは次のとおりです。

感情的なボード研究プロセス

手順と出力は次のとおりです。

1）会社のブランドイメージの位置付けによると、3つのネイティブキーワードが選択されました。ユーザーインタビューに基づいて、印象とアピールを反映した高周波の単語が整理され、簡単に混乱した単語が追加され、派生したポジショニングワードが追加されました。

2）各ポジショニングワードに対応する視覚、気分、および材料マッピングを解釈し、色とシーンを定義します。「家族」を例にとる：

視覚マッピング：柔らかい照明、柔らかさ、木製の構造。
ムードマッピング：1。暖かさ。
マテリアルマッピング：1。暖炉、ベッド。
色：暖かく、柔らかい
- オレンジ - ライト、肌、木。
- 高輝度と低純度 - 調和のとれた、軽くて快適。
シーン：一緒に座ってテレビを見て、一緒に旅行する家族。

3）上記の解釈を通して、配置単語を表すことができる多数の写真を見つけます。「家族」を例にとると、ビジュアルチームは、上記の記述的な単語に基づいて「家族」の視覚的、感情的、物質的なマッピングを表すことができる数百の写真を見つけました。

すべての画像を曖昧にし、メイン色を抽出します。

4）最後に、ホームページ製品が「シンプルで若々しい、いつでもどこでも利用できる」という感覚に基づいて配色を決定します。たとえば、「シンプル」のカラーパレットは次のとおりです。

この時点で、ビジネスのポジショニングと改訂された製品の要求を反映したカラーマッチングとスタイルの決定は、デザイナーの主要な設計基盤となっています。

7。新しいホームページKPI選択

この改訂の中心的な目標は、ホームページのガイダンスの効率と経験を改善し、シナリオベースの方法でショッピングガイドの列を再編成して集約し、さまざまなスタイルのユーザーに、1人あたりのクリック数、最初の画面のフォーカス率、および4つのコア指標として選択されます。

目標値は、現在の実際の状況に従って設定されます。競合他社のデータの比較によると、最大のギャップは1人あたりのクリック数であり、したがって、製品のアイデアに対応する潜在的な改善効果に基づいて、現在の直帰率はより大きな利点があります。

ホームページKPIの再設計

8。ホームページのデザインのブレーンストーミング

製品チームは、予備準備と製品の目標のすべての出力に基づいてブレインストーミングを行い、次のフレームワークのアイデアを提案しました。

床は、優れた店、テーマ、店舗、リストなどのテーマの寸法に分かれており、チャンネルは散在する推奨事項を提供します。
- コメント：このアイデアは主流と一致していますが、計画はわずかに保守的です。
フラッシュ販売製品を垂直に配置して、トラフィックを下向きにするか、ホットセラーチャネルを下に移動し、最初の画面でプロンプトを提供します。
- コメント：このアイデアは、すぐに行われ、リスクが高いため、人気のあるチャネルの販売が大幅に割引される可能性があります。
ショッピングガイド、アクティビティなど、シナリオに従って上部にタブを設定します。
- コメント：このアイデアは非常に革新的で、エッセンスでは、eコマース製品の複数のホームページを実現することです。
コンテンツは前面に配置され、浅いレベルで露出し、チャネルを介して表示されます。
- コメント：このアイデアの利点は、より多くのコアコンテンツのトラフィックを提供することですが、不利な点は、ホームページが長すぎて、リストの中央および後の部分の列が公開されないことです。

繰り返し議論とデモンストレーションの後、私たちはリーダーシップが決定するために、2つの計画、1つの保守派と1つの過激な過激派を検討しました。上記の最初のポイントは、安全な製品ソリューションの方向です。3番目のポイントは根本的なソリューションです。

9。ホームページのデザイン

1）メインプラン（安全版）

メインプロモーション計画は、元のフレームワークに基づいてほぼすべての列を再編成しました。その後、ヘッダーエリアはシナリオに従ってレイアウトされ、ホームページリソースの列が再編成され、調整され、多くのマイクロインノベーションがローカルで行われ、会社の戦略と事業のポジショニングは、ユーザーが報告したコアの痛みポイントを解決するために視覚的に再マッチしました。

計画の重要なポイントは次のとおりです。

また、この改訂は、検索パスに沿った正確なトラフィックをガイドし、「誰もが探している」とガイドして、群れのメンタリティを通じてターゲット製品やアクティビティをターゲットにしているが、検索に参加するが、「閲覧」のメンタリティまたは好奇心を持っているユーザーを使用するように、検索ページを再設計しました。

ページの設計を検索します

2）2番目のホームページとカスタマイズされたホームページ

ホームページは人によって異なる場合がありますが、通常、主なフレームワークは固定されています。ショッピングガイドコラムの濃縮と新しい列の継続的な増加により、ホームページはますます長くなり、ユーザーの限られた時間と注意は非常に気を散らし、さらには失われます。誰にとっても興味のない列がたくさんあるので、考えることは難しくありません。ホームページをユーザーによって完全にカスタマイズしてください！

この再設計では、以下に示すように、ユーザーが完全にカスタマイズできる2番目のホームページを起動しました。

設計は、地域の特性によってスキン（変更可能）を設定し、すべての列を選択、追加、削減、およびチャンネルプールを介してユーザーがソートすることができます（初期値はユーザーの閲覧履歴によって設定されます）。同時に、各チャネルは、列のフックコンテンツを部分的に拡張するためのホームページカードを提供します。

さらに、2番目のホームページは、デフォルトのスキンのいくつかのバージョンをサポートできます。

2番目のホームページは肌を交換できます

この大胆なホームページのイノベーションがオンラインで行われた後、私たちが見たデータは、従来のホームページからのトラフィックがわずかな割合を占めていることを示しましたが、繰り返しの訪問率が高く、繰り返し訪問中に変換効率が大幅に改善されました。これはそれを証明します

ユーザーは「怠zy」である傾向があるため、新製品を使用する習慣は徐々に開発する必要があります。
カスタマイズされたホームページは、ユーザーが好むチャネルのみを表示します。これは、ユーザーをガイドするのに非常に効率的です。
マーケティングリソースは基本的に消えました。これはその魅力ですが、最終的に最初のホームページを置き換えることができないと判断します。結局のところ、ビジネスラインは広告を配置し、活動を促進する必要があります。

もう1つの革新的なプラクティスは、UEDチームがカスタマイズ可能なホームページのH5バージョンを開発したことです。このホームページでは、カルーセル画像を自己選択の写真に置き換えることができ、アイコンテキストはユーザーがカスタマイズでき、ホームページはWeChatを介して広められます。このバージョンはバレンタインデーに発売され、告白シーンに焦点を当て、買い物と愛と興味深いものを組み合わせています。

H5カスタマイズされたホームページ

3）代替計画（急進版）

このホームページの再設計は、さまざまなスタイルのユーザーに差別化されたブラウジングパスを提供したいと考えています。根本的なアプローチは、複数のホームページを同時に試すことで、ユーザーはブラウジングの好みに応じて切り替えることができます。

ホームページは、コアマーケティングコンテンツとコア固定列を表示する必要があります。

デザインは次のとおりです。

複数のホームページデザイン

各ホームページのコンテンツは分割されているため、各列のホームページを部分的に拡張する条件が満たされ、上位のセカンダリコンテンツを浅く露出させ、トラフィックをより適切にキャプチャし、ホームページから直接コンバージョンを完了します。さらに、「アクティビティ」ホームページのアクティビティウォーターフォールフローにより、アクティビティに参加してアクティビティプールを迅速に閲覧したいユーザーが、「ショッピング」の効率を大幅に改善できます。

最終選択の結果、リーダーシップは驚くことではないことを選択しました。

10。ペインポイントソリューションとイノベーションポイントの概要

最後に、以前のPain Pointの研究に基づいて、ホームページの新しいバージョンがどのようにカバーして問題を解決するかを見てみましょう。

新しいホームページのペインポイントソリューションと革新

上記の図から、すべての問題点がソリューションで覆われていることがわかります。

ホームページ（2番目のホームページ）をカスタマイズします。これは、eコマース業界の革新的なデザインです。
フローティングカルーセル。このデザインは、主に、全体的なホームページがカスタマイズされている場合（スーパーブランドデイなど）、カルーセルの2番目のフレームとその後の写真が最初の画面の「帽子」と「衣服」と矛盾する可能性があるという問題を解決します。カルーセルをサスペンションで視覚的に層に分離することにより、それは美しいだけでなく、上部と下部の間の不一致の問題を軽減します。
チャネル動的コンテンツホームページディスプレイ。さまざまなアクティビティ、製品、およびコンテンツは、現在のユーザーの好みに基づいて回収され、完全に動的なコンテンツを備えたホームページに表示されます。これは、固定コンテンツ用に動的な画像と製品を表示する業界の方法を突破します。
カスタマイズされた検索ページ複数のディメンションを集めて、検索トラフィックをガイドし、従来の検索ページで「検索履歴」と「ホット検索」の2つの主要な方向を突破し、収益リソースとビジネスガイダンスの増加、検索の楽しみを強化します。

11。新しいホームページのデータパフォーマンス

新しいホームページがオンラインになった後、データはうまく機能しました。 ABテストの表示：

クリック値は約21％増加しました。
1人あたりのクリック数は27％増加しました。
最初のスクリーンフォーカスレートは初期段階で低下し、その後リバウンドされ、最終的には元のデータに近づきます。
直帰率に大きな変化はありませんでした。これは、ホームページの設計が直帰率に影響を与える最大の要因ではないことを示しています。主要な設計エラーがない限り。

5.ホームページの実用的な要約

これまで読む忍耐力を持っている読者は、ホームページの設計概念と方法を深く学ぶことに特に興味がある同僚でなければなりません。最後に、ここで簡単な要約をしましょう。

ホームページは、交通量の鍵となります。ただし、交通量は非常に複雑なトピックです。
ホームページには、ユーザーが会社のブランドイメージを閲覧および購入し、確立し、反映し、直接収益を生み出し、最も重要なコミュニケーションポイントでもあります。これらの側面には多くのバランスポイントがあります。
優れたホームページを作成するには、まずどのKPIに焦点を合わせて設計するかを明確に特定する必要があります。その中で、一人当たりの平均ビジネスページリーチ/訪問、クリック値、クリック数、滞留時間、閲覧深度、直帰率、およびトラフィック効率を改善するその他の側面はすべてKPIとして使用できます。
ホームページの製品設計と改訂、競争力のある分析、ユーザーの痛みポイント分析、ビジネスニーズ分析、製品効率分析、UED分析はすべて、重要な入力源です。すべてのデザインには、「私はそれが好きだ」と避けてください。
最終的なデータをフォローアップし、フェーズでリリースし、あらゆる側面の有効性を慎重に検証する必要があります。同時に、劇的すぎる変化を避けてください。一方、ユーザーは更新されているかもしれませんが、ユーザーがすでに開発している習慣を尊重する必要があります。

著者：Xu Xiaopeng出典：Product Meets Operation（alden_xu）

<<: ダックネックは60万元の罰金を科せられた。低俗なマーケティングと低レベルのミスは回避できるのか？

>>: 小紅書をより効果的に宣伝するには？小紅書の宣伝方法！