B2Cウェブサイトのユーザーエクスペリエンスに関する簡単な議論：TmallとJDホームページの分析

以前、「B2C Web サイトの開発と構築への切り替え」という記事でユーザー エクスペリエンスについて触れました。この記事では主に、ユーザー エクスペリエンスに関する私の理解と、Web サイトを開発する際にユーザー エクスペリエンスのどの側面に注意を払う必要があるかについて説明します。

ユーザー エクスペリエンスとは、いったい何でしょうか。人によって理解の仕方は異なります。簡単に言うと、ユーザー エクスペリエンスとは、Web サイトで買い物をするときのユーザーの全体的な感覚です。B2C の場合、ユーザー エクスペリエンスは、買い物をしたいと思ったときから、購入する Web サイトを見つけて、支払いが完了するまで、ショッピング プロセス全体にわたっている必要があります。このプロセス全体が、私たちに印象を残します。例を挙げてみましょう。私たちはよくオンラインストアで買い物をします。例えば、JD.comで電化製品を購入したり、Dangdangで本を購入したり、Vanclで服を購入したり、Yisha.comでウェディングドレスを購入したり、Letaoで靴を購入したり、Taobaoでランダムなものを購入したりします。なぜ私たちはそれらを細かく分けているのでしょうか？それは、より専門的だからでしょうか？そうではないと思います。なぜなら、これらのWebサイトは私たちに異なるユーザーエクスペリエンスを提供するからです。Webサイトのユーザーエクスペリエンス基準は、「応答時間①」、「可用性②」、「安定性③」の3つの側面から測定されます。しかし、B2C ウェブサイトの全体的な構造はほぼ同じです。通常の閲覧者は、ウェブサイトの良し悪しを見分けることはできず、ウェブサイトの実現可能性を視覚的にしか判断できません。しかし、私たちは B2C ウェブサイトの従来のスタイルにも慣れています。B2C ウェブサイトを開くと、すぐに他のウェブサイトとは違うと感じます。これがいわゆるユーザー エクスペリエンスです。

①応答時間：ウェブサイト上のウェブページが完全に開くまでにかかる時間。速度は、Web サイトの品質を最も直接的に反映できる重要な指標であり、Web サイトのユーザーが最も直接的に感じることができるものでもあります。

② 可用性：一定時間内に正常に開いて閲覧できるウェブサイトページの割合。これは、ウェブサイト ユーザーがウェブサイト アプリケーションを正常に完了できる可能性を反映しています。

③安定性：一定期間にわたる応答時間の標準偏差。この指標は、ユーザーがさまざまな時間、さまざまな地理的な場所、さまざまなネットワーク アクセスを通じて Web サイトにアクセスしたときに感じる Web サイト速度の安定性を示します。

（上記3つのパフォーマンス指標はGomez Benchmarksから説明されています）

UEの観点から見た他のタイプのウェブサイトとの比較

1. B2Cウェブサイトと企業ウェブサイト：

コーポレートサイトは、企業のイメージを表現するものです。優れたコーポレートサイトは、企業全体の顔を表現することができます。コーポレートサイトは、商品や製品を展示する機能もありますが、単一の製品ではなく、全体のイメージを強調します。企業ウェブサイトは、ページの視覚効果に重点を置いています。多くの企業ウェブサイトは、イメージページにフラッシュを選択していますが、これは企業ウェブサイトの全体的な要件の厳しさを十分に示しています。企業ウェブサイトがユーザーに与える体験は、全体的な感覚であり、企業文化に適合したスタイルと雰囲気でもあります。

B2Cサイトは、企業サイトと比較して、ユーザーエクスペリエンスの観点から商品の訴求力がより求められ、商品周辺領域の拡充が重要となります。

2. B2Cウェブサイトとポータルサイト：

ポータルサイトは、一般的に「デパート」とみなされています。総合的なインターネット情報リソースシステムです。このタイプのウェブサイトの主な表示方法はテキストベースです。ポータルサイトのページは最も長く、10画面を超えるものもあり、ゴミ捨て場のように感じられます。しかし、ポータルサイトは情報量を追求しており、これについては何も言うことはありません。これは中国のポータルサイトの場合です。

ポータルサイトと比較すると、どちらもユーザーグループが大きく、サーバーサポートが強力で、インターフェイスがポータルサイトよりも明確です。一方は製品指向で、もう一方は情報指向であり、方向性がまったく異なります。

3. B2Cウェブサイトと業界ウェブサイト

業界ウェブサイトは、その名の通り、業界別に分かれたウェブサイトです。また、業界ポータルでもあり、「ドア+家庭+道」を組み合わせたものです。主な情報は、業界に関連するニュース、ビジネスチャンス、製品などです。ユーザーエクスペリエンスの面では、業界のウェブサイトは業界の精神を追求しています。ページ構造やデザインコンセプトなど、多くの共通点がありますが、違いはスタイルとコンテンツにあります。業界のウェブサイトでは、特定の商品の卸売市場に参入しているような感覚を味わうことができます。業界に関するあらゆる情報を得ることができ、ビジネスチャンスの非常に良い情報源となります。

業界ウェブサイトと比較すると、B2Cウェブサイトにも業界という概念があります。多くのB2Cウェブサイトは業界を核として拡大しています。2つの例を挙げましょう。「JD.com」と「Dangdang.com」です。以前は、「JD.com」は常にデジタル家電路線を歩んでおり、Dangdang.comは書籍のみを販売していました。その後、両社とも全方位的な攻勢に進出しました。これは業界外への拡大です。しかし、多くのB2Cウェブサイトは依然として業界志向です。たとえば、Letaoは依然として靴を販売し、Maibaobaoは依然としてバッグを販売し、Yisha.comは現在ウェディングドレスとウェディングドレスのカスタマイズサービスのみを販売しています。個人的には、業界志向のB2Cウェブサイトは、ユーザーエクスペリエンスに対する一種の集中と専門性であると思います。閲覧角度と購買意識の選択肢は非常にユニークです。ほとんどの人は依然としてより専門的なものを好むと思います。 「単純なことを繰り返し行う者は専門家となり、注意深く繰り返す者は勝者となる」という格言があります。

UEの観点から見た類似ウェブサイトとの比較

まずは統計を見てみましょう。

上記の統計は、2011 年の中国の B2C ウェブサイト ユーザーのトップ 10 ランキングです。Taobao Mall と JD Mall が 1 位と 2 位にランクされているため、比較に使用することにしました。どちらも総合的な大規模ショッピング ウェブサイトであり、市場のほぼすべての製品をカバーしているため、比較しやすいです。

以下は、2 つの Web サイトのホームページの比較です。ホームページは、ユーザーにとっての Web サイトの第一印象であり、ユーザーがサイトに滞在する時間にも影響します。私は、ページの最初の画面を使用して 2 つの Web サイトを分析しました。

PS: 私のコンピューターの画面解像度は 1440*900 ピクセルで、ブラウザは Firefox 10.0 です。

Tmallホームページ:

スタイル: Tmall は伝統的な Taobao Mall のスタイルを継承し、メインカラーはダークレッド、補助色はグレーと黒です。ページ解像度には 970 ピクセルの固定サイズが選択されています。ヘッダーとスライドの背景色は 100% 全幅で、それぞれダークレッドとグレーを使用しています。

ナビゲーション: メインナビゲーションの背景はダークブラウンで、フォントは白です。左側の製品カテゴリメニューは3つの大きなカテゴリに分かれており、デフォルトではすべての製品が表示されています。3つの主要カテゴリでは、異なる色のメニュー背景を使用して、異なるカテゴリの製品を視覚的に表現しており、よりユーザーフレンドリーになっています。上部のナビゲーションもより繊細にデザインされており、背景はダークレッド、フォントはライトイエローです。このページは非常に威厳があるように見えます。

検索バー: 検索バーは右側にあり、左に伸びて、ページ全体の幅の半分を超えています。非常に大きく、規則的なデザインです。非常に長いフォームは、ユーザーが製品を検索するのにも便利です。

スライドショー: 5 つの大きなアクティビティ スライドショーが使用されています。これは明らかに主にアクティビティを推奨するためのものです。大きなサイズの写真は、ユーザーの視覚にインパクトを与え、ユーザーがクリックしたくなるようにするために使用されます。

利点：全体的に、Tmall のホームページのデザインは非常に繊細で、少し高貴な雰囲気がありますが、あまり目立ちません。色の組み合わせとレイアウト構造は非常に合理的で、視聴者はどのように進めるべきかを知ることができます。

デメリット: ロゴの右ヘッダー部分が少し短いため、憂鬱な印象を与えます。特に「数千元を当てよう」という広告は、上下部分が非常にコンパクトで、長時間見ていると疲れを感じます。スライドの遅延読み込み効果は、読み込みを使用して画像を置き換えるものではありません。画像を読み取る過程で、画像が上から下へ少しずつ表示され、下の図に示すように、ユーザーエクスペリエンスが悪くなります。

JD.comホームページ:

スタイル：修正後、JD.comのページは人々に壮大で明るい感じを与え、特に解像度の判断は非常にユーザーフレンドリーです。最大幅は1210px、最小幅は990px​​で、クライアントコンピューターの解像度に応じて判断されます。幅1210pxで分析しました。ウェブサイトは全体的に白い背景で、3列のページ構造になっています。最初の画面にはヘッダー部分、スライド、3つのおすすめ商品が表示されています。右側には3つのモジュールがあり、ウェブサイトの主な要素を見ることができます。ページデザインは非常に明るく鮮明に感じられます。

ナビゲーション: 新バージョンのメインナビゲーションは、旧バージョンと比べてまったく違った雰囲気になっています。壮大でシンプルです。また、ナビゲーションの背景には赤色が使用されており、鮮やかさと安定感を反映し、ウェブサイトの焦点にもなっています。 Tmallと比較すると、はるかにシンプルで、ユーザーは疲れを感じることなく、行きたい入り口を簡単に見つけることができます。ナビゲーションの背景のデザインに加えて、40ピクセル以上の高さが14ピクセルのテキストと一致しています。デザイナーがウェブサイトの壮大さとシンプルさに重点を置いていることがわかります。左側のカテゴリメニューのデザインはあまり変わっていません。また、前任者のアプローチを継承しています。カテゴリメニューはすべて似ており、言うことはありません。トップリンクナビゲーションも控えめでシンプルで、全体的なスタイルにマッチしています。

検索バー: Tmall とは異なり、JD の検索バーはヘッダーの中央に配置されており、これも非常に目を引く位置です。JD は検索ボックスを使用して自社製品の 1 つを宣伝しており、フォームの下には「ホット検索」タグがいくつかあります。ユーザーが他の製品を検索できるようにするだけでなく、ユーザーが宣伝したい製品をユーザーに推奨することが出発点です。これの利点は、どの製品が最も売れているか、どの製品が最近棚に並べられたかがユーザーにわかることです。これは非常に優れた設計コンセプトであり、このアプローチは推奨されます。多くのウェブサイトがこの方法を使用していますが、ユーザーは本当にこの商品を購入したいと思っているので、ユーザーを不快にさせることはありません。

スライドショー: スライドショーでは、5 つの大きな画像広告とメインの商品を組み合わせて切り替えます。大きな画像の後には、一定時間ごとに切り替わる 3 つの商品が続きます。これはよりユニークなアプローチです。強力なポジションの合理的な使用法と言えるでしょう。これにより、アクティビティや新製品、割引商品を宣伝できます。しかし、しばらく観察したところ、広告と商品の相関関係は見つかりませんでした。これと通常の商品推奨の違いはわかりません。単にポジションを利用しているだけでしょうか？ Tmallほど良くない気がします。彼らは非常に具体的です。彼らは単にアクティビティ広告を持っていて、それが大きいので、人々はそれが一目でそれがアクティビティであることがわかります、そして、推奨商品は広告の下にあります。それはどれほど明確ではありませんか？

利点: JD.com は私に壮大さを感じさせてくれます。壮大さ以外の何物でもありません。ページの幅のせいかもしれませんが、全体的にデザインはかなり良いです。コンテンツは多いですが、非常に明確で、乱雑すぎません。白い背景と灰色の製品モジュールは、Webサイトのシンプルさを反映しています。ユーザーは長時間閲覧しても疲れを感じません。異なるカテゴリでは、異なるハイライトカラーを使用して異なる業界の製品を区別し、ユーザーが長時間製品を検索することで生じる視覚的な疲労を回避します。今回のJDの改訂には、参考になる点が多くあり、電子商取引の同業者にとって学ぶ価値があります。

デメリット: 前述の通り、スライドに販促品が挿入されています。関連性が分からないので、これは好きではありません。関係性を見るのに時間を費やすことになりますが、結局は無関係なので、人々に悪い印象を与えます。右側のサイドバーにも広告やブランドリストがたくさん掲載されており、密度が高すぎてしばらく読んでいると疲れを感じました。いくつかの広告を減らして、より大きな画像に置き換えると、見た目がずっと快適になります。

結論：私はこれらについて詳しく説明しましたが、主にこれら2つのウェブサイトページのユーザーエクスペリエンスに関する私の個人的な分析に焦点を当てています。今後どのような道をたどり、どのような発展の傾向にあるかについては、コメントしません。私たちはマスター間の競争を賞賛し、彼らから学ぶことしかできません。若い世代にとって学ぶ価値のあるものは何でしょうか？これが私たちが望んでいることです。しかし、一方で、JD.com、Suning.com、Tencent eコマースは近年急速に発展している一方で、Taobao Mallは古い資本で生きているようで、そのほとんどは依然としてTaobao Marketによってもたらされたトラフィックに依存しています。Taobao Mallは次にどのような発展戦略をとるのでしょうか？自分で推測してください〜〜

私はyeesha.comの技術チームに所属しています。現在SEOとユーザーエクスペリエンスの知識を学んでいます。何か間違っている点がありましたらご容赦ください。以下の記事

元のアドレス: http://blog.sina.com.cn/s/blog_3fc4deb90100y9ml.html 転載は歓迎しますが、リンクはそのままにしておいてください。違反者は責任を問われます。ありがとう

原題: B2C ウェブサイトのユーザー エクスペリエンスに関する簡単な説明: Tmall と JD ホームページの分析

キーワード: ウェブサイトのユーザー エクスペリエンス、B2C ウェブサイト、yisha.com、ウェブマスター、ウェブサイトのプロモーション、収益化