無料のモックアップツール

Miro の無料で使えるデザインツールを活用して、モックアップを 作成しましょう。Miro を使うことで、製品の下書きからモックアップの 作成まで、すべて 1 つのボードで実行することができます。
Miro の無料で使えるモックアップツールについての画像
accenture.svgbumble.svgdelloite.svgdocusign.svgcontentful.svgasos.svgpepsico.svghanes.svghewlett packard.svgdropbox.svgmacys.svgliberty mutual.svgtotal.svgwhirlpool.svgubisoft.svgwalt disney.svgyamaha.svgwp engine.svg
accenture.svgbumble.svgdelloite.svgdocusign.svgcontentful.svgasos.svgpepsico.svghanes.svghewlett packard.svgdropbox.svgmacys.svgliberty mutual.svgtotal.svgwhirlpool.svgubisoft.svgwalt disney.svgyamaha.svgwp engine.svg

モックアップが 無料で作成できるツール

Miro を使うことで、製品の下書きからリサーチデータまで、モックアップの 作成に必要な情報を 1 つのボードだけで管理することができます。オンライン ツールを使えばプロジェクト内でのコミュニケーションも促進できます。
Miro でモックアップを作成している画像

Miro のモックアップツールをおすすめする理由

Brainstorm

自由度の高いデザインプロセス

Miro ではテンプレートやデザインツールを使って自由にモックアップデザインを作成することができます。そのため、好みに応じた製品デザインの下書きや、 編集、モックアップの改善を行うことが可能です。
categorization

豊富なデザインテンプレート

Miro のサイト上やボード内のテンプレートライブラリからニーズに合った テンプレートをボードに追加することで、すぐに作業を開始することができます。自分で作成したデザインとして Miro に保存することも可能です。
papers

プレゼンテーションもボード内でできる

Miro ボード内のプレゼンテーションモードも活用することで、モックアップを 作成したボード内でデザインや製品の説明をすることができます。チームや クライアントとのミーティングに役立つ機能です。
collaboration

情報の整理もラクラク

Miro のオンライン付箋ツールも使用することで、デザインに対するメモ書きや アイデアの共有が簡単にできます。さらに、グルーピングツールや Miro アシストも使うことで、アイデアや情報の整理もラクラクです。
Diagrams-always-up-to-date_icon_1x1

直感的なユーザーインターフェース(UI)

直感的な使用が楽しめる Miro ではデザイン初心者の人でもモックアップや ワイヤーフレームの作成をすることができます。ツールに対する予備知識が必要なく、いつでも必要なデザインの作成ができるツールが Miro です。
Custom-integrations_icon_1x1

共有も簡単にできる

Miro ボード上の共有ボタンやリンクを共有することで、簡単に Miro ボードを プロジェクトメンバーやクライアントに共有することができます。ボード上で 直接フィードバックを収集し、モックアップを改善しましょう。

人気のビジネスツールと連携

Miro は Zoom や Google ドライブなどの人気のビジネスツールとも連携することができます。 すべての業務フローを Miro ボードで管理し、ビジネスの生産性を向上しましょう。
150-plus-apps-and-integrations_image_EN_standard_3_2

モックアップ作成に役立つテンプレート

モックアップの作り方

1. アイデアの下書きを作成する

まず初めに、アイデアや製品のコンセプトを作りましょう。下書きをすることで、実際に作りたい製品のイメージが しやすくなります。
Miro でモックアップを作成している画像

2. デザイン素材を集める

製品のコンセプトを下書きしたら、アイデアを形にしていくためのデザインを収集しましょう。

3. 製品の動作やボタンの遷移先を可視化

ボタン先のページや画面内のページ動作を表現するための 画面遷移図も接続線でモックアップ内に作成しましょう。 ユーザー体験の分析が一目でできるようになります。

4. チームとモックアップを共有

完成したモックアップをチームと共有しましょう。 コメントでのタグ付けや付箋を使うことでフィードバックの収集ができます。

5. 完成したモックアップを印刷または SNS でシェア

画像を PDF でエクスポートすることでクライアントと モックアップを共有することができます。また、画像としても保存することができ、製品告知のために SNS でもシェアすることができます。
Miro でモックアップを作成している画像

モックアップツール よくある質問

motor cycle.png

Miro のモックアップツールは初心者でも使えますか?

Miro のモックアップツールは直感的な機能が楽しめるように設計されているため、初心者の方でも安心して モックアップの作成をしていただくことができます。

Miro ではリアルタイムの共同作業ができますか?

Miro ではチームメンバーやクラインとと同時進行でモックアップを作成することができます。ボードの共有は、 Miro ボード内の『共有』ボタンまたはボードのリンクをコピペするだけで、簡単に実行することができます。

Miro はどのようにしてワークフローの効率化に貢献してくれますか?

Miro は Slack や Jira、Google Drive などの人気ビジネスツールと連携することができ、すべてのワークフローを Miro ボード 1 つだけで管理することで、ワークフローの効率化が実現できます。

Miro のユーザーでなくてもモックアップを共有することはできますか?

Miro のユーザーでなくてもモックアップを共有することが可能です。Miro ボード上では外部ユーザー(ビジター)が コンテンツを見る範囲を設定できるため、セキュリティーや機密情報が漏れる心配もありません。

おすすめのモックアッアップサイトを教えてください。

インターネット上には無料のモックアップサイトが存在しますが、ツールを選択する上で大切なことは、プラットフォームの柔軟性や UI の使いやすさで判断するということです。ほとんどのモックアップサイトが無料で製品を提供していますが、より高度な機能の中には 有料のサブスクリプションが必要なものもあることを覚えておきましょう。

UI モックアップとは何ですか?

UI モックアップとはソフトウェアプログラムインターフェイスを視覚的に表現したものです。これらのモックアップはアプリや ウェブサイトを開発する前に、そのレイアウトや動作、画面フローを設計する際に使用されます。UI モックアップはユーザー インターフェイスがどのように見え、機能するかを可視化することに役立ち、開発者がソフトウェアを開発する際の設計図の ような役割を果たします。

新しい働き方を Miro で実現しましょう!

Miro はチームで課題を解決し、新しいアイデアを発見するための「ワークスペース」です。
accenture.svgbumble.svgdelloite.svgdocusign.svgcontentful.svgasos.svgpepsico.svghanes.svghewlett packard.svgdropbox.svgmacys.svgliberty mutual.svgtotal.svgwhirlpool.svgubisoft.svgyamaha.svgwp engine.svg
accenture.svgbumble.svgdelloite.svgdocusign.svgcontentful.svgasos.svgpepsico.svghanes.svghewlett packard.svgdropbox.svgmacys.svgliberty mutual.svgtotal.svgwhirlpool.svgubisoft.svgyamaha.svgwp engine.svg