ユーザーの視点から見た精密マーケティング企業のオンライン最適化プロジェクトの概要

問題点

1. エンタープライズオンラインの旧バージョンのビジュアルスタイルは、既存の Web サイトの全体的なスタイルと比較してやや時代遅れであり、改訂された Web サイトのシンプルなスタイルと調和していません。

2. システムによって自動的に送信されるメッセージポップアップボックスは、人気ショップを閲覧している購入者に大きな妨害を引き起こします。

最適化の目標

1. 買い手と売り手のエクスペリエンスを向上させ、特に買い手への混乱を軽減します。

2. 同社のオンラインプレゼンスは既存の人気店舗のスタイルと一致しており、ビジュアルスタイルはよりシンプルになっています。未読メッセージのプロンプトボックスの位置が、ストアのメインエリアを遮らないように調整されました。

ユースケースモデルと役割の関係

前に：

後：

システムがフロントデスクにメッセージを自動的に送信する機能を提供しなくなったことがはっきりとわかります。つまり、訪問者が人気店を閲覧しているとき、ポップアップダイアログボックスはシステムによって設定されたシステムメッセージではなく、販売者によって開始されたメッセージである必要があります。これにより、不当な干渉が削減され、購入者のユーザーエクスペリエンスが向上します。

インタラクティブ機能の改善後、次はビジュアルの最適化です。

視覚的な目標: ビジネスを拡大し、シンプルに

初期のスタイル開発

現在のデザインで人気のあるマイクログラデーションから始まり、旧バージョンで使用されていた大きなカラーブロックと強いグラデーションを使用するスタイルは廃止され、視覚的にフラットに見えるようになります。ムードボードを使用して、より適切と思われる色を抽出し、初期のスタイルデザインに使用しました。ページ全体における企業のオンラインプレゼンスの役割を弱めるために、彩度も下げました。

最初に 3 つのバージョンを設計し、議論の結果、2 番目のスタイルの方がシンプルさに近く、Web サイトのスタイルとより調和すると判断しました。

スタイルを決定することが最初のステップであり、それに基づいて次の最適化と拡張が実行されます。

異なる色の決定

以前は、オンライン企業スキンが12セットあり、色が濃すぎました。より簡潔で全体的に調和のとれた目標を達成するために、色を調整してスクリーニングしました。色が多すぎて混乱を招くことなく、ユーザーにさまざまなオプションを提供するために、現在の企業のオンラインでの色の使用状況に関するデータを収集しました。

最終的に、最も頻繁に使用される上位 5 つの色をそのままにして、グレー色を追加し、グレー バージョンを既定のオプションとして設定しました。 6 つの色は、グレー、青、緑、赤、オレンジ、紫です。色の選択に関しては、以前の旧バージョンで使用されていた色を考慮し、既存の王普テンプレート ライブラリ内のさまざまな色の種類を参照して、色の彩度が以前に決定されたスタイル バージョンの彩度に近くなるように多くの調整を行い、この色システムで王普のすべてのバージョンとうまく調和できる色を選択するように努めました。

位置調整

Enterprise Online は、Web ブラウザーをベースとしたインスタント メッセージング ツールです。現在、インスタント メッセージング ツールにはさまざまな形式があり、その表示形式は Web ページに基づいています。 webqq や Baidu HI の Web バージョンなど、一般的なインスタント メッセージング ツールの Web バージョンは、主にインスタント コミュニケーションに限定されており、メッセージングやファイル転送などのいくつかの機能に重点が置かれています。コミュニティ、フォーラム、通常の Web ページ用に開発されたインスタント チャット プラグイン。

たとえば、ユーザーが xtalk を開くと、Web サイトの右下隅にチャット ウィンドウが生成され、同時に Web サイトを閲覧しているユーザーと即座に通信できるようになります。この Web IM プラグインは、Web サイト ユーザーのアクティビティを増やすために設計されています。ユーザーは Web サイトの情報を取得しながら、同じトピックに関心のある他のユーザーと即座にコミュニケーションできるため、Web サイトのインタラクティブな可能性をさらに活用できます。

主な表示方法には、フローティング リスト、フローティング アイコン、フローティング ウィンドウ、固定アイコンなどがあります。メインエリアへの干渉を減らすために、多くはページの上部、右側、下部に折り畳まれたり隠されたりします。

たとえば、Facebook のチャット ツールは固定されており、ページの右下に配置されています。

現在、成鑫通のユーザーは王埔でマーケティングポスターを設置できるため、このバナーはページの右下に配置されており、干渉を引き起こします。同時に、ユーザーの習慣に基づいて、ページの右端に配置することが検討されていますが、企業オンラインエリアのメッセージプロンプトポップアップボックスは、王埔とオファー詳細のメインコンテンツをブロックしないように、左から上に調整されています。解像度が1024pxの場合のみ、デフォルトで折りたたまれた状態になり、1024pxを超える解像度の場合は、デフォルトで展開された状態になります。これにより、メインエリアへの干渉が軽減されるだけでなく、顧客がいつでもクリックして売り手とコミュニケーションをとるのが便利になります。

ポップアップ ダイアログ ボックスの位置が調整されました。以前は、ポップアップ ボックスのデフォルトの位置は固定されていませんでした。現在は、エンタープライズ オンライン ページの上部と面一になるように調整されており、整合性がよりよく反映され、より整然と標準化されています。

最終結果:

イエローページ:

人気ショップ：

まとめ：

ユーザーの視点から始めて、データを基にして、純粋なビジュアル デザインとユーザー エクスペリエンスのバランスを見つけるには、いくつかのトレードオフが必要になる場合があります。あらゆる小さな詳細を無視しないでください。これらの小さな詳細が、ユーザー エクスペリエンスが完璧かどうかを判断する鍵となる場合があります。

原題：ユーザー視点から見たプレシジョンマーケティングにおける企業向けオンライン最適化プロジェクトの概要

キーワード: ユーザー、角度、精度、正確なマーケティング、企業、ライン最適化、最適化プロジェクト、総合プロジェクト、問題、古いバージョン、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化