web-dev-qa-db-ja.com

Webサイトでのティッカー/マーキーの使用に対する反対の主張は何ですか?

最近、HTMLベースのダッシュボードの1つにティッカー(毎日更新)を追加するように依頼されました。 (ティッカーとは、画面をスクロールするテキストです。以前は、HTMLのMarqueeタグを使用してそのようなものを実現できました。)

an example of a scrolling Marquee/ticker

個人的にはティッカーは嫌いで、前世紀のものだと思いますが、それは本当に良い議論ではありません。ただし、私が頻繁にアクセスするWebサイトではティッカーを使用しないため、より適切な議論が必要です。

ティッカーの使用に反対するより良い議論はありますか?

92
stefan.s

ティッカーは carousels に似ていますが、もっと悪いです。

欠点を求めているので、ティッカーはアンチパターンです:

  • コンテンツはユーザーにとって予測不可能です。ユーザーは、コンテンツの大きさ、コンテンツの表示順序、開始または終了の場所、およびすべてのコンテンツの読み取りにかかる時間を知りません。

  • スクロールが遅すぎるか速すぎる。読者がティッカーを読むことに集中している場合、スクロールよりも速く読むので、イライラするような経験になります。一方、スクロール速度を上げると、ティッカーに集中していないユーザーは、動きが速すぎてコンテンツに集中することが難しくなります。

  • 動くテキストを読むのは難しいです。人々がスムーズに読むのではなく、単語をチャンクで読むことはよく研究されています。これらの単語を移動させると、読書が困難になります(ユーザーは、移動する文字を読むのに不釣り合いな努力を費やします。これにより、内容を理解する能力が低下します)。

  • それは視覚的に煩わしいです。ページ上の要素を移動すると、自動的にユーザーの注意を引きます。ティッカーの場合、コンテンツは通常、ページのメインコンテンツの周辺であると想定されますが、アニメーションによりメインコンテンツへ。

最後に、経験はあなたの視点をサポートします。今日、ほとんどのWebサイトでティッカーが使用されていないのには、十分な理由があります。

149
tohster

これは私の意見ですが、答えです。

ティッカー、またはそれらを見るマーキーは、小さなスペースに生息する傾向があります。それが映画館の前、パトカーの後ろ、駅の看板など、どこにでもあります。

現実の世界では、静的に表示できるよりも多くの情報を表示できるという利点がありますが、より小さく、したがって安価な不動産に表示できます。

MarqueeがまだサポートされているHTML要素であった当時、それらは少し目新しいものでした。現在、ウェブサイトのデザインとホイールマウスにより、スクロールする小さなブロックに情報を表示する必要は実際にはありません。なんで?それを常に表示されている独自のブロック要素に表示しないのはなぜですか?

情報がブロックにとって長すぎて、情報を表示することが不可欠である場合は、そのような要素を絞り込もうとするのではなく、デザインを見ることで得られることは他にもあると思います。

52
DarrylGodden

テキストのスクロールはアクセシビリティの障害になる可能性があるため、WCAGでは、ユーザーが移動するコンテンツを一時停止、停止、または非表示にできるコントロールを提供する必要がある( SC 2.2.2一時停止、停止、非表示 =)。

移動または自動更新するコンテンツは、静止したテキストをすばやく読むことができない場合や、移動するオブジェクトの追跡に問題がある場合に障害となる可能性があります。また、スクリーンリーダーで問題が発生する可能性もあります。

コンテンツを移動することも、一部の人にとって深刻な注意散漫になる可能性があります。特定のグループ、特に注意欠陥障害のあるグループは、瞬きするコンテンツが気を散らし、ウェブページの他の部分に集中するのを難しくしています。

20
Matt Obee

@tohsterと@Matt Obeeの非常に素晴らしい回答の結果として、追加の考慮事項があります。

ティッカーは情報を見る人からコントロールを削除します

静的なリストとして提示されているコンテンツを読み込もうとしている人は、自分の都合で上下にスクロールでき、その行為に積極的に取り組んでいます。ティッカーは、視聴者をパッシブなオーディエンス状態に強制します。これは、非常に魅力的でなく、表示されているコンテンツに対する視聴者の関心をすぐに低下させる可能性があります。ティッカーの動きは目を引くものであり、それ自体に焦点を合わせる場合がありますが、特に最初に読み取った情報が注意を引く必要があるほど重要ではないように見える場合は、心理的に距離が離れており、試みられたキャプチャに不快感を与える可能性があります。あらゆる方法でそれに。

最終的に、

ティッカーは、静的なテキストよりも情報の表現が貧弱であり、モバイルでも壊れる可能性があります

@DarrylGoddenの回答を検討してください。ティッカーを視覚効果のために不必要な時代錯誤のスケオモーフとして使用する試み以外に(ここでは「アピール」とは言えません)、ティッカーにはどのような目的がありますか?ページに配置する目的は何でしたか?

おそらく、(a)情報を提示し、(b)その情報に注意を喚起することでした。

情報がティッカーの水平方向のスペースに収まる場合、情報が動く唯一の理由は…目を描こうとすることです。しかし、この動きは読みにくくなり、ページ上の他のコンテンツに集中しようとすると、煩わしく気を散らす要素になります。

情報がティッカーの水平方向の幅よりも多くのスペースを占める場合は、常にその情報の限られた部分のみが表示されます。ティッカーは実際に対して(== --- ==)反対に目をスキャンして解釈する自然なプロセスであるため、ティッカーはページをスキャンできる限り速く動くティッカーは判読できません。サッケード経由のテキスト。ほとんどの人は、何かがスクロールするのを待つのが待ちきれません。非表示の情報は重要ではないと想定するか、スクロールして表示されるのを待つのにイライラします。

実際、ティッカーを使用しても、静的テキストだけでなく情報も提供されません。

これらのさまざまな理由により、ページにアクセスした人がティッカーを(全体またはまったく)読み取ることが確実でない場合、ティッカーに重要な情報を配置できないため、なぜティッカー?

14
taswyn

個人的な意見:上記のように、スペースの大きさが定義されている場合、ティッカーは適切です(たとえば、テレビのニュースチャンネルのティッカー)。テレビのプレゼンターがニュース記事を詳しく調べているので、ニュースの要約をすばやく読むことができるので、それは良いことです。また、(通常は)サウンドがオンになっているので、ティッカーを読み、プレゼンターの声を同時に聞くことができるという利点もあります。

後者の2つ(プレゼンターの声)は、通常、ダッシュボード(またはWebサイト)にはありません。したがって、それは本当に問題です。このダッシュボードは、限られた/定義されたスペースでゆっくりと/順番に情報を表示していますか?その場合は、それmightが正しい解決策であり、それがcanそれらの状況でうまく機能します。

ティッカーがどのような問題を解決しようとしているかを考え出し、その問題を解決する場合だと思います。ティッカーが提案されている可能性が最も高いのは、ティッカーを要求した人が以前に見た問題の解決策だからです。ユーザーが何が起こっているかについての簡単な要約を望んでいるので、おそらくそれが要求されたと思います-その場合、下にスクロールできるユーザーにそれを表示する最良の方法は何ですか?たぶん、リストか、テーブルか、それとも、状況によって異なります。ユーザーに情報の目的とその理由を尋ね、その問題を解決してください。

編集:

あなたがそれを人々にデモしているだけなら、それは最終目標です-それはテレビ画面やコンピュータ(または人がそれと対話できる何か他の場所)で見られますか? -まだ立っています。 mightティッカーを最初に使用する場合は、ティッカーを使用する十分な理由があります。そうでない場合は、「これがこの情報を表示するためのより良い方法である」と伝えることができます。あなたはエキスパートであり、デモをしている人々ではありません。

5
Algy Taylor

それが良いuxデザイン要素ではない理由は、それがWebページを金融TVチャネルのように見せかけるだからです。

人々はそのスライドするテキストを見て、それがNEWSの視覚的な関連付けにリンクしています!私を読んで!ここを見て!!ニュース!等ああ、ここから離れてください!

それは死ぬまで行われました-それはあまりにも多く、人々がそれを見た後に自動的に離れてクリックするでしょう、それはそれが不快な視覚的な手がかりと記憶の関連付けだからです。

一般に、最近の人々はWebを表示するときに顔の広告の邪魔をしたくありません-ライトボックス広告は同じように進んでいます-ライトボックスのコンテンツではなく閉じるボタンを探すだけです。

2
Jeremy Thompson

私自身については、画像のアニメーションが始まるとすぐに、質問のテキストを見失い、ほとんど読むことができませんでした。これがadblockをインストールした理由でもあります。ほとんどのサイトではこれを無効にしていますが、ページ上でアニメーション化されたものや邪魔なものを見るとすぐに、それをもう一度配置します(広告でない場合は、ソースURLを明示的にブロックします)。 。

他の回答で言及されている特定の障害があることは知りませんが、ページ上の何かが移動または点滅している場合は、焦点を合わせることができません。ポップアップ、通知、動画の自動再生と同じですが、私はそれらをブロックするか、迷惑をかけたらウェブサイトへのアクセスを停止します。

1
chylex

ティッカーは、垂直方向のスペースが非常に限られている場合(一部のTVチャンネルで複数のティッカーがある場合)または一般的にスペースが非常に限られている場合(前の回答のようにパトカーの後ろ)に適しています。

ただし、ティッカーには大きな欠点が1つあります。ティッカーは読み取り速度を左右します。速く読む人はティッカーが新しいワードを表示するのを待たなければならず、遅く読む人はティッカーに追いつくことができません。したがって、スペースにあまり制約がない場合は、テキストボックスを使用してください。

1
Pentium100

これはアンチティッカースレッドです。でも正直に皆さんにお聞きしたいと思います。形状、サイズ、色、構造などのあらゆる可能な柔軟性を備えたニュースティッカーアプリケーションがあった場合、それを使用する可能性はどのくらいありますか。

0
Shivam Verma