2

サイト全体で Lightbox を使用するのが賢明なアイデアではないかと考えていました。

私たちは e コマース サイトを開発しています。そのアイデアは、ユーザーを常にメイン ページにとどめ、すべてのコンテンツ (製品ページ、会社概要など) をライトボックス方式で表示することです。

Lightbox を使用するには、ほとんどのブラウザーで広くサポートされている Prototype/JavaScript が必要であることを理解しています。また、モバイルでの Ligthbox があまり楽しくないことも認識していますが、とにかくモバイル バージョンを作成するつもりです。 :

  1. ライトボックスは重いのではないでしょうか？サイトのパフォーマンスが低下しますか?

  2. 大きな互換性の問題があると思いますか?

なぜそれがそれほど良い考えではないのか、他の考えはありますか? 繰り返しますが、主なアイデアは、ユーザーが「重要度の低い」ページを閲覧できる間、ユーザーをメイン ページにとどめておくことです。

前もって感謝します。

4

4 に答える 4

5

関連するコンテンツを表示するためにライトボックスを大量に使用することは、多くの理由で良い考えではないと思います

  1. アクセシビリティ: JavaScript だけに頼って情報にアクセスすることはできないため、プログレッシブ エンハンスメントを使用して開発するためにより多くの労力を費やす必要があります。ブラウザの履歴から製品をナビゲートするにはどうすればよいですか?
  2. SEO : 検索エンジンで商品を検索できるようにする方法を考えたことはありますか? 動的コンテンツをインデックス可能にするには、さらに追加の作業が必要になります。ページ上の非表示のコンテンツに対してペナルティを受ける可能性も考慮してください。
  3. ユーザビリティ: 複数のデバイスと画面解像度にどのように対処しますか? 画像製品をライトボックスに表示し、顧客が拡大画像もライトボックスに表示するように要求した場合はどうなるでしょうか? ネストされたライトボックスを開きますか?
  4. ソーシャル ネットワーク: 「いいね」と「+1」は、ほとんどすべての最新の e コマースで一般的な機能です。ただし、これらのアクションは 1 つの URL でのみ実行できます。 ) 特定のアイテムを共有することはできません。

したがって、これらすべての複雑さを回避することをお
勧めします。代わりにライトボックスを使用して警告を発し、モーダル ウィンドウを表示し、サーバー操作の結果をユーザーに伝えます (例: ログイン/ログアウト メッセージ、チェックアウト中にアイテムの在庫切れを警告するなど)。 ）そして、一般的にどこでも、ナビゲーション フローを完全に変更したり中断したりしないほうがよいでしょう (例: 登録、チェックアウトなど)。

于 2012-04-04T07:54:02.600 に答える
2

e コマース サイトを開発している場合、すべてのページの読み込みにライトボックス スタイルの ajax を使用することはお勧めできません。これは、検索エンジンが商品のインデックスを作成できず、検索結果に表示できないためです。

于 2012-04-04T07:47:32.483 に答える
1

以前は、ライトボックスよりもFancyboxを使用していましたが、これは主に、自分のニーズに対してより柔軟であることがわかったためです。

私もポップアップを埋め込んだ Fancybox を使用してオンライン ストアを作成し、ポップアップに関する詳細情報をユーザーに提供しました。

私が言いたいのは、ページのパフォーマンスが妨げられないようにするために、ページ上の非表示の div を介して Fancybox ポップアップをレンダリングしないことです。非表示の div に多くの画像とコンテンツが含まれている場合、オーバーヘッドが発生します。

私が Fancybox を使用した方法は、コンテンツ ソースとして外部ページを読み込むことです。

$("#product-info").fancybox({
    titleShow     : false,
    width:    500,
    height:   600,
    autoDimensions: false,
    overlayOpacity: 0.6,
    href: 'product-info.aspx?ID=9' // External page source
});

ファンシーボックス/ライトボックスは注意して使用してください。基本的な製品コンテンツのみを追加してください。製品ページ自体の詳細を保持します。これは、Google 検索に役立ちます (他の人がコメントしているように)。

于 2012-04-04T07:53:55.210 に答える
0

おそらく最後を除いて、F.Calderanのすべての点に同意します。多くの衣料品サイトで見られる「クイックビュー」には、あなたに役立つ可能性のある一般的な使用例があると思います。複数のページを持つことのすべての利点を置き換えるわけではありませんが、説明したものと同様のエクスペリエンスを提供します。

例については、オールドネイビーを参照してください。

于 2012-06-22T20:58:12.320 に答える