音にも気をつけよう

音にも気をつけよう

 Flashは、視覚的な演出だけでなく、音も扱うことができます。ビジュアルと併せてエモーショナルな(情動に訴える)演出をする上で、音はとても効果的です。筆者の経験で、業務用音響機器(レコーディングスタジオやライブ会場で使うような音響機材)のWebサイトの制作ディレクションを請け負ったことがあるのですが、その際クライアントから、Flashを使ったナビゲーションメニューをどうしても採り入れたい、という要望がありました。

 その理由ですが、メニューをFlashでインタラクティブに開く際に、デジタルミキサーのフェーダー(ボリューム調整つまみ)の動作音を効果音として出したい、という何ともマニアックなものでした。わかる人には、こういうギミックは「たまらない」のだそうで、これもエモーショナルなユーザーインターフェースの一例と言えるかもしれません(ただし、やりすぎは禁物ですが)。

 このように音は、視覚的な演出をサポートし、よりエモーショナルにデザインする手段として、とても有効な場合があります。また、第2回(http://www.thinkit.co.jp/article/132/2/)の「コンバージョンに導く好例」で述べたように、ユーザー操作に対するフィードバックとして使っても効果的です。

 ただし、音を扱う際には、次のことに注意する必要があります。

音を扱う上での留意事項

 音を扱う上での留意事項は次の2つになります。

 1つ目は、「無駄な音は使わない」です。

 インターネットの黎明(れいめい)期(まだFlashがポピュラーではない時代)には、BGMが流れるWebページが多く存在しました。Flashを使ったWebサイトでも、クールな演出のために、ちょっとしたループ音をBGMとして流すケースが見られます。ユーザーのエモーションに訴えるために効果的な場合もあり、なかなか線引きは難しいところですが、あくまでもユーザーの目的達成の「手段」としてのWebサイトという観点で考えると、こういった音は往々にして無駄なだけのことが多いものです。さらに、ユーザーによっては、音そのものが邪魔になってしまう場合もあることに、留意するべきでしょう。

 例えば職場でWebサイトを閲覧する場合など、音が出てしまうとユーザーにとって不都合(周りに迷惑)な場合があります。また、視覚障がい(失視)のあるユーザーが音声ブラウザやスクリーンリーダーなどの支援技術を使ってコンテンツを読み上げようとする場合、読み上げの音声がFlashの音と重なってしまい、肝心な情報をユーザーが取得できなくなる、というリスクも考えられます。デフォルト(単にユーザーが当該Webページを開いただけで、特に何のアクションも起こしていない状態)では、音を出さないようにするのが賢明だと思います。

 2つ目は、「音の制御は、ユーザーに主導権を与える」です。

 上記で述べたようにデフォルトでは音を出さないようにすることに加え、音に関する制御は、操作するユーザー側に主導権を与えるようにしましょう。例えば、ユーザーが何らかのアクション(クリックやドラッグといったマウス操作など)を起こしたときに初めて音が出るようにする、ユーザー自身が自由にボリュームを調整したりミュート(消音)したりできるように操作要素をわかりやすく/操作しやすく明示する、といった配慮が必要です。

人気記事トップ10

人気記事ランキングをもっと見る

企画広告も役立つ情報バッチリ! Sponsored

ClickHouse Cloudが実現した広告運用SaaS「ATOM」のデータ基盤革新、パフォーマンスを向上しながら、運用負荷とコストを削減 11月11日 6:20 AIで開発が加速する時代、品質保証はどう変わる? Tricentisが示すAIエージェント活用の実像 11月9日 6:45 悪用までの猶予が「1分」に迫るフロンティアAI時代に開発と本番を貫く脆弱性管理が必要 10月29日 8:30 欧州CRA対応とSBOM運用。AI生成コードのOSS混入問題の対策とは ――スニペット単位で検出する「FossID」「Insignary Clarity」によるSBOM運用 9月16日 6:40 PostgreSQLからTiDBへ、稼働中SaaSで進める段階的DB移行の実践と再設計への展望 9月7日 6:30 機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化&AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線! AIエージェントの「推論能力」を支える2つのコンポーネントとは? 2025年11月28日 6:30