オンライン画面遷移図ツール

画面遷移図を作り始める前に、まずは新規無料登録を行いましょう。登録後はテンプレートライブラリから使いたい画面遷移図の例を選択します。選択後はクリックしてテンプレートを開きます。

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

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

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

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