日アプリのプロトタイプを実装なしで作れるプロトタイピングツールが次々と生まれています。Macはバランスの良いプロトタイピングツールです。アプリの「おおまかな遷移」と「細かいインタラクション」の双方をスピーディーに確認できます。Macの使い方をまとめました。Macは、実装なしでプロトタイプが作れるツールです。プロトタイピングツールは、「おおまかな遷移が確認できるツール」と「細かいインタラクションが確認できるツール」で分類できます。企画が始まった段階では、細かいインタラクションを確認しても仕方ありません。それよりはそのそもそもプロダクトをユーザーが欲するのか、ということを簡単なプロトタイプで確認できれば十分です。そのため、この場合使うべきプロトタイピングツールは「おおまかな遷移をスピーディーに確認するのに特化したツール」です。一方で、ユーザーが求めるものが明確になったら「プロダクトを使っていて心地良いか」といったことを検証する必要があります。そのためには「細かいインタラクションが確認できるツール」を使う必要があります。Macは、おおまかな遷移と細かいインタラクションの双方をスピーディーに確認できる万能なプロトタイピングツールです。それでは、実際に使ってみましょう。無料トライヤルからダウンロードして、アプリケーションを立ち上げると下記の画面が出てくるので、右下の新しいドキュメントの作成を押してプロジェクトを開始します。作成するプロトタイプのデバイスを選ぶと下記の画面が表示されます。(今回はiPhone6で作成します。)iPhoneの画面に画像をドラック&ドロップすると、作成した画像の画面ができます。左上の新規画面を押すといくらでも画面を追加することができます。動きを設定するためには、ヘッダーのリンク描画をクリックし、動きを設定したい領域をマウスで範囲選択し、遷移先の画面と繋ぎます。遷移をする際のアクションを非常に細かく設定することができます。画面右のトランジション編集から細かいインタラクションを設定しましょう。インタラクションの細かいタイミングも設定することができます。回転して画面が現れるといった動きも設定することができます。最近、デザイナーがよく使うツールにSketchがあります。MacはSketchとも連携していて、Sketchで作ったアプリ画面をそのまま持ってくることができます。MacのHPからSketchのプラグインをダウンロードできるので、ダウンロードしましょう。ダウンロードしたファイルをクリックします。Flinto」をクリックします。デバイスサイズなどを選べるので、好きなデバイスを選択すれば終わりです。Macで開くことができます。他にも便利な機能がありますので、随時お伝えしていきます。あわせて読みたい投稿クックパッドから独立した「トクバイ」。情報の構造化はマインドマップ生成AIツール「Mapify」一択。毎週の新着記事を無料でお届けします!プライバシーポリシーに同意しました。情報の構造化はマインドマップ生成AIツール「Mapify」一択。