Miro のワイヤーフレーム

ワイヤーフレームは、ウェブサイトの
レイアウトやデザインなどを計画する際に
不可欠となる「設計図」として活躍します。

ワイヤーフレームのビジュアルを使用することにより、ウェブサイトの完成イメージを「見える化」することができ、サイト制作上での認識共有用のツールとしても非常に便利です。

Miro のワイヤーフレームでは、テンプレートやボード内のクリエイティブなツールを
使用することにより、アプリやウェブサイトのデザインの要となる、ワイヤーフレームを簡単かつ素早く作成することができます。

Miro のワイヤーフレーム

L Miro wireframing

目的に応じたワイヤーフレームテンプレートを 選択してすぐに作業を開始

XXS Miro App Wireframe TemplateXXS Miro App Wireframe Template
XXS Miro App Wireframe TemplateXXS Miro App Wireframe Template

アプリ用ワイヤーフレーム テンプレート

アプリの機能やデザインの設計に活躍するワイヤーフレームテンプレートです。チームがアプリの開発の初期段階でこのワイヤーフレームを活用することで、モバイルアプリのフローや機能を視覚化することができます。

XXS Miro Website Wireframing TemplateXXS Miro Website Wireframing Template
XXS Miro Website Wireframing TemplateXXS Miro Website Wireframing Template

ウェブサイト用ワイヤー フレームテンプレート

その名の通りウェブサイト の UX・UI やデザインの設計に活躍するワイヤーフレームテンプレートです。ウェブ サイト上の各ページ要素やフレーム ワークを視覚的に設計することにより、洗練されたプロトタイプを開発 することができます。

XXS Miro Low-fidelity Wireframes TemplateXXS Miro Low-fidelity Wireframes Template
XXS Miro Low-fidelity Wireframes TemplateXXS Miro Low-fidelity Wireframes Template

ローファイワイヤーフレームテンプレート

アイデアスケッチや製品の全体像を 書き出し、チームと共有することが できる便利なワイヤーフレームテンプレートです。ウェブページやアプリ 画面の「設計図」として活躍し、製品の実用面や初期イメージの共有にも 活躍します。

Miro のワイヤーフレームを オススメする理由

ワイヤーフレームを スムーズに作成可能

Miro のワイヤーフレームでは、テンプレートや UI ライブラリなどのツールを使用することにより、ウェブページや製品ページのデザイン作成にかかる時間を大幅に短縮することができます。 また、Miro ボードではドラッグ&ドロップ などの直感的な作業やツールの使用ができる ため、ウェブデザインの知識や経験が十分に なくても簡単にワイヤフレームを作成することが可能です。

チームでの共同作業にも Miro の ワイヤーフレームツールが大活躍

Miro のワイヤーフレームツールを使用することにより、どこにいても、時差に関係なく他のチームメンバーとワイヤーフレーム作成や編集をリアルタイムで行うことができます。 ボード1つでチームとのブレインストーミングや計画、フィードバック作業を行うことができ、更新内容は自動でボード上に保存される ため、いつでも変更点やフィードバック内容をもとにワイヤーフレームを更新することが可能です。

フィードバックの共有も簡単に

前のセクションでも少しご紹介したように、Miro ではワイヤーフレームに対するフィードバックの共有や、情報またはコメントを追加 することが可能です。付箋や絵文字も使用することにより、作成したワイヤーフレームに 対する感想や評価を視覚的に表現することが できます。 ワイヤーフレームを使用したウェブサイトまたは、アプリのデザインイメージの認識共有や 作成したワイヤーフレームをより洗練された ワイヤーフレームへと進化させたいときに Miro ボードが大活躍します。

L Miro wireframingL Miro wireframing
L Miro wireframingL Miro wireframing
L Miro wireframe and sharing windowL Miro wireframe and sharing window

ワイヤーフレームを スムーズに作成可能

L Miro wireframingL Miro wireframing

Miro のワイヤーフレームでは、テンプレートや UI ライブラリなどのツールを使用することにより、ウェブページや製品ページのデザイン作成にかかる時間を大幅に短縮することができます。 また、Miro ボードではドラッグ&ドロップ などの直感的な作業やツールの使用ができる ため、ウェブデザインの知識や経験が十分に なくても簡単にワイヤフレームを作成することが可能です。

チームでの共同作業にも Miro の ワイヤーフレームツールが大活躍

L Miro wireframingL Miro wireframing

Miro のワイヤーフレームツールを使用することにより、どこにいても、時差に関係なく他のチームメンバーとワイヤーフレーム作成や編集をリアルタイムで行うことができます。 ボード1つでチームとのブレインストーミングや計画、フィードバック作業を行うことができ、更新内容は自動でボード上に保存される ため、いつでも変更点やフィードバック内容をもとにワイヤーフレームを更新することが可能です。

フィードバックの共有も簡単に

L Miro wireframe and sharing windowL Miro wireframe and sharing window

前のセクションでも少しご紹介したように、Miro ではワイヤーフレームに対するフィードバックの共有や、情報またはコメントを追加 することが可能です。付箋や絵文字も使用することにより、作成したワイヤーフレームに 対する感想や評価を視覚的に表現することが できます。 ワイヤーフレームを使用したウェブサイトまたは、アプリのデザインイメージの認識共有や 作成したワイヤーフレームをより洗練された ワイヤーフレームへと進化させたいときに Miro ボードが大活躍します。

さっそく Miro のワイヤーフレーム
ツールを試してみましょう!

ワイヤーフレームを作成する

ワイヤーフレームツール各種機能

XS Miro integration with Unsplash
Unsplash や IconFinder との
インテグレーション
IconFinder や Unsplash と連携し、イメージがより伝わり
やすいアプリやウェブサイトのワイヤーフレーム作成が
可能です。
XS Miro wireframing
クロスデバイスで行えるリアル
タイムでのフィードバック
チームでのワイヤフレーム作成がリアルタイムで可能。
さらに、コメントや、ビデオチャット機能、@メンションなどの機能を活用して意見交換を活性化できます。
XS Miro capture web page
Adobe XD と ウェブページの挿入
Miro ボードに Adobe XD アートボードを追加することで
デザイン行程をボード1つで共有、管理することができます。画像の取り込みや、参照元の追加、既存のウェブページや製品ページをワイヤーフレームとしてボードに挿入することができ、更新作業のスペースとしても Miro ボードが活躍します。
XS Miro connection lines
フレームや接続線で関連付け
フレームを使用して複数のウェブページや製品ページを
ボードに追加し、矢印などでページ同士をつなげることが
できます。ページの機能ごとに関連付け作業を行うことで、
ユーザーフローの見える化が可能です。

ワイヤーフレームツールよくある質問