サウンドアドバイス:UXサウンドを設計するためのクイックガイド

公開: 2022-03-11

交配の呼びかけ、警告のうなり声、そして協力的なクースは、動物界全体で聞こえる音の一部です。 すべての種は、微調整されたノイズを使用して相互に通信し、他の人に行動や行動を知らせます。 私たち人間はそれほど違いはありません。

私たちには非常に複雑な話し言葉がありますが、人間もコミュニケーションに音を使用します(たとえば、フランス語には、単語を形成することのない一連の口頭の手がかりがあります)。 私たちは都市や社会を構築してきたので、意味を表すためにあらゆる種類の音を使用します。 トラックは、逆さまになると他の人に警告するためにビープ音を鳴らし、水が沸騰するとやかんが笛を鳴らし、高度に設計されたBMW車のドアが閉じるときに鳴る音は、エンジニアリングの腕前を意味します。 そして、常に存在するデジタルの世界では、テキストメッセージのpingが通知に注目を集めています。

可聴音は、世界と私たちの周囲を理解するために不可欠です。 それらは、UXデザインのインタラクティブな体験と同じように考慮されるべきではありませんか?

エルクベローズとケトルホイッスルがUXサウンドデザインをデモンストレーションします
音は、動物界や人間が社会全体で構築した経験の中でコミュニケーションをとるために使用されます。 デザイナーがデジタル空間で体験を生み出すので、サウンドを見逃してはなりません。

デザインでUXサウンドを検討する理由

犬のうなり声が拮抗薬にフィードバックを提供するのと同じように、デジタル状況での音も同じように機能するはずです。 10のユーザビリティヒューリスティック原則の作成者であるJakobNielsenは、ユーザーエクスペリエンスを成功させるにはフィードバックが不可欠であると断言しています。 これは、ユーザーのアクションのステータスを共有したり、エラーを防止したり、ユーザーがエラーを認識、診断、および回復できるようにする場合に役立ちます。

デザイナーが忘れがちなのは、これらのことを実現する方法はビジュアルコンポーネントだけではないということです。 UXのサウンドデザインは、次のことに貢献できます(そしてそうすべきです)。

  • ユーザーのアクションまたはシステムステータスに関するフィードバックの提供
  • コンテキストの構築とユースケースの理解
  • 警告や機会などの重要な情報に注意を向ける
  • ブランドの個性と認知度を確立する

フォームと機能のバランスをとる方法

美しいがUXの目的を果たさないサウンドと、機能するがブランドの声のトーンと一致しないサウンドは、どちらも重要な要素を欠いています。 インターフェイスサウンドの作成には、人間工学的/ユーザビリティの観点とクリエイティブ/ブランディングの観点の両方が含まれます。 それらを洗練された最終結果に収束させるための鍵は、それらを相互依存していると考えることです。 次のヒントは、UXデザインの一部として便利美しいサウンドを作成するためのガイドを提供します。

まず、ユーティリティに焦点を当てます

製品の機能を操作するとき、人々は自分が役立つと思うものが大好きです。 オーディオ機能も例外ではありません。 したがって、印象的なサウンドエフェクトを設計するためにAbletonに飛び込む前に、設計者はまず、ユーザーがフィードバックを受け取りたいと思う可能性のある主要なアクションについて考える必要があります。

サウンドキューの可能性を特定する最良の方法は、ユーザーフローを確認することです。 サウンドが完全なユーザーエクスペリエンスを向上させることができる場所を検討してください。 アップロードは完了しましたか? ファイルの保存中に問題が発生しましたか? デバイスは充電されていますか? ユーザーは何かに基づいて行動する必要がありますか? 音の機能は、インタラクションに可聴フィードバックを提供するときに最も効果的です。

サウンドを組み込んで、インタラクションに「ネガティブスペース」を作成することもできます。これにより、ユーザーは、アクションが完了したことをサウンドが警告するまで、他の場所に注意を向けることができます。 (Leo Foureauxによるサウンド、Jordan DeVosによるアニメーション)

スキューモーフィズムの代わりにメタファーを使用する

「システムと実世界の一致」(ニールセンのユーザビリティヒューリスティックによる基本的なユーザビリティの原則)を作成する場合、設計者は物理的なオブジェクトまたは感情や経験を参照できます。

最初のアプローチはスキューモーフィズムと呼ばれ、デジタルインターフェイスをアナログインターフェイスのように見せたり、流したりする方法です。 黄色い線の紙のパッドを模倣したAppleのNotesアプリを使用したことがある場合、またはファイルを削除して紙のしわくちゃを聞いたことがある場合は、おそらくこれを直接目にしたことがあります。

この戦略はユーザーフレンドリーなソリューションのように見えるかもしれませんが、一般的には魂のないインターフェースを提供します。 スキューモーフィズムがユーザーとの感情的な絆を生み出すことはめったにありません。 デザインが90年代の懐かしさを要求しない限り、文字通りのビジュアルや効果音を使用しないのが最善です。

より人間的で洗練されたアプローチは、特定の相互作用を取り巻く感情を呼び起こすか模倣することです。 設計者は、音のメタファーを使用できます。これは、ユーザーが過去に経験した経験のように感じるため、ユーザーがすぐに解釈して認識できる抽象的な可聴フィードバックです。 驚き、新たな始まり、タスクの完了などのシナリオに関連する感情を、対応するデジタルに組み込むことができます。

スキューモーフィズムとは異なり、比喩は文字通りの視覚的または音的認識を要求しません。 むしろ、相互作用の間に比喩が呼び起こす感覚は、なじみのある感情的な経験につながります。

サウンドは、アプリDiscordでのユーザーアクションを強化します。 誰かが電話に出ると、明るく上向きの音が鳴り、友達がいるという楽しい気持ちを呼び起こします。 誰かが電話を切ると、まろやかで下向きの音が鳴ります。

「サウンドスタイルガイド」を作成する

ブランドまたはデザインシステムは、すべてのタッチポイントで一連の事前定義された要素を使用して、ユーザーエクスペリエンスの一貫性とまとまりを確立します。 サウンドは、ビジュアルインターフェイスのスタイルガイドを作成するのと同じように扱う必要があります。 これは、一連の要素のさまざまな再配置と見なす必要があります。 おそらく、製品は各曲に同様の音色を使用するか、水滴、風の強いささやき、砂のガラガラなどの自然音を組み込むことができます。

これらの概念は、製品のブランドの個性から生まれ、構築されることに注意することが重要です。 ビジュアルUIデザインコンポーネント、マイクロインタラクション、およびサウンドはすべて、ユーザーの視点で集約され、ユーザーがブランドをどのように認識するかを形作ります。

サウンドは、ブランドやエクスペリエンスの認識に大きく貢献します。 上記の2つの音は同じ視覚を伴いますが、2つの異なる聴覚体験を提供します。 (Leo Foureauxによるサウンド、Jordan DeVosによるアニメーション)

UXサウンドをシンプルに保つ

象徴的なプロダクトデザイナーであるディーター・ラムスは、今日でも強力なデザインの10の原則を作り上げました。 10番目の最後の原則は次のとおりです。「優れたデザインとは、可能な限りデザインを少なくすることです。

少ないですが、より良いです。なぜなら、それは本質的な側面に集中し、製品は本質的でないもので負担をかけられないからです。 純粋に戻り、シンプルに戻ります。」 音は、過度ではなく、意図が簡潔である必要があります。

調和のとれた複雑な音は優先順位を示し、非常に重要なことに注意を向けます。 したがって、音がすぐに注意を払う必要のないアクションにフィードバックを提供する場合、複雑な音は適切ではありません。 実際、ユーザーが重要なことを何も見つけないようにサウンドに対処する場合、それは良いことよりも害を引き起こす可能性があります。

同じレベルの単純さが、 UXデザインのサウンドの長さに適用されます。 経験則として、トランジションまたはマイクロインタラクションサウンドは、関連するアニメーションより0.3秒以上長く続くことはありません。 音は、ユーザーが知覚できる程度に短くする必要があります。 参考までに、Samsungのホイッスル通知音が大きすぎます。

デバイスのUXサウンドを設計する

モバイルアプリやウェブアプリがユーザーの手元にある場合、サウンドはそれほどハイファイではないスピーカーから再生される可能性があります。 通常、モバイルデバイスとラップトップは、低周波数を下げ、中高周波数を上げるように設計されています。 設計者は、設計対象のデバイスを介して自分の曲を聴き、次のことを尋ねる必要があります。

  • 音が重く感じたり、こもったりしませんか? 低い周波数のいくつかを削除し、高い周波数を強調します。
  • 音がきしむ、またはもろく感じますか? より高い周波数のいくつかを切り分けて、中から低の範囲を太らせます。

中域の周波数は人間の声に対応しているため、ポータブルデバイスはかなり適切な応答を示す傾向があります。 設計者はそれを有利に使用する必要があります。

典型的なラップトップの周波数応答は、低、中、高の周波数を示しています
典型的なラップトップスピーカーは、高周波数と低周波数を強調します。 左側の谷が見えますか? ノーバスキャニオンです。

UXサウンドデザインの反復許容度に注意してください

お気に入りの明るい曲をアラーム音として設定したことはありますか? 耐えられなくなるまでどれくらいかかりましたか?

繰り返しの許容範囲は、同じ音を何度も聞いて立つことができる頻度に制限があることを示しています。 タスクが完了としてマークされるたびに「ta-da」の音が聞こえるのは満足のいくことかもしれませんが、100回目までに、人々は完了したタスクをチェックするために代替(サイレント)ツールを使用することを好むかもしれません。 または、さらに悪いことに、望ましくない音が製品をはるかに超えた影響を及ぼし、迷惑な曲が聞こえないようにするためだけにユーザーが先延ばしになる可能性があります。 音が存在しないことを望む前に、音が繰り返される回数には制限があります。 さらに、サウンドが複雑になるほど、しきい値は大幅に低くなります。

オーディオの乱雑さは、多くの場合、乱雑なビジュアルインターフェイスよりもユーザーにとって煩わしいものです。 ユーザーは、5秒ごとのビープ音など、繰り返し悪化する音がするアプリをミュートできます。 一般的な経験則として、製品で音が頻繁に発生するほど、製品はより繊細で、短く、暖かくする必要があります。

反復性と注目度のグラフは、スイートスポットと問題点がいつ発生するかを示します
音は時間の経過とともに繰り返し発生するため、黒板の釘を聞くのと同じくらい痛みを伴う可能性があります。 注目度と反復性のスイートスポットを見つけることは、UXデザインの成功に多大な影響を及ぼします。

UXサウンドのテスト

ユーザーテストは、UXデザインの標準的な方法です。 音声がある場合とない場合(ミュートとミュート解除)のインターフェイスをテストすることも同様に重要です。 ユーザーエクスペリエンスは、両方の状態で等しくまとまりがある必要があります。 さらに、ユーザーはテスト中に製品のサウンドをミュートする簡単な方法を常に用意し、オンとオフを切り替える頻度を記録する必要があります。

すべてのユーザーの能力をテストに含める必要があります。 音声フィードバックは視覚障害者にとって非常に便利ですが、聴覚障害者が製品の重要な部分を見逃さないようにするためには、視覚障害者が重要な場合があります。

インターフェイスの他の部分と同様に、反復は、ユーザーが気に入る効果音を実現するための基本です。 設計者は、不必要な音の​​手がかりと、音が体験を向上させる可能性のある興味深い機会に注意を払う必要があります。

UXサウンドの力を解き放つ

人間が周囲の世界を伝え、理解するために音に依存する生物学的理由があります。可聴キューは、行動や行動にフィードバックを提供することがよくあります。 サウンドデザインをユーザーエクスペリエンスに統合するUXデザイナーは、非常に効果的であることが証明される多感覚の相互作用を作成できます。 スマートデバイスが現代社会で普及するにつれて、美しく便利なサウンドは、非侵襲的な方法で体験を豊かにすることができます。 サウンドは、インパクトのある製品の成功に大きく貢献することができます。

•••

Toptal Designブログでさらに読む:

  • 生産的なデザイン批評のためのヒント
  • 悪いUXの顕著な要因
  • より良いUXのためのUIスタイルガイドの作成
  • 経験がすべて–究極のUXガイド
  • スキルを磨く:学際的なデザインの価値