成果物：アニメーション映画-クリック可能なワイヤーフレームでは不十分な場合の対処方法
私がシンクタンクで働き始めて以来、私の標準的な成果物のセットではビジョンを説明するには不十分であるという問題にしばしば直面します。ユーザーがデバイスを操作するコンテキストを強調する必要があることがよくあります。理想的には、自分のワイヤーフレームを使用して、それらが使用されているコンテキストのあるアニメーションスタイルで表示できるはずです。ステージやシナリオを追加するようなものです。今はアニメーターではないので、短期間で映画、3D、アニメーションの天才になることはできません。 しかし、グラフィックファイルを取り、シンプルなアニメーションムービーに変換するためのツールを知っているかどうか疑問に思っていました。 Adobe CSとPremiereには精通していますが、Flashには精通していません。
編集：これまでのすべての提案に感謝しますが、画面キャプチャソフトウェアは、ユーザーがデバイスを使用しているコンテキストではなく、画面で発生することに焦点を当てているため、私が探しているものではありません。誇大広告の推奨事項は、私がチェックするつもりの興味深いオプションのように見えます。
Camtasia をよく見る必要があります。それは単なるスクリーンキャプチャではない。
シンプルながら強力な編集機能と独自のアニメーション機能を備えています。使用方法は次のとおりです。
- 興味のあるインタラクションのキャプチャを作成します（lo-fiプロトタイプ、クリック可能なHTMLなど）
- インタラクションが発生する「シーン」を作成します。たとえば、タブレットを使用して公園のベンチに座っている人などです。グラフィックをビットマップとして吐き出します。
- イラストのシーンをCamtasiaにインポートし、Camtasiaステージにドロップします
- 画面キャプチャをイラストからタブレット画面にドラッグします
- ほら、あなたはあなたのスクリーンインタラクションを文脈で説明しています
2つのショットを実行することをお勧めします。まず、風景とその中の人物を示すワイドショットから、デバイスと人物の手（または意味のあるもの）だけが見えるタイトなショットにカット（またはズームイン）します。 ）、画面の相互作用をはっきりと見ることができます。
Camtasiaで注釈（単語の吹き出し、矢印、フリーテキストなど）を直接追加することもできます。本質的には、スクリーンキャプチャ付きのストリップされたiMovieです。
アニメーション映画の代わりに、代わりにハイプを試してみるとよいでしょう。これは、アニメーションHTML5 Webサイトを作成するMac用の30ドルのアプリケーションであり、アニメーションの作成は非常に簡単です。彼らはこれに伴う簡単なビデオチュートリアルを持っています、そしてあなたが最小限のウェブ経験を持っているならおそらくあなたはこれをすぐに学ぶことができます。
また、2週間の無料トライアルも提供しています。試してみて、自分に合っているかどうかを確認してください。
ワイヤーフレームにインタラクションを取り入れたい場合、Fireworksは学習するためのシンプルなツールです。あなたはすでにPhotoshopに慣れているので、学習曲線は最小限です。ページに必要な数だけホットスポットを追加して、ページをリンクすることができます。あなたはそれをhtmlファイルとしてエクスポートすることができます、クリック可能PDFまたは単にPNGファイルを保持します。
次に、Jingを使用して、プロトタイプのデモを記録します。 Jingは素晴らしい無料のツールです。 Jingが5分のデモに制限しているという事実は、デモを短く簡潔にするのに役立ちます。
iRiseは、まさにこの目的のために作成されたツールです。それは高価ですが、あなたの会社が製品に投資するお金を持っているなら、それだけの価値があります。このページのリンクから試用版をダウンロードできます。
http://www.irise.com/products/irise_pe
Adobe Fireworksは別の優れたオプションであり、Flashや他のアニメーションプログラムでのプロトタイピングよりもはるかに高速です。
Keynote は、ユーザーフローの図解と説明やデモの構築に驚くほど優れていることがわかりました。
- ワイヤーフレームやデザインアセットを他のアプリケーションから簡単にドラッグでき、優れたグラフィックス処理とタイポグラフィを備えています。
- マスタースライドの概念があるため、複数のスライドで要素を簡単に再利用できます。
- ビルド/アニメーション/トランジションのバリエーションは十分なので、アニメーションやトランジションがどのように機能するかをすばやく確認できます。
- アニメーションは、キープレス、マウス、またはタイマーでトリガーできます。
- QuickTimeにエクスポートできるため、Keynoteアプリケーションなしでプレゼンテーションを配信できます。
- デモを迅速に構築するためのサードパーティライブラリの数の増加。 keynotopia.com 、 keynotekungfu.com など
- Keynoteは誰でも使用できます。デザイナー、開発者、利害関係者、プロジェクトマネージャー。開発者やUXプロ向けのツールだけではありません。
簡単な画面キャプチャソフトウェアを確認することをお勧めします。私はしばしばインタラクティブプロトタイプ（ Axure RP で生成された）を使用し、予想される使用例を説明しながら、さまざまなシナリオをクリックしていきます。次に、結果のビデオをWebサーバーに投稿し、そのリンクを利害関係者に送信します。結果は、本質的に、概念の非同期ウォークスルーです。
私が選んだスクリーンキャプチャツールはJingです（無料で簡単ですが、5分の記録時間に制限されています）。 、ただし、さらに柔軟性が必要な場合は、Camtasiaも優れたオプションです。
私にとって、シナリオを通して話すことができる能力に勝るものはありません。
ジンは素晴らしいツールです。ムービーが本当にシンプルな場合は、Photoshop CS5でアニメーションを使用して.gifを作成できます。