技術的なウェブサイト-訪問者が最新のブラウザを使用すると想定すべきですか?


18

技術ブログを含む独自のWebサイトを作成中です。HTML5やCSS3などの最新のテクノロジーを使用してWebサイトを構築したい。

私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーをターゲットにしているのでこれらの人々が最新のブラウザーを使用することを当然と考えるべきでしょうか?または、念のためにサイトを古いブラウザと互換性を持たせる必要がありますか?

使用しないと思われるブラウザと互換性を持つように自分のWebサイトを調整する苦労をしたくありません。

更新:私はこれまでに答えを読みましたが、質問に関する重要な詳細を見逃したようです。明確でない場合は、サイトの性質を考慮して回答に集中してください。

私のウェブサイトはプログラマーとほとんどの技術に精通したユーザーをターゲットにしています

これを考慮して、これらの人々が最新のブラウザを使用していることを当然と見なすべきですか?


1
私が働いている会社のほとんどは、IE7 +で動作するWebサイトを必要とします。ユーザーがまだIE6-を使用している場合は、テクノロジーにほとんど関心がないためです。
エヴィックジェームズ

これらのユーザーがテクノロジーにほとんど興味を持っていない場合、なぜ彼らは私のウェブサイトに来るのでしょうか?
マルコ-fiset

4
ハイテクブログを読む人の99%がハイテク業界にいて、最新のブラウザーを使用しており、その使い方を正確に知っていると仮定すると、安心できます。
エヴィックジェームズ

彼らが本当に筋金入りの技術者である場合、彼らはあなたのサイトを閲覧しているかもしれませんlynx:)
Ken Liu

回答:


12

Google Analyticsをサイトに追加してユーザーを追跡する

調べる唯一の方法は、ユーザーベースに関する統計の合理的なサンプルを収集することです。それ以外のものは、根拠のない仮定です。

幸いなことに、Googleアナリティクスは、ブラウザ、画面サイズ、有効な機能などに関するすべてを完全に追跡します。

バージョンがはるかに長くサポートされているため、Internet Explorerを「低マーク」としてターゲットにします。たとえば、Windows XPサポートライフサイクルは2014年4月8日まで有効期限が切れないため、IE 6はそれまで消えません。

統計でIE 6(またはIE 7)を使用しているユーザーの割合が非常に少ないことが示されている場合、ブラウザーをサポートするために必要な労力を正当化できない可能性があります。

新しいHTML5については、無料のプログレッシブエンハンスメントカバレッジのためにHTML5 shivをサイトに追加できますが、ブラウザが追いつくまで、サイトのプライベートセクションに高度な機能(ex HTML5 File API)を制限できます。


2
すべての良いアイデア。しかし、あなたが同意することは知っていますが、少数の人々と少数の人々のために開発することは時間の無駄です。
エヴィックジェームズ

@EvikJamesうん、それが要点です。コンテキストに依存するため、意図的に開いたままにしておきました。Googleのような大規模なメディアサイトの場合、膨大なリソースと大規模なユーザーベースがあるため、ユーザーベースの.5%でさえブラウザサポートを提供しないと、大きな影響があります。逆に、小規模なサイトを運営していて、1000人のユニークビジターの0.5%だけがレガシーブラウザを使用している場合、おそらくサポートするリソースに値しません。カニエ・ウェストの言葉を引用すると、「老人のように、私はそれがすべて依存していると思います、ああ」
エヴァン

うん、別の例として、技術に焦点を当てたブログを持っている私自身の個人的なウェブサイトは、いくつかの家族の写真とともに、最も人気のあるかなり技術的な重い投稿を含むIE8としてトラフィックの24%をまだ持っています自動更新の両方)
Zhaph -ベンDuguid

14

アメリカ人の90%以上が、画像を使用し、JavaScriptを有効にし、CSSをサポートし、適切な接続を確立しています。

時間の90%を費やして世界の10%を追いかけて、現代のWebを体験しないようにしたのは時間の無駄です。


1
ユーザーの質問は、CSS、JavaScript、および画像の合理的な使用に関するものです。画像やJavaScriptの遅延ロードですべてのテキストを隠すWebサイトを構築することではありません。
エヴィックジェームズ

1
検索エンジンがトラフィックの90%を駆動している場合でも、圧倒的多数のユーザーは最新のブラウザーを使用しており、javascriptが有効になっています。
stoj

1
検索エンジンがコンテンツを読むことができないか、ランク付けが不十分であるためにランク付けできない場合、訪問者が心配することはありません。
ジョンコンデ

3
@JohnCondeなぜ検索エンジンは私のサイトをランク付けできないのですか?それは私がフラッシュを使用しています好きではないのです...
マルコ・fiset

1
@JohnCondeは、他のみんなと同じように意見を持っています。彼は非常に知識が豊富で親切で、StackExchangeに参加することで素晴らしいサービスを提供します。彼の答えは、経験豊富なウェブ開発者のチームを持つ企業に完全に適していると思います。オタクなものについてブログを書いたり、コーディングしたりするのはまったく不適切です。
エヴィックジェームズ

12

仮定:

  • JavaScriptはオフになります
  • CSS3はサポートされません
  • 画像は無効になります
  • ユーザー接続が遅くなります

それはあなたが聞きたいことではありませんが、ウェブデザイナーや開発者として私たちが直面している現実です。古いブラウザを使用しているユーザーがいるだけでなく、一部のユーザーはブラウザの設定を変更してデフォルトの動作を変更します(JavaScriptをオフにするなど)。

また、CSSとJavaScriptに対するさまざまな限定的なサポートを持つ検索エンジンのようなボットについても忘れることはできません。さらに、一部のユーザーは、最新のテクノロジーをサポートすることで有名なスクリーンリーダーを使用します。

上記のすべてをサポートすることは、実際には非常に簡単です。プログレッシブエンハンスメントはWebデザインと開発の基本原則であり、サイトで最新かつ最高の機能を使用しながら、まだすべてを処理できないブラウザーとユーザーをサポートできます。


6
ウェブサイトは、インターネットにアクセスできない人やコンピュータを持たない人向けに設計されるべきだと言うこともできます。
エヴィックジェームズ

4
@Evik私はそれが答えのポイントだとは思わない。ポイントは、基本的でアクセスしやすいものから始めて、10%未満が少なくともコンテンツを消費できるようにすることです。その後、90%がすばらしいものを見るようにそれを構築します。
不機嫌なヤギ

1
@WernerCD、元の投稿はブログを書いている1人のユーザーに関するものです。彼は、StackOverflowが採用している同じトラックを使用して人々のチームを雇うことを提案していますか、それとも彼はすべてのブラウザーのニュアンスを学ぶことを提案していますか?彼はブログに時間を費やし、コーディングの時間を短縮する必要があります。
エヴィックジェームズ

1
@WernerCDプログラマは、より可能性の高い「重い」ページを避けるためには、JavaScriptをオン・オフのプラグインがインストールさNoScriptのように、持っています。
DisgruntledGoat

1
@Werner「CSS / JSがないと仮定する」はおそらくそれを説明する間違った方法だと思います。それは、HTMLの強固な基盤から始めて、CSSとJSで構築することです。古いブラウザでCSS / JSにバグが発生した場合、サイトは引き続き機能します。この意味で、現在のブラウザを想定し、古いブラウザでのテストを控えることができるようになりました。おそらく、5%のユーザーにとってそれはひどく壊れないでしょう。
DisgruntledGoat

5

少なくとも、合理的にサポートできるすべての環境でホームページが正常に機能することを確認してください。特定のページは技術が広くサポートされていない必要がある場合は、状態それは明らかに彼らにリードすることをリンクで(嫌な使用は何もする必要はありません、titlealtのリンクや画像にテキストだけで十分かもしれません)とページ自体が(例えば、小さなを追加しますヘッダー-機能が存在することを検出できる場合/その場合、非表示になる可能性があります)。

また、必要なテクノロジが存在しない/有効になっていない場合は、ページが適切に劣化するようにしてください。訪問者がハイテクに精通していても、ページ内の何かが機能しないだけで、何が欠けているかの兆候がない場合、彼らはそれを探すことを気にしないかもしれません(彼らが本当に興味を持っていない限り想定)。OTOH不足しているものを有効にする方法について詳細な指示を与える必要はありません。有効にする必要があるものを述べるだけで、このオーディエンスには十分です。

更新:個人的な注釈を付けて最後の点にもっと重点を置きたいと思います。セキュリティを意識したユーザーとして、私は常にNoScriptを有効にして閲覧します。たとえば、ビデオがあるWebサイトにアクセスすると、次のいずれかのことが起こります。

  • ビデオのプレースホルダーがあり、クリックするだけでブロックを解除できます。
  • プレースホルダーはありますが、クリックするだけでは十分ではありません-ブロックを解除する必要のある別のドメイン(通常はCDN)があります。多くの場合、適切ではなく一貫性のない名前が付けられます/mcstatic.com);
  • プレースホルダーはありません。動画はJavaScriptを介して追加されるかwidthheight静的に設定されていません。また、ページに動画があるというヒントがまったくない場合もあります。それは完全に見逃される可能性があります。
  • ビデオはランダムな広告サーバーに依存しているため、最も明らかなドメインのブロックを解除するだけでは表示できません。私がいた場合は、本当に興味を持って、私は時々の効果で、(あまりツーより日陰に見える名前の順に)残りの各ドメインをブロック解除に行くことができるより多くの映像作品まで、または以前に存在し、表示されていなかったドメインあきらめる。

これは、最新のブラウザーとハイテクに精通したユーザーを想定している場合でも発生する可能性があるいくつかの問題を説明するためのものです。サイトをあらゆる構成で機能させるために邪魔にならないようにする必要はありませんが、この場合でもフェールセーフ要素が存在することが重要です。


2
「少なくとも、合理的にサポートできるすべての環境でホームページが正常に機能することを確認してください。」意味あり。
エヴィックジェームズ

4

ジョン・コンデが言ったポイントは、彼らが技術的な人だからといって、最新のブラウザを使用しているとは思わないということだったと思います。そうは言っても、私はOPがより多くの聴衆のためにサイトをコーディングするか、代わりにブログを作成することの間のバランスを見つける必要があるというEvik Jamesに同意する傾向があります。ある時点でこのサイトを収益化したい場合は、プログレッシブエンハンスメントとレスポンシブデザインの哲学に従う必要があると思います。モバイル(およびIE6のフリギング)から始めて、次第に強化する方が簡単だからです。アップ。しかし、少なくともOPは自分のサイトをLynxブラウザーで実行する必要があります彼のサイトがスクリーンリーダーまたは検索エンジンスパイダーにどのように見えるかを確認し、画像、CSS、javascriptをオフにしてすべてを表示できるようにします。その後、最新のブラウザには本当にクールな機能をすべて残し、IE6で少し場違いに見える、または退屈そうに見えるものについてはあまり心配しません。


3
私は、コマンドプロンプトで午前なら、私が使用する可能性が午前w3mlynxまたは任意のテキストブラウザが利用可能です。
-BillThor

3

ターゲット市場に基づいた最新のブラウザを使用していると仮定する必要があると思います。ブラウザの使用状況を把握し、かなりの数の人が古いブラウザを使用している場合は、互換性を変更します。


これは私にとって良いアイデアのように思えますが、私がそれをする方法です。
エヴィックジェームズ

Graceful Degradationのように聞こえますが、この記事を読む必要があります。dev.opera.com
トマスラミレス

3

ユーザーの大部分をサポートし、ブラウザの機能を活用するためのプログレッシブエンハンスメントについてお読みください。レスポンシブデザインは、デバイスの大部分をサポートするもう1つの重要なトピックです(最近では多くの人がモバイルデバイスを使用しています)。一方、Modernizrボイラープレートexplorercanvasのような多くのライブラリがこの問題を支援します。


2
良い点を挙げれば、サイトを95%互換にすることはかなり簡単です。上記で私が指摘しているのは、最小公分母の開発にはかなりの時間がかかるということです。
エヴィックジェームズ

私はあなたのポイントを参照してください...しかし、すべての人がこのことについて知っておくべきこと:D
トマス・ラミレス

0

あなたのターゲットオーディエンスがプログラマーなどになるという事実は、彼らがより技術的に考えているので、彼らが彼らのコンピューターに最新のものを持っているとまだ仮定しません。プログラマー/技術者がコンピューターで使用するものを決定するのは、専門的な思考ではなく個人的な推論です。

たとえば、プログラマーは妄想的で、コンピューターでJavaを有効にできない場合があります。

いずれにせよ、インターネットはすべての人に開かれており、さまざまなセクションにハト穴ではありません。誰でもアクセスできるようにWebサイトを構築します。あなたは決して知らない、ハイテクに精通したプログラマーは、Internet Explorer 7を搭載したWindows XPを実行している母親のPCを使用して立ち往生しているため、コンピューターが壊れる可能性があります。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.