プロトタイピングアプリ POP prototyping on paper が2.0にバージョンアップしたのでさっそくいじってみました。簡単な使い方も紹介します。
iOS・Android向けに提供されているペーパープロトタイピング支援ツールです。無料なので、とりあえずダウンロードしておきましょう。
- Dropbox 同期
- 横画面モード対応
- ジェスチャー操作対応
- iPad, iPhone, Nexus アプリの作成
- 一括複数画面撮影
- スクロール可能なモックアップの作成
- プロジェクト、モックアップ、ホットスポットの複製
- モックアップのタグによるグループ分け
- 既存のモックアップとのリンク
とのことで、Dropbox同期、スクロール対応やジェスチャー操作対応は、かなーりいいかんじのバージョンアップだと思われます。
今回はiphoneアプリで説明します。
アプリを立ち上げると、ほとんどの画面のナビゲーションバーに
この?マークボタンがあるので、操作がわからない時はとりあえずこのボタンを押しましょう。
こんなかんじで、その画面のボタン説明が表示されるので、これを見て操作をしましょう。たぶん使い方がわかると思います。笑
さて、新機能の画面スクロールを設定してみます。
カメラで撮影、もしくはアルバムから画像を読み込みます。
画面が読み込まれました。
画面下のツールバーの真ん中の
このボタンをタップしましょう。
スクロール設定モードになります。
設定モードに入ったらスクロールさせたい領域に枠をフィットさせます。
もうひとつの新機能、ジェスチャー操作を設定します。
リンク領域を設定すると、
吹き出しの右側に ”ジェスチャー” の文字が出てきます。
ここをタップします。
はい、こんなかんじでジェスチャーの設定ができます。
デフォルトはタップになっているので、お好みのジェスチャーに変更しましょう。
画面全体をスワイプすると遷移して、ボタン部分はタップジェスチャーで、というようなことができます。
POPではリンク領域を重ねることができるのでこれを応用します。
画面全体にスワイプジェスチャーを設定して、部分的にタップジェスチャーを設定します。
まずは画面全体にリンク領域を設置します。
そしてこのリンク領域にスワイプのジェスチャーを設定します。
このリンク領域にタップジェスチャーを設定します。
はい、これで完成です。
今回のバージョンアップで、最終的なアプリの再現度が高いプロトタイプが作れるようになりました。アプリ制作の最初のペーパープロトタイピングとしては十分ではないでしょうか。
途中で画面サイズを変更できない。
ex) iphone4サイズで作るとiphone5のサイズに変更できない。
縦長のページで画面を覆うようにヒットエリアを置いてしまうと、スクロールさせづらい。
スクロール範囲を修正できない。
画面を取り込んだ時のみ設定できる模様。スクロール範囲を変更したい場合は、モックアップを置き換えるから画像を入れ替えないと無理っぽい。
部分スクロールが出来ない。
ナビゲーションバー、ツールバーを固定して真ん中だけをスクロールするということができない。できるようになったら最高なんだけどな。