動画像とスケッチによるプロトタイプ作成支援システム
松井 千里

郷 健太郎†

今宮 淳美‡

山梨大学大学院工学研究科 †山梨大学総合情報処理センター ‡山梨大学大学院医学工学総合研究部
１．はじめにの手法では，既存システムを使用する様子をカメラでシステム開発を成功させるには，要求獲得でユー撮影し，動画像として流用する．そして，撮影した動ザによる評価を早期におこなうことが重要である．しか

画像の上に新しいアイディアのスケッチを書き込むこし，要求獲得の初期段階では，ユーザの要求やシスとで，新システムのプロトタイプを作成する．

テムのコンセプトはまだ具体的な形となっていない．

提案手法は，撮影した動画像を新システムのプロトそこで，インタラクティブシステムの一部もしくは全部タイプ作成に流用することによって，従来研究の再利を具体的に表現したプロトタイプ[1]が使用される．

用性を考慮していない問題点を解決する．また，流用

このプロトタイプは大きく２種類に分けられる．それする対象を全てカメラで撮影して動画像形式に統一

は，忠実度の低い Low-Fidelity(Lo-Fi)プロトタイプとすることで，メディアの多様性を考慮していない問題

忠実度の高い Hi-Fidelity(Hi-Fi)プロトタイプである．

点を解決する．

前者には画面イメージを紙にスケッチしたプロトタイプ加えて，新アイディアをプロトタイプに追加する場などが該当し，後者には Visual Basic などでユーザの合は，その具体的なイメージを動画像の上にスケッチ操作に対する反応が準備されたプロトタイプなどが該で書き込む．プロトタイプの大部分は既存システムの当する．Rudd らは要求が確定するまでは Lo-Fi プロト流用で準備できているため，差分のみを少ないコストタイプを使用し，要求が確定した後は Hi-Fi プロトタイで作成することができる．

プを使用するべきだと主張している[2]．

キオスク端末に提案手法を使った例を図１に示す．

本稿では Rudd らの主張の問題点を指摘し，それをまず，既存の端末を操作する様子がカメラで撮影され解決する手法を提案する．そして，開発した支援シスる．そして，新たに追加するボタンが撮影した動画像

テム Lo-Fi Scriptwriter について説明し，関連システの上にスケッチで描かれている．

ムとの比較を行う．
２．従来研究の問題点
Rudd らが主張するプロトタイプの作成法には問題点が２つある．
第１に再利用性を考慮していない点である．通常，システム開発では作成コストを低くするために既存システムを再利用する．そして，これらにスケッチなどで表現した改善アイディアを付け加えることでプロトタイプを作成する．Rudd らはこのような既存システムの流用とスケッチの併用について考慮していない．
第２にメディアの多様性を考慮していない点である．
プロトタイプ作成に既存システムを流用する場合，流図１．動画像とスケッチによるプロトタイプの例
４．支援システム：Lo-Fi Scriptwriter
動画像とスケッチによるプロトタイプ法の実施を支援するシステム Lo-Fi Scriptwriter を開発した．Lo-Fi
Scriptwriter はカメラが接続された Tablet PC とその上で実行されるソフトウェアで構成される．

用する対象によってメディアが異なる．キオスク端末を

そして，Lo-Fi Scriptwriter は提案手法の実施を支例に挙げると，タッチパネルなどのハードウェア，内部援するために３つの機能をもつ．第１にカメラで撮影しで動作するソフトウェア，新アイディアのスケッチなどた動画像を直ちに利用できる機能である．これにより，様々なメディアが存在する．Rudd らはこれら多様なメ既存システムを操作する様子を撮影して，プロトタイディアをどのように組み合わせるか考慮していない．

プ作成に流用する作業が容易になる．第２に動画像

３．動画像とスケッチによるプロトタイプ法の上にペンでスケッチを描ける機能である．これにより，

本研究では，これらの問題点を解決するために，流用した動画像に新しいアイディアや注釈をスケッチ動画像とスケッチによるプロトタイプ法を提案する．こで付け加えることができる．第３に動画像内の各シー

表１．関連システムとの比較○×○×××○○

機能emaGdraCoediV

手順をホテルの Web サイト設計を例にして説明する．
まず，旧 Web サイトや参考 Web サイトをユーザに操作してもらい，問題点や改善案を実演しながら説明してもらう．そして，その様子を Lo-Fi Scriptwriter で撮影する．実演を撮影している間，カメラマンは，内容動画像とスケッチの合成カードとしての 2 次元配置
撮影直後の利用
シーン区切りの容易性

×○××ciasoMoedi
Vシステム

次に，Lo-Fi Scriptwriter によるプロトタイプ作成のストーリーボード型ビデオ編集ソフト業が可能になる．

動画 像とスケッチの合成するアイディアを分類して収束させるといった分析作

retirwtpir
cSi
FoL

ンをカードとして扱える機能である．これにより，類似

×○×
×

○
○
○
○が変わる毎に「シーン区切りボタン」を押して，シーン動画像とスケッチを合成できるシステムはスポーツの開始時間と終了時間を指定する．撮影が終了するの TV 中継などで既に実用化されているが，スケッチと図２(b)のように各シーンに対応したカードが自動的の合成のみを目的としているため，カードとしての 2 次に作成される．このカードに新しい改善アイディアや元配置がおこなえない．シーンを時間順に管理する

注釈をペンで書き込むことで新しいプロトタイプを作ストーリーボード型ビデオ編集システムも既に存在す成する．まとまった数のプロトタイプを作成したら，内るが，シーンを 2 次元配置してグループ化することが容が類似するカードをグループ化する．各グループできない．Video Mosaic [3]や Video Card Game [4]にラベルをつけることでアイディアを収束させる．

は，動画像の撮影や編集をおこなう機能をもたないた

以上の作業が終了した後の Lo-Fi Scriptwriter のめ，撮影した動画像を直ちに使用することができない．

画面が図３(a)である．この例では最終的に２つのプロ

Lo-Fi Scriptwriter は動画像とスケッチによるプロトタトタイプが作成された．図３(b)は縮尺を変更できる地イプ法に必要とされる機能を全て備えている．

図サイトを参考に，交通アクセスページの改善案を提６．おわりに案している例である．そして，図３(c)は旧サイトにある従来研究のプロトタイプ法が持つ問題点を解決す

地図の表現が分かりにくいため，大手地図サイトをペるため，動画像とスケッチによるプロトタイプ法を提案ージに組み込むことを提案している例である．

し た ． そ し て ， 提 案 手 法 の 実 践 を 支 援 す る Lo-Fi

５．関連システムとの比較

Scriptwriter を開発した．今後は Lo-Fi Scriptwriter を

Lo-Fi Scriptwriter と関連する先行研究システムと動を詳細に観察する予定である．の比較をまとめたものが表 1 である．
カメラ使ったプロトタイプ作成作業で，ユーザがおこなう活
参考文献

Lo-Fi Scriptwriter[1]

Beaudouin-Lafon,

M.

andMackay

W.E.:

Prototyping tools and techniques, The Human Computer Interaction Handbook, pp. 1006-1031,(a)
図２．Lo-Fi Scriptwriter の使用方法(b)

既存システム2003.
[2] Rudd, J., Stern, K. and Isensee, S.: Low vs.
high-fidelity

prototyping

debate,Interactions

Volume 3, Issue 1, pp. 76–85, 1996.
[3] Mackay, W.E. and Pagani, D.: Video Mosaic:
Laying out time in a physical space, Proceedings of
ACM Multimedia 1994, pp.165-172, 1994.

(a)[4] Buur, J. and Soendergaard, A.: Video card game:an augmented environment for user centred designdiscussions,

ProceedingsofDARE

2000

on

Designing augmented reality environments, pp.
(b)
図３．作成されたプロトタイプの例(c)63-69, 2000.