Crocsの既存のリソースのほとんどはDemandwareのeコマースプラットフォームで開発されたため、このプラットフォームでの作業とeコマースラインの開発を継続することが決定されました。 私たちのタスクには、ブラジルと日本向けのデマンドウェアでの新しいサイトの立ち上げ、10周年に捧げる別のCrocsAroundTheWorldリソース、既存のリソースの特定の要素の再設計、更新、最適化、およびクロックスサイトでのコンバージョンを増やすためのチェックアウトの最適化が含まれます。記事。
エントリー
以前の出版物で書いたように、効果的な設計ソリューションにより、コンバージョンを増やし、eコマースプロジェクトの売上を最適化できます。 同時に、ユーザビリティの向上を目的としたテストに基づいて設計の変更が実行され、個々のリソースの変換を増やすことができます。 どのeコマースプロジェクトでも、効果的なソリューションを推測することはできません。包括的な定量的および定性的テストの過程で得られた客観的な評価に基づいている必要があります。
コンバージョンを増やすためのソリューションを見つけるには、通常、いくつかのタイプのテストが使用されますが、最も一般的なものはA / Bテストと多変量テストです。 通常、eコマースアプリケーションでの実装の目的は、コンバージョンを増やすための最適なソリューションを特定すること、またはオンラインプロモーションのコストを最適化することです。 これらの2種類のテストをより詳細に検討してください。
A / Bテスト
A / Bテストの意味は、ページまたはバナーの1つの要素を変更し、変換の観点から2つのバージョン（変更の前後）を分析することです。 簡単な例を考えてみましょう。
どちらの写真も、人気のソーシャルネットワークでの活動を促進するために使用されました。 周囲の緑色のフレームのみが異なります。 一見-わずかな変更ですが、テストでは、フレームを使用したオプションは、フレームを使用しない場合よりも2倍効果的であることが示されました。 個々のケースでこのような違いを予測することはできませんが、A / Bテストではすべてが適切な場所に配置されます。 これは比較的簡単であると同時に、eコマースアプリケーションの場合の最適化のための効果的なツールです。 しかし、多くの変数があり、複数の要素と複数の構成を同時にテストする必要がある場合はどうでしょうか？ この場合、通常は多変量テストが使用されます。
多変量テスト
多変量テストでは、複数のサイト構成を同時にテストできます。 実際、多変量テストは、いくつかのA / Bテストの並列実装です。 グローバルレベルで多数の注文を行う運用では、このようなテストの結果としての最適化が重要になります。 電子商取引の最適化は、注文プロセス（チェックアウト）にとって最も重要であり、これは変換に直接影響し、その結果、プロジェクトの収益性に影響することに注意してください。
Crocsのチェックアウト最適化の実装
チェックアウトの作業中、私たちのチームは、このセクションの変更と最適化に関連する大量の必要なリソースの問題に直面しました。 問題は、国によっては、フォームフィールドの完全に異なるセットと、変換を最適化するためのテストの可能性を考慮して、チェックアウトステップの動作に対して完全に異なるロジックを実装する必要があることでした。 このタスクは、SiteGenesis（基本バージョン）を含むデマンドウェアプラットフォームの標準カートリッジでは、さまざまなクライアントに対してカスタマイズが通常実行されるという事実により複雑になりました。このセクションのロジックは「厳密に」実装されます。 新しい国のサイトを追加するたびに、基本機能を拡張する必要がありました。 その結果、チェックアウトロジックは複雑すぎて理解できなくなり、さらに拡張することは事実上不可能になりました。
Crocsの場合、特にデマンドウェアプラットフォームの場合、抽象化レベルを高め、各チェックアウトステップを「コンテナ」として提示できる新しいアーキテクチャを開発および提案しました。その動作は、チェックアウトステップのシーケンスを含め、構成ファイルによって決定され、フォームの要素を任意の順序で配置することで、記入を簡単に調整できます。 プロジェクトを実装するには、既存のコードの広範な最適化を実行する必要がありました。 Crocsはこれに同意し、新しいアーキテクチャはリソースを大幅に節約し、既存のチェックアウト機能をサポートし、新しいチェックアウト機能を開発するとともに、変換を効果的に最適化およびテストすることを理解しました。 現在、Optimized Checkoutアーキテクチャに基づいて、テストおよび最適化機能をサポートするいくつかの異なるチェックアウト構成（5ステップおよび3ステップのチェックアウト、ワンクリックチェックアウト）がいくつかのCrocsサイト（アメリカ、カナダ、イギリス、オーストラリア）ですでに機能しています。
以前の出版物で述べたように、設計と開発は密接に連携して、eコマースサイトでのコンバージョンを増やす必要があります。 開発チームと並行して、UXデザイナーは多くのプロトタイプを開発し、Crocサイトの使いやすさを大幅に改善するための多くの推奨事項を作成しました。 デジタルファクターデザイナーのチームは、CWE（集団作業環境）の原則に基づいて構築されたオンラインリソースのプロトタイピングユーティリティであるEngage UXの開発を使用しました。
これらの要因の組み合わせは、変換に直接影響し、その結果、個々のプロジェクトの経済的な成功に影響します。 次の投稿では、自動化された回帰テストのフレームワークの構成、主要なテクノロジー、コード自体の実装を詳細に検討し、Crocsが販売タスクを達成するのを支援しました。
著者：
コンスタンチン・ティシュチェンコ
Vitaly Taradaiko
アレクサンダー・ママリガ