プロトタイピングツールProttについて 実演しながら何ができるのか社内で話しました。 当日は作ったプロトタイプのURLをシェアして、参加者のスマホでプロトタイプを触れるようにして、実際に何ができるのか体感してもらうプレゼンにしました。 ーーーーーーーーーーーーーーーーーーーーー ▼プレゼン中に作ったプロトタイプ https://prottapp.com/p/ed4e91#/ ▼Prott https://prottapp.com/ja/ ーーーーーーーーーーーーーーーーーーーーー

1. Prottで変える開発プロセス
Takumi Kai
2015.01.15 / Design_mixi

2. 目次
①Prottを使ってできること
②実演
③何のためのPrott？

3. Prottとは？
W h a t i s P r o t t ?

4. アイデアをリアルな感覚で
確かめる時間を短縮し、
場所や時間に関係なく互いに
チームを高め合うための
プロトタイピングツール

5. Prottを使ってできること
W h a t C a n P r o t t D o ?

6. Prottでできること
• 画面遷移を作れる
• 遷移アニメーションを付けられる
• ジェスチャーアニメーションも付けられる
• １部を固定してスクロールできる
• リンクバック機能
• 画面の画像を置き換え
etc
– 作成編 -

7. Prottでできること
• チームメンバーで共有できる
• デザインの更新をすぐにチェックできる
• 実装前にイメージを試せる
• URLをシェアできる
• 通勤時でも場所時間を問わず閲覧／コメント可能
etc
– コラボ編 -

8. 良く分かるので
実際に使ってみます！
L e t ’ s P r o t o t y p e n o w !

9. 実演中
P r o t o t y p i n g n o w
※プレゼン中は実際にプロトタイプを作成しました
完成したプロトタイプ →http://prottapp.com/p/ed4e91#
スライドシェアの詳細にもURL貼ってあります。ぜひご覧ください。

10. できました！
こ こ か ら は 作 っ た プ ロ ト タ イ プ で プ レ ゼ ン し ま す

11. 何のためのPrott？
F o r W h a t ?

12. 実際の利用体験に近い状態
で素早く試せる
何のため①

13. 作ったものを、デバイス上で
触りながら試していると
気づくことが多い

14. チーム内の
コミュニケーションに役立つ
何のため②

15. 実現可能性や工数の相談
メンバーからの客観的な
フィードバックが起こりやすい

16. 早く作って試す
サービスのクオリティアップ！

17. おわり
Thank you !