web-dev-qa-db-ja.com

ユーザーにブラウザのアップグレードを「強制」する方法は?

私はこの質問のためのより良いタイトルを考えることができませんでした、しかし結論にジャンプしないでください-私は本当にユーザーの頭に銃を向けたくありません!

IE9 +、FF12 +、Chromeなどの最新のブラウザーで適切に動作するサイトがあります。 HTML5サポートがないため(特に、キャンバスに関連するいくつかの問題)、このサイトはIE8などの古いブラウザーでは機能しません。

サイトはプリペイドサービスの一部であり、ユーザーは支払いの前にこれらの制限について警告されますが、コンピューターにこれらの古いブラウザーをインストールしたまま、サービスを購入するユーザーがまだいます。

たとえば、FlashやJavaでサイトを完全に再作成するための手段をサポートします。つまり、対象とする聴衆の比較的少ない(最大15%)パーセントの作業量の作業量です。

反対側からは、「ブラウザが古すぎる」と率直に述べて「失望させたくない」ので、視覚的および/または口頭で興味深いフィードバックを提供したいので、本当にアップグレードしたいと思います。私が付いてくる最良のアイデアは、作業現場のビデオを彼らに見せることですが、それは重すぎて退屈に思えます。

助言がありますか?ありがとう。

更新:

私が行った短いユーザー調査から、ユーザーはアップグレードではなくプラグインをインストールすることを間違いなく好むようです。したがってChrome Frame answerを受け入れます。

とても興味深いディスカッションをありがとうございました。たくさんのことを学び、たくさんのインスピレーションを得ました。

115
Flot2011

更新された回答-2013年3月
この回答が2012年11月に投稿されたため、Googleはこのプラグインを廃止しました。現在(2014年3月)の時点でまだ機能する可能性がありますが、将来的に機能する保証はありません。 2014年1月の時点で、Chrome Frameのサポートは廃止されました。

http://googlesystem.blogspot.com/2013/06/chrome-frame-discontined.html

これらの要因を考慮して、Chromeフレームを廃止することを決定し、2014年1月に製品のサポートと更新を終了します。ユーザーにChromeフレーム、最新のブラウザにアップグレードするよう訪問者に促してください。これらの変更の詳細については、FAQをご覧ください。

IT管​​理者は、特定のWebアプリを実行するために古いテクノロジーに依存している場合でも、最新のブラウザーの全機能を従業員に提供できます。 Chrome for Businessとレガシーブラウザサポートを組み合わせることで、従業員はChromeと別のブラウザをシームレスに切り替えることができます。Chrome =は安全で安定していて高速で、すべての主要なデスクトップおよびモバイルOSで実行できます。IT管理者は100以上のポリシーを設定してChromeをニーズに合わせることができます。

このブログの投稿は、Chrome for Businessをポイントしており、指定されたWebページを別のブラウザーで自動的に開くことをサポートしています。

https://www.google.com/intl/en/chrome/business/browser/lbs.html?utm_source=0613entblogchromeframe&utm_medium=blog

元の回答
言及されていない重要なポイント:一部の人々はアップグレードできません

職場では、IE8に強制されています(昨年末、今年初めにIE6からアップグレードされました)。

Basecampが行うことを行います。 IE 6/7/8を Chrome-Frame にプッシュします。 Basecamp: Please upgrade browserenter image description here

全員にアップグレードを強制することはできません。一部のユーザーにはオプションがありません。制限内で使用するオプションを提供します(作業制限、管理者権限の欠如など)。

作業制限により、特定のアプリケーションのアップグレードが妨げられます。このアプリはIE8でのみ動作します。そのアプリはAdobe 10以降でクラッシュします。 XPSP3はこれを破ります。 SQL Serverパッチ#12345はそれを破ります。最近、アップグレードの主な制限は説得力のある人ではないと聞きました。それは、FooをShiny-New Barで動作するようにアップグレードするという代償を払っています。

(許可、職場では管理者がいるのでChromeを使用します。[〜#〜]しかし[〜#〜][〜#〜] [〜#〜]他のユーザーにIE8 + Chromeフレームを使用するように指示します。「サポートされている」境界から外れることができない、または外れない人のために。)

Chrome Frame FAQ

How can I enable Google Chrome Frame for my site?

You make your pages work with Google Chrome Frame by adding a single
tag, like this: <meta http-equiv="X-UA-Compatible" content="chrome=1">

Googleフレームのインストール+そのタグ= Chrome IE6-9内で使用されるエンジン。IE6を維持します。IE6のサポートを停止します。Win-Win。

61
WernerCD

ユーザーにサービスを使用してもらいたい。あなたのユーザーはサービスを使いたいが、最初に投資する必要があります(つまり、ブラウザーをアップグレードする時間)。

アイデア:

  • まず最初に、ニースになって共感的なメッセージを示します。 Appleのように、iCloudでサポートされていないブラウザを実行すると
  • 時間を投資する価値がある理由を教えてください(利点をリストし、期待できるものをプレビューします)
  • インセンティブを少し与えます(バウチャー、おそらく最初の購入で数ドルオフ)

Example from Apple iCloud

編集:以下の@Darqと@pManで言及されているように、そのような画面は

  • 対応するブラウザダウンロードページへのリンクを提供します
  • put明確な行動を促すフレーズとともに、コピーへの共感をさらに高めます

もう一つの例:

enter image description here

63
greenforest

アップグレードの価値を簡単に説明しながら、ポジティブな言葉でアクションを促進し、ネガティブなアクションを完全にネガティブな言葉ではなく、あまりポジティブではないものに降格してみてください。

また、アップグレードできないユーザー向けの情報を提供する必要があります(たとえば、企業の制限によりIE6以外の使用が禁止される可能性がある)。このページを見た訪問者が行き止まりで立ち往生していると感じないように-常に出口ルートを提供してください。

以下は、アップグレードを魅力的なものにするために言語を注意深く使用したモックアップです。他のサイトだけでなく、他のサイトでもエクスペリエンスを向上させるという付加価値があります。大きなボタンは、より良いものにしたいという感情的な衝動に訴えますが、小さなボタンは、Webサイトが表示できないという事実の受け入れを確認します。

このページをそのままコピーすると言っているのではありません。これは、言語、表現、および選択肢の提示の使用例にすぎません。

enter image description here

39
Roger Attrill

あなたは、この巨大なオーストラリアの会社がしたことをして、それらをサポートしなければならない代償として古いブラウザに追加の「税」を課すことができます

Kogan.com

「あなたまたはあなたのシステム管理者が5年以上昏睡状態にあり、まだIE7を使用しているようです。」コストに関するニュースを発表する前に、それが始まります。 「インターネットをより良い場所にするために、Kogan.comからの購入には6.8%の税金がかかります。」

Kogan.com image

31
Jameo

販売前にユーザーにどのように警告していますか?
「現在のブラウザはこのサイトでの使用に完全に対応していません。最大の生産性/効果を得るには、これらのブラウザのいずれかをお勧めします」という文章は、最も簡単で最も一般的な戦術であり、あなたがやっていること。

これを実行するJavaScriptベースのオーバーレイがいくつかあり(古いブラウザー、通常はIEを検出するため)、視覚的にアップグレードや代替ブラウザーの使用を提案します。
これらを簡単にカスタマイズして、視覚的表示を表示することもできます(提案どおり)ビデオまたは「完全に有効な」サイトがより近代的なブラウザーでどのように見えるかのスクリーンショットを組み込むこともできます。
個人的に私は常に何かにサインアップする前にスクリーンショットを探します。

購入前に警告が表示されている限り(あなたが行っていることです)、残念ながら、警告の数には制限があります(彼らがそれを読むと仮定した場合)、より視覚的で「かなり」より効果的である可能性が高くなりますすることが。
おそらく、購入前に彼らが述べた制限を理解しているチェックボックス(サポートされていないブラウザを使用している場合のみ)でしょうか?
逆に、サポートされていないブラウザからの購入を防ぐこともできます。

8
SteB

RedirectそれらをWebサイトの拡大されたmobile-versionに移動し、ブラウザをアップグレードする場合はフルバージョンを使用できることを示す見出しを上部に表示します。

これはbetterだと思います。 "-brick-wall"に遭遇したときにbounce-rateとして提供することを拒否するよりも(ブラウザを続行)ははるかに高くなります。

スケールアップされたモバイルWebサイトは必ずしもbadとは限りません。 JQuery Mobileで構築されたものは、インスタンスを非常によくスケールアップします。 (拡大:

6

あなたのサイトはテキストのみのブラウザでどのように機能しますか?スクリーンリーダーを使用しているユーザーにはどのように表示されますか?それが機能しないというあなたの応答である場合、あなたはあなたの法域の障害立法に違反しているかもしれません。技術の境界を押し広げる場合、これを含めて対処する必要がある多くの問題があります。アップグレードが可能なユーザーであっても、あなたは参入障壁を作りました。他の人が指摘したように、これは良いビジネス決定ではないかもしれません。

誰かにブラウザをアップグレードさせる方法については、いくつかの提案があります。少なくとも、アップグレードは正しい方向に進んでいます。残念ながら、企業環境のユーザーは、古いバージョンのブラウザーに関連付けられている重要なソフトウェアを持っているため、アップグレードできない場合があります。サポートされている最も古いバージョン以降のユーザーがブラウザのリリースを使用できるように、バージョンチェックを構築してください。企業のユーザーは、たとえ何も壊さないとしても、ブラウザーをアップグレードする特権を持っていない可能性があります。

能力の低いブラウザを使用しているユーザーのための優雅なダウングレードパスを真剣に検討します。これはもっと手間がかかるかもしれませんが、早期導入者はこの種の問題に直面するでしょう。この時点で、コア機能にHTML5を必要とすることは、良い設計アイデアではない場合があります。

これは、Flashが新しいときに発生した問題に似ています。私が採用した1つの企業サイトで、採用されたFlashをフロントページに使用しました。これは、企業ポリシーが企業機器でのFlashの使用を禁止していた時期です。企業ポリシーに準拠したブラウザから、ユーザーには真っ白な画面が表示されました。十分なページに気づき、ページを下に移動した場合、右下隅に「このサイトにはFlashが必要です...」という非常に小さなフォントの通知がありました。

6
BillThor

あなたが彼らのためにプロセスの一部を行うことができるかどうか尋ねる一つのことは? BJフロッグは、住所が記載された封筒を家族に送り、学校にいない間に家族に手紙を書くよう依頼しました。プロセスの一部を完了するだけで、彼は頻繁に彼にメールを送り始めました。

さらに、ユーザーが適切なブラウザーを持っていない場合は、サービスにサブスクライブしないように制限してください。警告するだけではいけません。ブランド価値を構築し、テクニカルサポートを行う必要がないことで、長期的にお金を節約できます。

3
Tyler Langan

質問への回答:使用するHTML5機能を完全にはサポートしていないブラウザーでも、サイトは(何らかの価値を提供する場合と同様に)機能しますか?

その場合は、不足しているコンテンツのプレースホルダーパネルをユーザーに表示します。これは「ニンジン」と「スティック」の両方です。物が足りないので、彼らは彼らが彼らが払っているものの十分な経験と価値を得ていないことを知っています、そしてあなたは彼らが本当にそれを望んでいるなら、彼らは彼らが本当にそれを望んでいるので彼らに彼らが足りないものを正確に伝えていますより良いブラウザを求めて。

そうでない場合は、ロジャーズのようなフレンドリーなスプラッシュページをユーザーに表示するか、クトゥルフのアドバイスに従ってモバイルサイトに誘導します。サイトの料金を支払っているので、直帰率はそれほど大きな問題ではありません。あなたはあなたのお金を手に入れました、そして彼らがTOSに同意しない場合(あなたはdo HTML5ブラウザーのみがサポートされていることを示すTOS契約を結んでいますよね?)それは彼らにあります。古いブラウザをサポートしようとすることは、後戻りの費用対効果としては非常に大きなメリットであるとすでに述べています。

3
KeithS

私はユーザーにブラウザーの切り替えを勧める他の答えに賛成ですが、UXとして、ブラウザーを変更できない、または変更したくないユーザーをサポートするために最善を尽くすべきだと思います。私たちにとっての主な問題は、レガシーソフトウェアの互換性のためにユーザーがブラウザーをアップグレードすることが許可されていないことなので、ユーザーにそれを要求することはできません(ユーザーはChromeの使用を許可されていません) =ポリシーによるフレーム)。

特に<canvas>に問題があるため、古いバージョンのIEでサポートをかなり簡単に維持できる可能性があります。単に GoogleのExplorerCanvas にフォールバックしてください。基本的に、すべての<canvas>コードをIEがサポートするVMLに変換します。プロジェクトはかなり古いですが、それはIE 9および10が<canvas>を直接サポートしているためです。

また、HTML5についても触れています。新しいブロックレベルの要素に依存している場合は、 html5shiv を使用して、古いIEをサポートするように非常に簡単にサポートできます。

2
Kit Grose

まず私はビデオを作ることについてのアイデアが好きですが、退屈ではありません。彼がアップグレードを行う場合、新機能を示す30秒のビデオを作成するか、またはこの30秒を機能番号で分割することができます。 1つは、これらの機能がない場合は、新しい機能を作成し、あなたのためにシンプルにします;)

または、ブラウザのバージョンを確認して、更新された場合は通常のページを表示し、そうでない場合は、上部に小さなバーを表示して、アップグレードする必要があることをユーザーに伝えることができます

0
eyad