PINGDOM_CANARY_STRING

画面遷移図
作成ガイドと
ツール

Lucidchart は、図の作成、データの視覚化とコラボレーションを組み合わせ、よりよい理解の促進とイノベーションの加速につなげるビジュアルワークスペースです。 

無料で図を作成する
動画を見る
WEB画面遷移図作成サービス

ページ遷移に必要な画面遷移図 ツールやテンプレートならLucidchartで

  • クラウド画面遷移図作成ツール

    画面遷移図作成WEBサービス

    オンライン上で誰でも簡単に画面遷移図の作成、修正がいつでもできるLucidchartなら、 Webサイトやサービス、アプリケーション画面設計の作成が今までに無いほどに簡単に。ドラッグ&ドロップ機能や画面遷移図、ワイヤーフレーム、モックアップなどのプロトタイプ専用テンプレートからそのまま簡単に編集、作成することができます。

  • チームワークで作れる画面遷移図ツール

    サービス設計やプロトタイプも共有できる画面遷移図ツール

    チームでも使えるLucidchartなら、画面の流れやWebサイト、アプリのデザインが手間なくチームメンバーとリアルタイムに確認、編集、修正が行えます。コメント機能やノート機能を使えば、開発チームやデザインチームとのフィードバッグやUIやUX、デザイン制作の説明がいつでも、どこからで可能になります。

  • 豊富なサービス連携で使い道が広がる画面遷移図ツール

    他には無いサービス連携が豊富な Lucidchart

    他の画面遷移図ツールには無い、豊富なサービス連携を提供しているLucidchart遷移図ツールなら、設計したアプリケーションやWebサイトの画面遷移図を開発チームやデザインチーム、全ての関係者と Google や Microsoft, Atlassianなど豊富なサービス連携を通してデザイン設計をシェアすることができます。パワーポイントやエクセル、Google Slideに移行させ、デザインをチームに説明することもできるオンライン画面遷移図ツールです。

  • 画面遷移図テンプレートから簡単編集と作成

    画面遷移図専用テンプレートも豊富

    初めて画面遷移図を作成、デザイン、設計される方でも、Lucidchartなら安心して遷移図や状態画面遷移図、UMLなどを簡単に作成することができます。テンプレートや例が豊富なLucidchartなら、そのまま画面遷移図テンプレートをダブルクリックするだけで、図内にコメントを書き込んだり、画面設計に必要なデザインを追加、編集することができます。

今すぐわかる画面遷移図の作り方と書き方ポイント

1

新規無料登録後は画面遷移図専用テンプレートを選択する

まずは、テンプレートライブラリーから使いたい画面遷移図の例を選択します。選択後はクリックしてテンプレートを開きます。

2

画面デザインを編集する

UIやUX図形ライブラリーから使用したい図形をエディター内にドラッグ&ドロップして行きましょう。その後は、図形やボックスを並べ、わかりやすく各画面遷移図に順番ごとに矢印を引いてきましょう。ここで押さえておきたいポイントが各画面デザインの下に、必ずコメント書き込んでいくことが大切です。

3

画面遷移図に必ずコメントを付け足す

Webサイトやアプリの画面遷移図を作成する際に、押さえておきたいポイントが各画面デザインの下に、必ずコメント書き込んでいくことが大切です。必要に合わせてわかりやすい各画面デザインの説明をコメントとして付け足して行きましょう。

4

チームとデザインした画面遷移図を共有する

アプリやサービスの画面デザインの作成後は、共有ボタンをクリックして、メールやSlack, Microsoft Teamsを通して、開発メンバーやデザインチームの関係者と画面遷移図をシェアしましょう。

5

画面の流れをプレゼンで明確に伝える

チームメンバーとシェアした後は、同時編集機能を使って、デザインに対するフィードバッグやコメントを書き込んで行ったり、修正を行い、関係者にプレゼンテーションモードを通してデザインの説明をして行きましょう。

画面遷移図の作成を始める

画面遷移図と作成ツールに関するよくある質問

その画面遷移図のデザイン、設計ならLucidchartで

世界2,500万人以上がお勧めする画面遷移図ツール

180か国に1,500万人を超えるユーザー

『一人ではなく多くのメンバーとプロジェクトを進めると、伝えたいことをスムーズに伝えることが重要になります。その際、便利な作図ツールでありながら、同時に作図したものを共有、管理できる優れたツールでもあるLucidchartが役立ちます。チーム内やチーム間の連携と効率を向上させ、より良いプロダクトを提供していきたい方々におすすめしたいです。』

Capterra rating

星評価4.5/5、レビュー650件以上

Amazon logo
Johnson & Johnson logo
DocuSign logo
NBC logo
Google logo
Redhat logo
その他の顧客 ▶

テンプレートから画面遷移図を作成する

スマホアプリの画面遷移図テンプレート

アプリ設計で使える画面遷移図テンプレート

大企業500社の99%がLucidchartを活用する理由をチェックしてみましょう!

もっと詳しく