Yuta Watanabe's Blog

開発周りと、その他諸々

Pixate インタラクション/アニメーションをプロトタイピング

こんにちは。

マイクロソフトの渡辺です。

アプリのプロトタイプを作れるサービスやツールが増えてきていますが、今回ご紹介する Pixate は ベータテスト中の新サービスです。

Pixate が特にフォーカスしているのは、インタラクションやアニメーションのプロトタイプ作成。ドラッグ&ドロップで、様々なインタラクション/アニメーションを、プロトタイプに追加していくことができます。

f:id:yuwata:20140907132042p:plain

 

もちろん、デバイス上で実際に触って試してみることができるアプリも提供されていますので、基本的な使い勝手は他のプロトタイピングツールと同様です。

f:id:yuwata:20140907132225p:plain

 

公式ブログには、Pixate を使った様々なプロトタイピングの例が動画で紹介されているのですが、これがなかなか参考になります。例えば、実際にリリースされているアプリである Yahoo News Digest、実装されているパララックスを Pixate ではどうやってプロトタイプすればいいのか確認できます。

このような感じで、パララックスをはじめとした様々なページ遷移やアニメーションをプロトタイプできるのが、Pixate の大きな特徴の1つです ( 単純なタップ -> 遷移 だけじゃなくて )。

ネイティブアプリのコントロールを、CSS でデザインできるフレームワーク Freestyle を提供しているチームが開発していることもあり、Pixate の今後の機能アップデートに期待です。