制作関連デバイス／ソフトウェア

制作関連デバイス

• デザイン用PC
　
• オーサリング用PC
　
• 判定用PC（Ospreyキャプチャーカード実装）
　
• 色判定用ビデオカメラ
　
• 音判定用マイク

使用ソフトウェア

• Adobe Photoshop
　
• Adobe Flash
　
• Screentime For Flash

VOTING SYSTEM【1】

CELL PHONE OPERATION　- モバイル判定 -
（解説：B2 Inc.マルコス・ウェスカンプ氏）

 

「携帯電話を使ったユーザー参加型インタラクション」
イントロダクション

携帯電話を利用し、大型スクリーン上でインタラクションデザインを構築するという新たなデザインにチャレンジしました。街頭などにある大型スクリーンの提供する情報は通常一方通行ですが、今回私たちが提供したのはユーザーデータをリアルタイムに大型スクリーンに反映し、双方向コミュニケーションを大型スクリーン上で行う、新しいエンゲージメント・エクスペリエンスです。

チャレンジ

まず始めに2006年8月4日開催の"Adobe IDEAS"イベントの"Design meets Flash"セッション出演依頼を受けたとき、会場のキャパ、セッションの構成を考え、私たちはユーザー参加型で、シンプルな成果物をステージ上で作り上げる事ができないか、と考えました。そこで出てきたアイディアが「携帯電話を使ったユーザー参加型インタラクション」です。イベント参加者900人にどのようなスクリーンセーバー（成果物）が欲しいか質問を投げかけ、携帯電話を介して投票してもらい、ステージ上の大スクリーン上で集計し、成果物に反映するという投票システムをFlashで構築することにしました。

投票内容はスクリーンセーバーに載せるフォントの選択です。
ステージ上の大スクリーンに各々フォントが設定されているA、B、C、という３つのエリアを用意し、ユーザーがより多く集まったエリアのフォントを採用します。

以下にユーザー（イベント参加者）からのデータをステージに反映させる投票プロセスを紹介します：

1. ユーザーは携帯電話からQRコード/URLを介してサーバーにアクセスします
   ※FlashLite搭載携帯からアクセスするとリッチなUIで投票プロセスが楽しめます。
2. ログイン画面上でニックネームを入力します。
3. アバターを選びます。アバターはシャツとズボンの色を選択できます。
4. "GO"ボタンを押すと、ステージ上の大スクリーンに2.3.で設定したアバターが登場します。
5. 携帯電話の番号キーを使って上下左右に動かすことができるので、ステージ上の大スクリーンに設定されたA/B/Cという3エリアにアバターをリアルタイムで移動できます。
6. 一番多くのアバターが集まったエリアのフォントを成果物スクリーンセーバーに採用します。

アーキテクチャ

サーバーサイドアプリケーションで、クライアントとしてはステージ上大スクリーンと携帯電話(FlashLite搭載/html)を利用しました。ユーザーがアバターを動かす度に、サーバーにイベントを投げてデータベースに位置情報を登録します。大スクリーン側クライアントは1秒以下の間隔でデータベースにQueryを投げ、更新情報を入手し、大スクリーン上に反映させます。すべてのデータはXMLデータとして受け取り、パースされFlash　UIとして表示されます。

ソーシャルエクスペリエンス

いままでのイベントの多くはステージ上の進行と参加者（ユーザー）の間に距離を感じることが多かったが、今回の投票システムはステージと参加者の間のエクスペリエンスの共有が図れた良い例だと思います。また、スクリーンセーバーという一つの目標を会場全体で達成するという企画もエクスペリエンスの共有には大切です。

今後

我々は街頭ビジョンなどを利用したユーザー参加型インタラクションに非常に興味を持ってます。今回の企画のように携帯電話を利用してのインタラクションを発展させると、例えば次のようなプランも考えられます：

• 大型街頭ビジョンでサッカーフィールドを提供し、22人の参加者が携帯電話を介してプレイヤー登場させます。
• スクリーン上ではサッカーの試合そのものが確認でき、個々の携帯電話には各選手の情報（体力、スタミナ、イエローカード取得数、など）が確認できる、といった リアルなサッカーゲームのようなインタラクションを楽しむことができるようになります。

ページ 2 / 4

前のページ

次のページ