無料のモックアップツール
Miro の無料で使えるデザインツールを活用して、モックアップを 作成しましょう。Miro を使うことで、製品の下書きからモックアップの 作成まで、すべて 1 つのボードで実行することができます。
7,000 万人のビジネスパーソンが愛用する Miro
モックアップが 無料で作成できるツール
Miro を使うことで、製品の下書きからリサーチデータまで、モックアップの 作成に必要な情報を 1 つのボードだけで管理することができます。オンライン ツールを使えばプロジェクト内でのコミュニケーションも促進できます。
Miro のモックアップツールをおすすめする理由
自由度の高いデザインプロセス
Miro ではテンプレートやデザインツールを使って自由にモックアップデザインを作成することができます。そのため、好みに応じた製品デザインの下書きや、 編集、モックアップの改善を行うことが可能です。
豊富なデザインテンプレート
Miro のサイト上やボード内のテンプレートライブラリからニーズに合った テンプレートをボードに追加することで、すぐに作業を開始することができます。自分で作成したデザインとして Miro に保存することも可能です。
プレゼンテーションもボード内でできる
Miro ボード内のプレゼンテーションモードも活用することで、モックアップを 作成したボード内でデザインや製品の説明をすることができます。チームや クライアントとのミーティングに役立つ機能です。
情報の整理もラクラク
Miro のオンライン付箋ツールも使用することで、デザインに対するメモ書きや アイデアの共有が簡単にできます。さらに、グルーピングツールや Miro アシストも使うことで、アイデアや情報の整理もラクラクです。
直感的なユーザーインターフェース(UI)
直感的な使用が楽しめる Miro ではデザイン初心者の人でもモックアップや ワイヤーフレームの作成をすることができます。ツールに対する予備知識が必要なく、いつでも必要なデザインの作成ができるツールが Miro です。
共有も簡単にできる
Miro ボード上の共有ボタンやリンクを共有することで、簡単に Miro ボードを プロジェクトメンバーやクライアントに共有することができます。ボード上で 直接フィードバックを収集し、モックアップを改善しましょう。
モックアップ作成に役立つテンプレート
ウェブサイト用ワイヤーフレームテンプレートを使用して、ウェブ サイトの要素をマッピングし、ビジョンを実現しましょう。
ローファイプロトタイプテンプレートで高レベルのデザイン コンセプトを検証可能なものにしましょう。
アプリ用ワイヤーフレームテンプレートでアプリの機能や特徴を 視覚的に設計し、最高のプロトタイプを開発しましょう。
ユーザビリティテストと関係者からフィードバックを得るために、 クリックスループロトタイプを手早く作成します。
ローファイワイヤーフレームテンプレートでアイデアのスケッチを 作成し、製品の「全体像」を共有しましょう。
iPhone アプリのローファイモックアップを Miro のテンプレートを 使って作成しましょう。
モックアップの作り方
1
アイデアの下書きを作成する
まず初めに、アイデアや製品のコンセプトを作りましょう。下書きをすることで、実際に作りたい製品のイメージが しやすくなります。
2
デザイン素材を集める
製品のコンセプトを下書きしたら、アイデアを形にしていくためのデザインを収集しましょう。
3
製品の動作やボタンの遷移先を可視化
ボタン先のページや画面内のページ動作を表現するための 画面遷移図も接続線でモックアップ内に作成しましょう。 ユーザー体験の分析が一目でできるようになります。
4
チームとモックアップを共有
完成したモックアップをチームと共有しましょう。 コメントでのタグ付けや付箋を使うことでフィードバックの収集ができます。
5
完成したモックアップを印刷または SNS でシェア
画像を PDF でエクスポートすることでクライアントと モックアップを共有することができます。また、画像としても保存することができ、製品告知のために SNS でもシェアすることができます。
“Miro を使用することでプロダクト デザインにおける大きな課題の 1 つである、異なるツールを使用したデザイナー間でのタスク管理を改善 することができました。”
ジェーン・アシュリー
デザインマネージャー、DocuSign
モックアップツール よくある質問
Miro のモックアップツールは直感的な機能が楽しめるように設計されているため、初心者の方でも安心して モックアップの作成をしていただくことができます。
Miro ではチームメンバーやクラインとと同時進行でモックアップを作成することができます。ボードの共有は、 Miro ボード内の『共有』ボタンまたはボードのリンクをコピペするだけで、簡単に実行することができます。
Miro は Slack や Jira、Google Drive などの人気ビジネスツールと連携することができ、すべてのワークフローを Miro ボード 1 つだけで管理することで、ワークフローの効率化が実現できます。
Miro のユーザーでなくてもモックアップを共有することが可能です。Miro ボード上では外部ユーザー(ビジター)が コンテンツを見る範囲を設定できるため、セキュリティーや機密情報が漏れる心配もありません。
インターネット上には無料のモックアップサイトが存在しますが、ツールを選択する上で大切なことは、プラットフォームの柔軟性や UI の使いやすさで判断するということです。ほとんどのモックアップサイトが無料で製品を提供していますが、より高度な機能の中には 有料のサブスクリプションが必要なものもあることを覚えておきましょう。
UI モックアップとはソフトウェアプログラムインターフェイスを視覚的に表現したものです。これらのモックアップはアプリや ウェブサイトを開発する前に、そのレイアウトや動作、画面フローを設計する際に使用されます。UI モックアップはユーザー インターフェイスがどのように見え、機能するかを可視化することに役立ち、開発者がソフトウェアを開発する際の設計図の ような役割を果たします。
関連ページ
ソリューション
ワイヤーフレームツール
Miro のワイヤーフレームツールではテンプレートやボード内のワイヤーフレームライブラリを使用することにより、 アプリやウェブサイトのデザインの要となるワイヤーフレームを簡単かつ効率良く作成することができます。
プロトタイピングツール
Miro のプロトタイピングツールを使って、チームでのプロトタイプ作成プロセスを効率化しましょう。 1 つのボードでプロトタイプを作成できるので、フィードバックの共有や編集作業をいつでも 実行することができます。
新しい働き方を Miro で実現しましょう!
Miro はチームで課題を解決し、新しいアイデアを発見するための「ワークスペース」です。