web-dev-qa-db-ja.com

オーディオ/サウンドフィードバックとUIの相互作用に関するUX設計ガイドライン

サウンドのUX設計 の方法について説明した簡単なガイドラインに出くわし、次のような多くの点をカバーする非常に賢明なアドバイスがありました。

  • 作成するサウンドのタイプを決定する方法
  • オーディオファイルの作成方法
  • サウンドがトリガーされる/使用される場所とタイミングを決める方法
  • 改善を実装およびテストする方法

したがって、オーディオキューまたはインタラクションは設計ガイドラインにかなり自然に適合するように見えますが、設計システムまたはフレームワークでそのように詳細にカバーされているかどうかはわかりません。

アクセシビリティに注意を払い、焦点を当てた場合、オーディオ/サウンド要素の設計に関する十分な量の情報を提供する設計ガイドラインまたはフレームワークはありますか?あなたが遭遇したいくつかの良い例は何ですか?

4
Michael Lai

W3s WCAGアクセシビリティガイドライン: http://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-dis-audio.html 基本的に、一部のユーザーが画面を使用していることを覚えている-readers(したがって、auto-start対照的なオーディオを避けたい)、そしてもちろん他の人は聴覚障害者です(したがって、オーディオを介して伝達されるはずのものはすべて別の方法で通信する必要があります)。

リストされている「十分なテクニック」には、次のようなものがあります。

  • G60:3秒以内に自動的にオフになるサウンドを再生する
  • G170:自動再生するサウンドをオフにするコントロールをWebページの先頭近くに提供する
  • G171:ユーザーの要求に応じてのみサウンドを再生する
  • FLASH34:支援技術が検出されたときに自動的に再生されるサウンドをオフにする(Flash)

ビジュアルの例としては、ページの下部にある「続行」を示す緑色の矢印の代わりに、代替テキストとグラフィックのテキストの両方に「この矢印を押して続行する」と記載します(そして、おそらく黒い輪郭を追加します)。色覚異常の人でもコントラストが見やすくなります。)

オーディオについては、「成功」または「失敗」を示すために音だけに頼るのではなく、それを「フロスト」と考えてください。これは基本的なテキスト表示の強化にすぎません。

NNGroupは最近、オーディオに多くのことを行っていませんが、 Audio-Interfacesを見て (Siri、Alexa、HeyGoogleなど)であり、オーディオキューをいくつかの種類に分割します。

  1. 非言語的な音、またはイヤコン(聴覚アイコン)。これは、システムによって生成される特有のノイズであり、通常、特定のアクションまたは状態に関連付けられます。たとえば、Siriは、アクティベーションフレーズを検出すると2トーンのビープ音を鳴らし、コマンドを「聞いている」ことを通知します。

  2. 明示的な口頭の記号は、システムが提案または要求を言葉で表し、使用可能なコマンドをユーザーに知らせます。たとえば、Google Homeに「タイマーを設定」と指示すると、「OK、どれくらいの時間?」と応答します。

  3. 暗黙の口頭による手がかりは、提案を完全に明確にせずに、アクションが可能であることをシステムが示唆している場合。

この記事では、ビジュアルアイコンがわかりにくいのと同じように、イアコンと暗黙の手がかりについてさらに詳しく説明しています。このオーディオのみのインターフェース情報があなたが探しているものかどうかはわかりませんが、役立つと思いました。

2019年7月更新:Googleは Material Foundation にサウンドを追加しました。

工業デザイナーおよび音楽プロデューサーとして、私は音がアクセシビリティにとって重要であることに同意します。オーディオ/サウンド要素の設計とそれらに対するユーザーの認識は、音楽理論の分野、具体的には 音楽心理学 にあります。

ただし、製品やデバイスから音が出ないことを好むユーザーもいることに注意してください。その場合は、ユーザーがサウンドを無効にできるようにすることをお勧めします。ユーザーにとってのボーナスは、音量レベルを調整する機能です。

2
Davbog

Googleには 会話型UI に関するガイドラインがあります。そのうちの1つは明らかに音声ですが、音声に固有ではありません。また、WayfinderのOpen Standardsグループには Audio Design に関するセクションがありますが、非常に基本的なものです。

全体としては、UXデザインコミュニティが対処することを検討すべき大きなギャップのようです。

1
Bryce Howitson

少し前にプロジェクトで使用したサウンドのUXに関する役立つ記事をいくつか紹介します。

Susini、P&Houix、Olivier&Misdariis、Nicolas。 (2014)。サウンドデザイン:日常の音の知覚を研究するための応用的な実験的フレームワーク。新しいサウンドトラック。 4. 103〜121。 10.3366/sound.2014.0057。

Carron、Maxime&Dubois、Françoise&Misdariis、Nicolas&Talotte、Corinne&Susini、P。(2014)。健全なアイデンティティの設計:ブランド「企業の音」を構築するための新しいコミュニケーションツールを提供します。

ウィルリトルジョン(サウンドデザインディレクター@ Facebook)mobile-サウンドデザインでモバイルインタラクションを強化する方法 https://medium.com/facebook-design/how-to-enhance-mobile-interactions-with-sound-design- 3c3b30e98177

1
StarGirl