web-dev-qa-db-ja.com

サウンドがウェブサイトで控えめに使用されるのはなぜですか?

たとえば Skype のようなアプリケーションでは、たとえばユーザーがログイン/ログアウトするときなど、ユーザーエクスペリエンスを補完する思慮深いサウンドデザインがあります。

そのようなインターフェースの例は複数ありますが、私たちが定期的に目にするWebサイトで考えることができるものはかなりあります。ログイン/ログアウト、アラート/通知、セクション名のセクションの展開/折りたたみなど、使用するこれらすべてのWebサービスで多くの同様のタスクを実行します。

これらのウェブサイトでサウンドデザインが無視されているのはなぜですか?そして、それには正当な理由がありますか?

いくつかのコミュニティの意見を見て、ウェブサイトのレスポンシブバージョンと関連するサウンドデザインの観点からはどうでしょうか?そこではもっと理にかなっていると思います。モバイルWebはますます(議論の余地がある)ネイティブアプリになりがちなので、サウンドデザインはそれを実現するための追加のステップになる可能性があります。

94
Amit Jain

それはほとんど常に迷惑なためです。

あなたはおそらくこの状況を認識しています。インスピレーションを求めてWebサーフィンをしていて、いくつかのリンクをクリックし、Twitterフィードを監視し、後で確認するためにバックグラウンドでページを開いています。突然あなたのコンピュータは悲鳴を上げ始めます!

これはロックソングですが、ビットレートが低すぎるため、非常に大きくて認識できません。どこから来たのかはわかりませんが、すぐに停止して、すべてのブラウザタブを閉じて、再び静かにしたいとします。

私がウェブサイトでバックグラウンドミュージックについて尋ねるほとんどすべての人々は、彼らがそれが完全に迷惑だと思うと私に言っています。ウェブサイトは、あなたが音を出すことを期待するものではありません。 多くの場合、ウェブを閲覧しながら音楽を聴きます。余分な音の層を入れる余地はありません

ただし、バックグラウンドミュージックとインターフェイスサウンドには違いがあります。適切なサウンドを適切に使用することで、実際にWebサイトのユーザーエクスペリエンスを改善できると思います。

出典: ウェブサイトでサウンド:敏感なテーマ

しかし、それが必要な場合、または必要な場合は、次のヒントを参考にしてください。

Webサイトでサウンドを使用する 常に良いアイデアとは限りません 。実際、それは人々をより頻繁に悩ませます。これはおそらく、くだらないサウンドを含む膨大な量のWebサイトが原因です。ただし、サウンドを適切に使用することで、ユーザーエクスペリエンスを向上させることができます。とにかくそれをしたい場合は、エクスペリエンスをできるだけ快適にするための10のヒントのリストを次に示します。

  • バックグラウンドミュージックはありません多くの人がウェブを閲覧しながら音楽を聴いています。あなたのウェブサイトで音楽を再生することによってそれらを中断しないでください。一部のサイトでは、Web /サウンドアートや特定のサウンド関連のWebサイトなど、音楽を使用すると全体的なエクスペリエンスが向上する可能性がありますが、訪問者に警告せずにそれを行わないでください(ヒント3を参照)。本当にあなたのウェブサイトに継続的なサウンドトラックを与えたいのであれば、背景の雰囲気を使用することを検討してください(ヒント4を参照)。
  • 自動再生しない音楽を使用する場合は、訪問者の許可なしに音楽を開始しないでください。後で確認するために、自動再生のMySpaceページを新しいブラウザタブで開いたことがあれば、私が何を話しているか知っています。また、ミュートボタンを提供します。ユーザーがサウンドを気に入らず、オフにする方法がない場合、ユーザーはWebサイトを離れます。
  • 邪魔にならないインターフェースサウンドユーザーインターフェースアイテムにサウンドを追加すると、サイトの使いやすさが確実に向上します。これらのサウンドは、音楽を聴いているときでも、ユーザーが聞こえるように、ただし、静かな環境でブラウジングしているときに邪魔にならないように、目立たないようにしてください。
  • 音を短くする音が煩わしくならないようにする良い方法は、音を短くすることです。マウスカーソルが触れるすべてのリンクで再生される2秒の長い音でWebサイトを移動することを想像してみてください。それは楽しい経験ではないでしょうか。
  • 適切な周波数を使用してください人間の耳は1kHzから5kHzの間の音に最も敏感ですので、ひどいラップトップスピーカーであっても人々に音を聞かせたい場合低音量に設定し、この周波数範囲に焦点を当てます。
  • サウンドとデザインを一致させるサイトのデザインに可能な限り近いサウンドを作成してください。デザインがかなり未来的である場合、非常に自然な、または認識可能な楽器音を使用するのは奇妙です。この場合、抽象的な電子音がグラフィックデザインをよりよく補完するでしょう。
  • 全体的なユーザーエクスペリエンスに注意してくださいクールだと思うので、単にWebサイトにサウンドを追加しないでください。それがユーザーにとって何を意味し、それが全体的なユーザーエクスペリエンスをどのように改善するかを自問してください。これらの質問に対する明確な答えが見つからない場合は、行わないでください。ほとんどのインターネットユーザーは、Webサイトがサイレントであることを望んでいます。気をつけて、気にしないように行動しないでください。

出典: 効果的なウェブサウンドデザインのための10のヒント

236
Benny Skogberg

もう1つの質問は、Skypeログインで音が使用される理由であり、答えは、Skypeの通常の使用方法によるものだと思います。 Skypeがオンラインオーディオおよびビデオ会議を行うための最も一般的な(最も一般的なものではないにせよ)アプリケーションの1つであることを考えると、ログイン時に短い音を鳴らすことで、オーディオが現在オンになっていて適切に構成されているかどうかを確認できます。 Apple Macの起動時のサウンドは、同じ理由で考え抜かれたものです。

さらに、FacebookやGoogleハングアウトなどの通信機能を備えたほとんどのWebページは、誰かがあなたに話しかけたという通知の一部として音を鳴らします。 Skypeのように、その音はあなたに注意を喚起するためにあなたに宛てられた直接の行動を通知します。

40
JordiVilaplana

他の答えの多くは非常に良い点に触れていますが、私が言及していないものを適切な程度に追加します。 尊敬。ユーザーだけでなく、近くにいる可能性のある他の人にも。

インターネットは、完全にコンピュータ画面に焦点を当てた人里離れた場所にいるときにだけ使用されるものではないことに留意してください。インターネットはどこにでもあります。まだ家にありますが、仕事中、車の中、地球の周りのポケット、病院、学校、教会、飛行機、地下鉄などにもあります。このために、インターネットとそこにあるページを作成する開発者それは、Webページにアクセスするすべての場所が突然ノイズを含むのに適しているわけではないことを理解する必要があります。病院の待合室で死にそうな家族のニュースを待っている人は、隣の男がメールをチェックしている間、誰かがランダムに鳴らしたり、ビンビン音を鳴らしたり、誰かが再生するようにプログラムされたサウンド効果を突然聞きたくありません。教師が重要な試験を監督しながらオンラインレッスンプランを更新する場合も、ミュートを押す必要がないと思っていたからといって、ラップトップからランダムな音が出ることを望んでいません。

Skype、FacebookなどのWebページやアプリケーションは、ビジネスの性質上、ある程度の音で逃げることができます。 SkypeはSoundで不可欠な役割を果たし、Facebookは通知を利用して人々がサイトに参加し続けるようにします。対照的に、私の銀行のWebサイトにアクセスして残高を確認し、次にGoogleにアクセスしてガジェットのレビューを読んだ後、Amazonにアクセスしてガジェットを購入するのは別の話です。これら3つのことはどれも、目標を達成するために音を聞くことに依存していないので、なぜ不必要なものでこれらのWebページを膨らませるのでしょうか。

同様のトピックは、90年代に人気があり、奇妙な形をしたり、絶えず輝きを垂らしたり、ページ設計者が良い考えだと思っていたものの、たいていは絶滅した修正マウスカーソルのようなものです。最新のウェブ。

31
Prof. Bear

私はBenny Skogbergの答えが気に入っており、彼のアドバイスにも同意しますが、不快に聞こえるものの詳細について詳しく説明したいと思いました。

サウンドの主な問題は、本質的に非常に煩わしいことです。バナー広告は無視して比較的簡単にコンテンツに到達でき、ポップアップでさえ別のウィンドウに切り替えることで無視できます。ユーザーが他のWebサイトを見ている場合でも、特定のWebサイトから再生されるサウンドが支配的です。

これに関連して、ユーザーは通常、一度に1つの音しか聞こえず、不快な音は聞こえません。ユーザーは、選択したバックグラウンドやアラートと通知の「シンフォニー」よりも、自分の音楽を聴くことを好む場合があります。

また、期待の問題もあります。ユーザーは通常、Webサイトが質問なしにサウンドを再生することを期待しません。やや極端な場合、ユーザーはライブラリのような静かな環境にいる可能性があります。予期せずオフにできないサウンドは、他のユーザーだけでなく他のユーザーにとっても迷惑な場合があります。

上記の多くは、メッセージの受信など、(うまくいけば有用な)メッセージを伝えることを目的とした、短くて邪魔にならない音の問題のはるかに少ないことに注意してください。ただし、そのような状況でも、デスクトップ通知を使用するか、少なくともユーザーがサウンドをオフにできるようにした方がよい場合があります。

28
user271667

Traditionは重要です。 Web 1.0の観点から考えると、論理的にサウンドを必要とする可能性のあるイベントははるかに少ないです。誰かがサウンドを入力する可能性があるが、それでもそれほど多くはない場合のいくつかの例:ログイン/ログイン失敗;ページが読み込まれます(これはブラウザーで行うことができます。これには、ネットスケープのオプション/アドオンがあると考えています)。本当に便利な通知はチャットイベントだけです。ウィンドウブラウジングでは、これはかなり明白でした(専用のチャットアプリを使用していないと仮定すると、ほとんどの通常のユーザーはそうでした)。

同じような時代に戻ると、共有スペース(オフィスなど)にあるデスクトップコンピューターが主要なターゲットでした。検索結果が読み込まれたときにYahooが迷惑なノイズ(つまりノイズ)を発生させた場合、検索エンジン/スタートページを変更する方法を知っているすべての人がAlta Vistaまたはanyone誰も黙っていた。また、「当社のジングル音を聞くには、RealPlayerをインストールしてください」-Webの伝統が確立されていた頃のサウンドサポートは、まだらでした。

最近、主要なブラウザがサウンドアイコン/ミュートボタンをタブに追加しました。ウィンドウブラウジングの時代には、タイトルバーがアプリケーション開発者の管理下にあるわけではないので、実装するのははるかに困難でした。

モバイルWebの台頭を使用した場合にのみ、通知音が価値のあるものになります-すべてのアプリケーションが(最初の概算で)全画面表示の場合、メッセージが到着したことをユーザーに知らせる何らかの方法が必要です。 (たとえば、電話はメッセージングデバイスと見なすことができます)。電話は常にビープ音を鳴らし、人々はあまり注意を払っていません。スマートフォンには、音声を停止することと、音声なしでユーザーに通知すること(バイブレーション)のどちらも適度に標準的な方法があります。アプリでは、アプリでサウンドをダウンロードします。これは、優れたバンドウィッシュで実行できる計画的なダウンロードです。 Webでは、ページをロードするとサウンドがダウンロードされます。4Gでも、同じバックボーン接続を使用しているユーザーが多い場合、またはブロードバンドの品質が低い場合、ページのロード時間がかなり遅くなる可能性があります。

ユーザーの尊重も問題です-自動ノイズを発生させる広告は、初期の広告ブロックの原動力でした(ホストファイルへのコピーアンドペーストの時代にさかのぼります)。ページの読み込みが遅いとユーザーに迷惑をかけるので、ブラウザに高度に圧縮されたストリーミングオーディオが組み込まれているにもかかわらず、これは再び問題になります。ユーザーを不必要に煩わせても意味がありません。

13
Chris H

迷惑なことは、ここでの鍵です。別の一般的な(私にとっての)ユースケースを追加するだけです。

ニュースサイトを見ているときに、多くのブラウザタブを比較的すばやく開きます。興味のある見出しが表示されます。右クリックして新しいタブを開き、次の見出しなどを読みます。同様に、このサイトでは「ホットな質問」リンクをたどっただけです。これは8つの質問の最初ですそれは私に興味があります-それらはすべて異なるタブで開いています。彼ら全員が何らかの音を鳴らすと、それは迷惑になります。

これは、CNN、NBCなどのニュースサイトで頻繁に発生します。そのうちの1つは、しばらくするとビデオの再生を開始し、次に別のビデオを再生します。次に、開いているすべてのタブを調べて、どのタブが再生されているかを確認し、フィードを停止する必要があります。または、サウンドが見つからないのでオフにします。 Pandoraのような何かを聞いていた場合は、ごちゃごちゃした音の混乱があり、迷惑なためすべてのタブを閉じてしまうだけです。

Skypeを開くと、それがアプリケーションになります。あなたはそれを期待しています。ブラウザで多くのタブを開くことは非常に異なります。

12
CramerTV

Flashが最初に人気になった当時、サウンドを使用したWebサイトのリストは無数にありました。それは本当に迷惑で、誰もがそれを嫌っていました。その前にMIDI GeoCities/MySpaceページにバックグラウンドミュージックがあり、これも同様に軽蔑の対象でした。ほとんどすべての人(マーケティング担当者と怒っているティーンエイジャーを除く)は、ウェブサイトでの最良の量のサウンドに同意しましたゼロです。

他の人は「それは煩わしい」という角度を詳細に説明しましたが、それがウェブ上のサウンドが時代遅れになった理由だとは思いません。非常に迷惑な習慣がたくさんありますが、人々はそれを続けています。たとえば、ドアスラム(ウェブサイトがアプリのダウンロードを強要した場合)、過度のJavaScript、Flashアニメーションサイト、派手なバナー、アドブロッカー対策などです。明らかにそれが彼らの目的を促進するのに役立つならば、あなたがいかにイライラしていても気にしないことができる多くのデザイナーがあります(「モダンで洗練されたウェブサイトのデザイン」のためにクライアントの$$$を請求する、または広告クリック収入を最大化するなど)。 。だから迷惑だからといって音が消えてしまうことはなかったでしょう。

本当の問題は、音が別の問題を引き起こすということです:多くの人々はスピーカーを持っていないでしょう。一部の人は音をミュートにします。音量が不適切なレベルのものもあります。ウェブサイトのサウンドを圧倒する大音量の音楽を再生する人もいます。これは、特定の訪問者にとって、あなたのウェブサイトの音が壊れる可能性が高いことを意味します。サウンドがサイトのUXにとって重要である場合、これは非常に悪いニュースです。つまり、多くの人にとって、サイトは壊れています。ミューターにミュートを解除するよう依頼することもできますが(競合他社のサイトをグーグルで検索するのではなく、どれだけの人が気になるのでしょうか)、サイトのスピーカーだけを購入するように依頼することはできません。

人々はウェブサイトをデザインするときにさまざまな目標を念頭に置くことができますが、ほとんどの人は誰かがサイトにアクセスしたときに実際に機能することを望んでいます。音で、これは本当に、本当に難しいです。 Skypeは、ルールを証明する例外です。Skypeを使用する主な理由は、電話をかけることです。つまり、サウンドが機能していなかった場合、have Skypeを使用しません。したがって、Skypeの場合、一般的なユーザーにとって音が途切れるリスクは最小限であり、彼らは楽しそうに音を使用します。

10
Superbest

すでに与えられたすべての回答に加えて、多くのユーザーが多くのタブを開いていることが多いと思います。現在、10個のタブを開いています。これらすべてのタブが音を出し始めたと想像してください。

6
Kokodoko

典型的なWeb訪問者にあなたのWebサイトに注意を向けることは理にかなっていると納得させるのに2〜5秒かかるからです。

そのような短い時間の間、印象的なまたは説得力のある何かを再生または発言することはできません(おそらく、死の悲鳴は別ですが、これはすべてのトピックに適しているわけではありません)。

テキストとグラフィックスは、最初の注意を引くのに役立ちます。ユーザーは、この数秒で多くの視覚資料を読み取り、特に「スキャン」できます。

6
h22

音はサポートするのがかなり難しいです。昔は、Webブラウザはサウンドをサポートしていませんでした。その後、サウンドはプラグインによってサポートされましたが、プラグインは互いに互換性がないことがよくありました。それから人々はフラッシュが好きになりました。しかし、ユーザーは不満を述べました。 HTML5の人気が高まるにつれて、Flashの人気は低下し始め、Webブラウザーにはスピーカーのアイコンをタブに配置してノイズを発生させるなどの機能が追加され始めました。 Flashを使用してノイズを発生させるすべての広告のため、この機能はおそらく非常に望ましいものでした。

また、グラフィックスのカスタマイズを含め、常に多くの新しいグラフィックスを必要としている業界全体もあります。しかし、人々がWebページのインタラクティブ性のために新しいサウンドを作成し続ける必要があると認識されている必要性は、それほど大きくはありませんでした。そのため、積極的にそれを行っている専門家は少なくなっています。

軽蔑して音を見続ける人もいると思います。ただし、より若い世代は、よりインタラクティブで、「ゲームのように」感じるほどに面白いWebサイトを高く評価するでしょう。 HTML5により、さまざまな種類のデバイスで機能を簡単に機能させることができるようになり、訪問者の一部の音声による注意を引き付けて満足させる方法を見つけるWebサイトが増えるのは時間の問題です。

5
TOOGAM

控えめに言っても迷惑なので。また、オフィスや図書館など、静寂が必要な多くの場所では、音量が小さくても他の人を非常に邪魔します。そして、何らかの音があり、それを止めたり制御したりする方法がない場合でも、ほとんどのユーザーはすぐに閉じて、再びアクセスすることはありませんが、非常にまれです。

実際、YouTubeなどのビデオWebサイトを使用すると、ビデオから音が出ることはわかっていますが、複数のタブが開かれると音量とボタンの音が不快でわずらわしいため、音量ボタンは閉じたままにします。

4
Rolen Koh

人々が音を嫌い、私が遭遇したすべての悪い経験についてあなたに話す理由について、私は何度も何度も続けることができます Googleはそれらの結果に恵みがあるので、Googleにお任せします

ただし、実際にサウンドを使用して、ユニークで思い出に残る体験を提供するWebサイトを指摘することが重要だと思います。

www.nightdivestudios.com


将来の読者のために

上のWebサイトは、海の底に泡やその他の水生アイテムが見える水中スキューバシーンのようにデザインされています。私にとっては、それはBioShockを連想させます。

enter image description here


チャットウィンドウを開いている場合、新しいメッセージが到着したときに音が鳴るので、音が高く評価されるもう1つの例はFaceBookメッセンジャーです。

3
MonkeyZeus

私自身の質問への回答-一般的な意見の中で、Webサイトで聞こえる肯定的な点があるかどうかを確認することは避けてください。

UI要素にアタッチされたこれらのサウンドの例を見てください: http://rcptones.com/dev_tones/#tabr4 仮定すると、切り替えるには十分簡単な方法があると仮定しますこれらのサウンド(コントロール)をオン/オフすると、すぐにフィードバックを確立するのに非常に役立つことがわかります。これは、UXを強化するのに非常に役立つことです。彼らもある程度アクセシビリティを手伝ってくれる?結論にジャンプする前に、大声で考えていますか?

3
Amit Jain