モバイルアプリのフローチャートの適切な用語は何ですか？

Question

ユーザーフロー別名フローチャート別名モバイルアプリの場合、Omnigraffleまたは他のツールを使用せずにBalsamiqを使用する情報フローチャート。この図の適切な用語は何ですか？

参考として Gustav ShiringのMoodswingsワイヤーフレームを参照してください。

Danger14 · Accepted Answer

最終的に、探していた正確な図と答えを見つけたと思います。それらはモバイルアプリの視覚的なフローチャートと呼ばれます。

@BennySkobergの回答のフローチャートとは少し異なります。

ワイヤーフレームとフローのマージ。上記のアーティファクトは読み取り可能な画面とフローまたはユーザーアクションを混合するため、時間とナラティブの要素が出現し始めます。フロー図はワイヤーフレームと切り離せないため、複数のドキュメントを同期するという余分な労力からもデザイナーを節約できます。

遷移参照。サンプルでは表示されませんが、青い円は、トランジションの短いビデオデモを示す.movファイルへの実際のリンクです。ワイヤーとビデオが新鮮に感じます！

画面参照。すべての画面にIDタグがあり、時々アクションが全画面ではなく画面参照につながる–再利用し、重複の労力を最小限に抑える方法。また、各画面はソースPNGレイアウトファイルのあるフォルダーにリンクしています。

アクション参照。ここでのほとんどのユーザーアクションは、異なるスタイルのIDも持っているため、参照することもできます。

開始点。キャンバスは非常に大きいので、ビューアをガイドするための明確な出発点があります。

レイアウト構造。キャンバスの右上に、レイアウトのコア構造といくつかの一般的なコンポーネントが説明されています。

切り替え可能なレイヤー。さまざまな情報が個別のレイヤーに分離されて保持されているため、さまざまな対象者に対してオンとオフを切り替えることができます。

enter image description here

Wireframes Magazine の Anton Volkov のユーザーフローチャートからのスクリーンショット。

Benny Skogberg · Answer

フローチャートは、どのデバイスで表示されているかに関係なく flowchart です。

enter image description here