ステファノ・バルダン

ハッカソン プロジェクトでは、Miro ボードを最大限に活用できるようにソニフィケーションを組み込むことで、Miro が視力のないユーザーや弱視のユーザーをより包括的にする方法を探っています。

Act 1: アクセシビリティの旅の始まり

こんにちは、みんな！私の名前は Stefano です。Miro でフロントエンド エンジニアとして働いています。確かに、私はフロントエンド開発にはそれほど興味がありません。何よりも、私は間違いなくエンジニアではありません。

「Statale」としても知られるミラノ大学で、コンピューター サイエンスのキャリアと教育を開始しました。私は「Scienze e Tecnologie della Comunicazione Musicale」（イタリア語で音楽コミュニケーションの科学と技術）というコースに在籍していたので、ほとんどの講義はデジタル信号処理とサウンドおよびミュージック コンピューティングに関するものでした。同じ市の工学部である「Politecnico」で起こったこととは反対に、私たちは自分たちをエンジニアではなくコンピューター科学者と呼ぶことに誇りを持っていました。私たちは自分たちをアルゴリズムの魔法使いだと考えており、ペンと紙だけを使って計算呪文を唱え、それをマシンに入力する前に検証することができます。

では、私のような人間が Miro のフロントエンド エンジニアリングにどのように適合するのでしょうか? この会社について私が最も気に入っていることの 1 つは、信じられないほど多様な才能で構成されていることです。私たちは皆、提供できるユニークなものを持っており、自分の興味に従い、自分のスーパーパワーを使って影響を与える機会を常に提供されています。

私の場合、デジタル サウンドを使って多くの作業を行うことで、他の感覚、特に視覚を使用する能力をどれだけ当然のものと思っていたかを理解することができました。しかし、可能性のある選択肢の 1 つではなく、周囲を知覚する唯一の方法が音だったとしたらどうでしょうか? この質問は、長い道のりへの最初の一歩であり、何年も経って仕事を経て、最終的に Miro のアクセシビリティ チームに参加することになりました。

Act 2: すべてのユーザーのニーズを満たすという課題

同僚と私は、誰もがオンライン イノベーション ワークスペースにアクセスできるようにするという、信じられないほど刺激的で複雑でやりがいのある使命に着手しました。個人的には、ミロボードよりも視覚的なものを思いつきませんよね? 私たちが解決しなければならない難しい問題の 1 つは、そのすべての視覚情報を、それを見ることができない人々にどのように伝えるかということです。

1 つの解決策は、スクリーン リーダーが Miro でコラボレーション イベントをアナウンスできるようにすることです。多くの視覚障害者は、スクリーン リーダーを使用して、注目している要素のテキストを読み上げています。これは、個々の作業に適しています。しかし、スクリーン リーダーを使用してすべてのコラボレーション イベントをボード上でアナウンスするとしたら、全員が同時にメモを読み上げる会議室のように聞こえます。それは非現実的で圧倒されるでしょう。

もう 1 つのより実用的な解決策は、ソニフィケーションと呼ばれるものを構築することです。言い換えれば、ボード上で発生するすべてのイベントに有益なサウンドを関連付けます: 新しく作成または削除されたコンテンツ、編集された要素、共同作業者がボードに参加または退出するなど。しかし、これは正しい解決策ですか？このようなプロジェクトは、多くの作業を伴い、多くの時間を要し、望ましい結果が得られない可能性があります。音が十分に情報を提供しない場合はどうなりますか? 彼らがうるさすぎたり、気を散らしたりしてしまったらどうしますか？

Act 3: ミロハッカソンのプロセス

Miro ハッカソンは、これらすべての質問に対する実践的な回答を迅速に得るための完璧なフレームワークを提供してくれました。また、その過程で多くの楽しみを持つという付加価値もありました! 彼らは少なくとも年に 1 回組織され、会社全体を巨大なシンクタンクに変え、人々がチーム、機能、ハブを超えて協力します。現在 Miro の一部として最も愛され、使用されている機能の多くは、実際には、過去のハッカソンでの小規模ながらも大胆で野心的なプロジェクトとして始まりました。

前回は今年の2月。3 日間、私たちは許可されただけでなく、思いついたクレイジーなアイデアを試すことを積極的に奨励されました。

最初のステップは構想段階でした。私は、私たちのチームの素晴らしいデザイナーであるカイとペアを組み、お互いにアイデアをぶつけ合いました (ミロ ボードで — 言うまでもありません!)。最初の突飛なアイデアやランダムな考えはすぐに形になり、プロジェクトの範囲に似たものに変わりました。私たちは最初のドラフトを何度も繰り返し、それを徐々に改良して、3 日間のハッカソンの非常に限られた時間枠内で自分たちで設定した目標を現実的に達成できるようにしました。これが私たちが思いついたものです:

• 目標は、サウンドを使用してミロ ボードでのコラボレーションの認識を拡張することです。
• 目の不自由なユーザーは、ボード上のイベントを見るのではなく聞くことで、ボードのコラボレーションを認識できます。
• 目の見えるユーザーも音声化の恩恵を受け、ビューポートの外で起こっているコラボレーション イベントを聞くことができます。
• Miro は、ボード上で次のイベントのいずれかが発生するたびに、非常に短い象徴的なサウンドを再生します。
  – 新しいウィジェットが作成される
  – 既存のウィジェットが削除される
  – コラボレーターがユーザーのビューポートに出入りする
• サウンドは、ユーザーのビューポートに対する相対的な位置と距離に従って、2D 平面上に空間化されます。

1 日目: キックオフ ミーティングと専門家によるサポート

初日は短いキックオフミーティングから始まりました。私たちは当初の計画の詳細を具体化し、すべてのチーム メンバーからの貢献とフィードバックで内容を充実させました。次に、自分たちにタスクを割り当て、限られた時間で可能な限り多くのことを達成するために、別々の問題に並行して取り組むことにしました。

• 経験豊富な React エンジニアとして、Ana は [設定] メニューにエントリを追加してサウンドのオンとオフを切り替えました。
• Ruben はその 1 か月前に Miro に入社し、ボード イベントをサウンド エンジンのコマンドに変換する通信レイヤーを構築することで、製品のコア部分に挑戦したいと考えていました。
• この機会にデジタル信号処理のルーツに戻り、Web オーディオ API を使用して空間化されたサウンド サンプル プレーヤーを構築しました。

初日の終わりまでに、パズルのさまざまなピースが完成しました。

2 日目: プロトタイプとプレピッチ プレゼンテーション

ハッカソンの 2 日目は、リモート グループ プログラミング セッションで開始し、パズルのピースを組み合わせて最初の実用的なプロトタイプを作成することにしました。昼食の直前に、私たちのボードが最初の音を出したときの興奮は最高でした!

私たちは、午後遅くのプレピッチプレゼンテーションの時間まで、その日の残りの時間、小さな赤ちゃんのために一緒に働きました. 進行状況を示す 2 分間のビデオを録画し、最終日の最終プレゼンテーションのために (約 50 のプロジェクトから) 16 のプロジェクトを選択する審査員に提出しました。私たちはラップトップを閉じ、指を組んで、翌朝の最高の状態を願っていました。

3 日目: 最終プレゼンテーションと要点

最終日となる 3 日目は、良いニュースで始まりました。私たちのプロジェクトは最終ピッチに到達しました!

午前中の簡単なグループ通話の後、Cat は最終的なプレゼンテーションに取り掛かりました。午後はカイと一緒にデモビデオを撮影し、プレゼンテーションのリハーサルを行いました。最終プレゼンテーションでは、すべての参加者が私たちの素晴らしいチームの努力を見て、音響化されたミロ ボードを聞くことができました。

ここにデモがあります：

他の 15 のプロジェクトは素晴らしいものでした。時間と機会が与えられたときに、私たちの素晴らしい人々がどれだけイノベーションを推進できるかを見るのは信じられないほどでした。最後のイベントには、いくつかのカテゴリで最高のプロジェクトに対する賞と言及が含まれていました。私たちは何も勝ちませんでしたが、提供できたことはすでに大きな成果のように感じられました.Miroボードにサウンドをもたらすことは、間違いなく小さな個人的な夢が実現したことです.

全体として、ハッカソンは素晴らしい経験でした。私は夢のプロジェクトに取り組み、信じられないほど優秀で才能のある人々のチームと共に、実際に大きなことをほとんどすぐに実現する機会を得ました. 次回の参加がとても楽しみです。おそらく、今年のプロジェクトの多くが、今後数か月のうちに本番環境で使用できる機能として実装されることになるでしょう!

それまでの間、よりインクルーシブな会議を促進するためにできることはたくさんあります。障害を持つ人々との関わりやニーズへのアクセスを容易にする方法を詳しく説明した、新しい電子書籍をご覧ください。インクルーシブ コラボレーションのための 10 原則 (PDF)の無料コピーを入手してください。

また、ミロチームに参加することに興味がありますか? 募集中のポジションをご覧ください。