ユーザーエクスペリエンスの向上とposterxxl.ruサービスの使いやすさの向上により、純利益が133％増加しました。





国内のeコマースサイトやオンラインストアの多くでは、ユーザーのウェブサイトの品質が向上しているため、広告やプロモーションに追加費用をかけることなく利益を伸ばすことができます。 この記事のposterxxl.ruサービスの例を使用して、これがどのように行われたかを学習します。

結果

PosterXXLは、ポスター、ポスター、大きな写真を印刷し、ロシア全土に配送するためのオンラインサービスです。 2009年3月に、 1pointはユーザビリティ監査を実施しました。 監査の結果、検出された問題のリストとそれらを解決するための推奨事項を含むレポートが作成されました。 監査の時点で、サービスは1年以上機能していました。 経営陣によると、サービスには成長の可能性があります。 これが、プロジェクトにユーザビリティの専門家が関与する主な理由でした。 行われた作業の結果は、2008年3月から12月と2009年の同じ期間の2つの同一期間の主要業績評価指標（KPI）を比較することで確認できます。 コンテキスト広告と検索プロモーションの月額費用は変わりません。 電話で行われた注文の数は増えましたが、ウェブサイトで行われた注文のみが分析されました。 インターフェースソリューションの実装には、Webスタジオ「 Sibiriks 」が関係していました



ユーザーエクスペリエンス2009カンファレンス （3月から9月）でレポートに提示された結果が肯定的であると言える場合、3月から12月までの結果は優れていると言えます。

133％の純利益成長

コンバージョン数が198％増加

191％のロイヤリティの成長（繰り返し販売）

ツール

KPIの測定、インターフェイスソリューションの確認、ユーザーの行動の分析に使用されたツールは何ですか？

Googleアナリティクス

Google Analyticsは、無料の強力なWeb分析ツールです。 Google Analyticsは、オンラインストアの所有者、マーケティング担当者、またはユーザビリティスペシャリストのほとんどの質問に答えることができます。 最も人気のあるエントリポイントと終了ポイント、サイトのクリック、訪問者の忠誠心、サイトでの滞在時間、人気のクエリ、サイトへの紹介ソースなどに関する定量的な情報を提供します。 eコマースサイトの場合、注文パラメーターをGoogleアナリティクスに転送する特別な機会があり、Webアナリティクスを製品と利益に関連付けます。

Webvisor

WebVisorは、訪問者の行動を記録および分析するための国内サービスです。 サイトへの訪問者のアクティビティに関する高品質のデータを取得できます。 WebVisorは、各ユーザーセッションを個別のムービーとして記録します。 ユーザーがフォームに記入する際に間違いを犯す方法、目立つ場所にあると思われるページ上のボタンやリンクを探す方法を自分の目で確認できます。

eコマースサイトの場合、WebVisorは、以下の理由により、使いやすさのテストに代わる手頃な価格の代替手段となります。

1. このツールを使用するコストは、フルタイムだけでなく、リモートユーザビリティテストよりも桁違いに低くなっています。
2. ユーザーは自然な状況にあり、自然と考えるシナリオに従って行動します。

フィードバックの不足も補うことができます。 たとえば、ビデオを見ている間、「このフォームに記入するときにどんな困難がありますか？」と尋ねることはできません。また、訪問者の性別と年齢についても何も知りません。 ユーザーがフォームへの入力を開始し、電子メールまたは電話を入力したが、それ以上先に進むことができず、サイトを離れたことがわかりました。 あなたが見た番号を書くか、呼び出すことができます。 あなたが対談者に興味を持っているなら、彼はサイトでどんな困難に遭遇したかを喜んで教えてくれるでしょう。







PosterXXLサービスのGoogleアナリティクスとWebVisorは、4つの目標を追跡しました：彼らは連絡先ページに行き、画像をアップロードし（バスケットに行きました）、注文の最初のページに行き、購入しました（ありがとうページに行きました）。 ローラーは毎日見ました。 フィルターを使用して、セッションで視聴されたビデオのみが表示されました。目標が達成された、アクティビティが多い、または閲覧されたページ数がありました。



ユーザーが間違いを犯していることが記録に表示されていたページおよび個々の要素は、追加の評価の対象となりました。 Googleアナリティクスの数値を分析して、これが単一のケースであるかどうか、またはこの動作がユーザーグループの特性であるかどうかを判断しました。

管理プログラム

この管理プログラムにより、純利益、再販、注文情報、顧客データの追跡が可能になりました。

インターフェースソリューション

サービスインターフェイスで発生した変更を検討します。

メインページ

そうだった。 大きな画像を見る





になっています



メインページで：

• サイトヘッダーに電話を追加しました。
• 彼らは「ダウンロード」ボタンを増やし、その近くの数字を削除しました。 そのため、注文に必要なステップ数を視覚的に削減しました。
• 静止画像の代わりに、回転のあるプロモーションブロックが追加されました。
• サービスのユーザーが電話で注文のコメント欄に尋ねる質問の1つは、「注文の準備はいつですか？」です。 そのため、注文の推定日をメインページに追加することにしました。
• 「節約できますか？」、「ある素材に印刷する方が別の素材に比べてどれくらい高価ですか？」、「どのサイズで印刷すればよいですか？」 これらの質問に答えて、ユーザーがさまざまな印刷オプション（素材とコスト）を評価できるようにするために、右側のフォームに「素材の比較」リンクを追加しました。
• 支払いシステムのロゴが変更されました。 ROBOKASSAおよびASSISTのロゴの代わりに、プラスチックカード（VisaおよびMasterCard）、Yandex.Moneyのロゴ、Beeline SMS、QIWI決済端末などによる支払いが行われました。 これは、ユーザーに可能な支払い方法を示すために行われました。 たとえば、私の意見では、Webmoneyのロゴは、このサービスのプロバイダーであるROBOKASSAのロゴよりも、仮想マネーで支払う能力をよりよく説明しています。 有名な企業のロゴがサイトへの信頼を高めるという情報があります。

顔が目を引きます

だった





中間オプション





中間オプション





になっています



研究によると、人間の顔が目を引きます。 この手法は、広告とWebサイトの両方で積極的に使用されています。 ユーザーがフォームを見るように、メインページの画像を変更しました。 どこかでさりげなく見ている男の場所は、ふざけて彼女のユニフォームを見ているかわいい女の子によって撮影されました。

材料の説明

だった



サイトの古いバージョンの資料の説明を表示するには、ページをリロードする必要がありました。 さらに、右側のフォームでのマテリアルの表示は、オープンな説明に依存していませんでした。 ユーザーが何を印刷するかを決定した場合、ユーザーはフォームでこの素材を選択せざるを得ませんでした。





になっています



AJAXの追加により、依存性メカニズムが実装されました-右側の選択されたマテリアルのフォームは、ページをリロードせずにその説明とともに変更されます（逆も同様です）。 一部の素材では、標準サイズ（A0、A1など）またはユーザー指定のサイズで印刷が提供されます。 切り替え時に、ユーザー設定の寸法が保存されます。

価格比較

だった



以前は、印刷にかかる費用を調べるために、計算機がサイトにインストールされていました。 サイズを入力すると、さまざまな素材に特定のサイズを印刷するコストがかかります。 その後、注文するために、ユーザーは材料を再度選択し、サイズを設定する必要がありました。





になっています



新しいバージョンの認知負荷を軽減するために、計算機はインタラクティブなテーブルに置き換えられました。 この表には、さまざまな材料の両方の固定価格が表示され、ユーザーが指定したサイズのコストを計算する機能は残っています。 ユーザーが価格に満足している場合は、セル（サイズと素材の交差点）を1回クリックするだけで、右側のフォームに目的の設定が設定されます。

ショッピングカート

になっています



バスケットに追加の対話機能が追加されました。 ページをリロードせずに、ダウンロードした画像が選択した形式にどのように適合するか、適用された効果（白黒またはレトロ）またはフレーム内でどのように見えるかを確認する機会がありました。

推奨サイズ

になっています



以前のバージョンのサービスでは、高品質の印刷には不十分なサイズの画像がアップロードされた場合、注文しようとすると、そのような操作が不可能であることを示すメッセージが表示されました。 メッセージのテキストでは、ユーザーは自分でサイズを選択するように求められました（実際、サイズが合うまでさまざまなサイズを繰り返します）。 新しいバージョンでは、アップロードされた写真の品質が十分でない場合、システムはさまざまなオプションを提供します。 ユーザーは、受信したい品質に基づいて形式を選択できます。

購入。 最初のステップ

だった



オンラインショッピングの経路上に設定されているストア所有者が最も一般的な障害の1つは、[注文]ボタンをクリックした後の登録フォームです。 ユーザーは、初めてサイトにアクセスした場合でも、承認を求められます。その後、フォームに不要な質問を記入し、メールを確認します。 だから、PosterXXLサービスの最初のバージョンにありました。 ログイン、ミドルネーム、パスワード、および確認-これらはすべてフォーム上の追加フィールドです。





になっています



新しいバージョンでは、いわゆる 「遅延」登録 。 つまり 購入に本当に必要なフィールドのみがフォームに残りました。 ユーザーが発注プロセスから注意をそらすものは何もありません。 システム自体がパスワードを生成し、ユーザーが指定した電子メールに送信します。 将来、ユーザーは常にパスワードを変更する機会があります。

UXおよび検索エンジンの最適化

になっています



eコマースサイトのSEO（検索エンジン最適化）の重要性については、追加の説明は不要です。 ただし、SEOの専門家が提供する方法とソリューションはロボットに適している場合がありますが、実際の訪問者からは質問が寄せられます。 PosterXXLサービスを促進する1つの方法は、記事を使用することです。 そのため、記事を含む特別なセクションがサイトに登場しました。 Googleアナリティクスを使用して、公開された記事を読んでサイトを離れることはないと判断しました。 ただし、一部の記事は、サイトへの非常に人気のあるエントリポイントです。 各記事がそのような資料を右側の形式で確立できるようにする機能が追加されました。これについては記事で説明します。 これのおかげで、それについての記事ページから材料の注文が来始めました。

結論

ユーザーエクスペリエンスとeコマースサイトのパフォーマンスを改善するには

1. 変更の準備をしなさい！
2. 利用可能な分析ツールを使用します。
3. eコマースサイトの使いやすさを向上させるための新鮮な見通しと経験を持つ外部の専門家を引き付けます。
4. 顧客と連絡を取り、彼らの意見を聞いてください。

出典（ Oborot.ru ）： 「PosterXXL.ruサービスの使いやすさを向上させ、ユーザーエクスペリエンスを改善した後の売上成長」